:root{font-family:Patrick Hand,Kalam,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg, #f4ead5);background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:24px 24px,48px 48px;background-position:0 0,12px 12px;color:var(--ink, #2b2b2b);min-height:100vh}.board{--bg: #f4ead5;--paper: #fffdf5;--ink: #2b2b2b;--accent: #c0392b;padding:2rem clamp(1rem,4vw,3rem) 4rem;max-width:1400px;margin:0 auto}.masthead{text-align:center;margin:1rem 0 2.5rem}.masthead h1{font-family:Caveat,cursive;font-size:clamp(2.5rem,6vw,4.5rem);margin:0;transform:rotate(-1.5deg);color:var(--ink);text-shadow:2px 2px 0 rgba(0,0,0,.05)}.masthead p{font-family:Kalam,cursive;font-size:1.2rem;margin:.25rem 0;opacity:.75;transform:rotate(.5deg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:2rem 1.5rem;justify-items:center}.card{position:relative;padding:12px;min-height:300px;width:100%;max-width:320px;text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.card:nth-child(3n){transform:rotate(-1.5deg)}.card:nth-child(3n+1){transform:rotate(1deg)}.card:nth-child(3n+2){transform:rotate(-.5deg)}.card:hover{transform:rotate(0) scale(1.03);z-index:5}.card-inner{position:relative;z-index:1;padding:18px 14px 14px;height:100%;display:flex;flex-direction:column;gap:8px}.pin{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6,transparent 40%),var(--pin, #e74c3c);box-shadow:0 2px 4px #0006;z-index:3}.thumb{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;border:1.5px solid var(--ink);background:#eee}.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) saturate(.95)}.thumb .placeholder{display:grid;place-items:center;width:100%;height:100%;font-family:Caveat,cursive;font-size:2rem;color:#999}.play-badge{position:absolute;bottom:6px;right:6px;background:var(--accent);color:#fff;font-family:Kalam,cursive;font-size:.75rem;padding:2px 8px;transform:rotate(-3deg)}.card .date{font-family:Caveat,cursive;font-size:1.4rem;color:var(--accent);line-height:1}.card .title{font-family:Kalam,cursive;font-weight:700;font-size:1.1rem;line-height:1.15;margin:0}.card .summary{font-size:.95rem;opacity:.8;line-height:1.3;margin:0}.card.empty{opacity:.55;pointer-events:none}.card.empty .title{font-style:italic}.post{max-width:720px;margin:0 auto;position:relative;padding:3rem clamp(.5rem,3vw,2rem)}.post-paper{position:relative;padding:3rem clamp(1.5rem,5vw,3.5rem)}.post-inner{position:relative;z-index:1}.post h1{font-family:Caveat,cursive;font-size:clamp(2rem,7vw,3rem);margin:0 0 .25rem;transform:rotate(-1deg);word-break:break-word}.post .meta{font-family:Kalam,cursive;color:var(--accent);margin-bottom:1.5rem}.post .content{font-family:Patrick Hand,sans-serif;font-size:1.15rem;line-height:1.55}.post .content h2,.post .content h3{font-family:Caveat,cursive;color:var(--accent)}.post .content img{max-width:100%;border:1.5px solid var(--ink)}.post .yt{aspect-ratio:16/9;margin:1.5rem 0;border:2px solid var(--ink)}.post .yt iframe{width:100%;height:100%;border:0;display:block}.back{display:inline-block;font-family:Caveat,cursive;font-size:1.4rem;color:var(--ink);text-decoration:none;margin-bottom:1rem}.back:before{content:"↞ ";color:var(--accent)}.footer{text-align:center;margin-top:4rem;font-family:Caveat,cursive;font-size:1.2rem;opacity:.6;transform:rotate(-.5deg)}.comments{margin-top:2.5rem;border-top:1.5px dashed var(--ink);padding-top:1.5rem}.comments h2{font-family:Caveat,cursive;color:var(--accent);margin:0 0 1rem}.comments ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.8rem}.comments li{background:#00000008;border-left:3px solid var(--accent);padding:.5rem .8rem}.c-head{font-size:.9rem;margin-bottom:.2rem}.c-body{white-space:pre-wrap}.muted{opacity:.6;font-size:.85rem}.c-form{display:flex;flex-direction:column;gap:.5rem}.c-form input,.c-form textarea{font:inherit;padding:.5rem .6rem;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink)}.c-form textarea{resize:vertical}.c-form button{align-self:flex-start;font:inherit;font-family:Caveat,cursive;font-size:1.2rem;padding:.3rem 1rem;border:1.5px solid var(--ink);background:var(--accent);color:var(--paper);cursor:pointer}.c-form button:disabled{opacity:.5;cursor:not-allowed}