: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(240px,1fr));gap:2rem 1.5rem}.card{position:relative;padding:12px;min-height:300px;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:16 / 10;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 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:3rem;margin:0 0 .25rem;transform:rotate(-1deg)}.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)}