.board-shell{gap:20px;display:grid}.board-heading{padding:4px 0}.board-eyebrow{letter-spacing:.06em;color:var(--gold);margin:0 0 4px;font-family:Caveat,Klee One,cursive;font-size:1.15rem}.board-heading h2{color:var(--gold);margin:0}.board-copy{max-width:640px;color:var(--parchment-dark);margin:8px 0 0;line-height:1.7}.corkboard-frame{background:repeating-linear-gradient(90deg,#6b3f1d 0,#7a4a24 6px,#5c3517 12px,#6b3f1d 18px);border-radius:14px;padding:18px;box-shadow:0 18px 40px #0000008c,inset 0 0 0 3px #00000040,inset 0 2px 6px #ffffff26}.corkboard{background-color:#c08a4e;background-image:radial-gradient(circle,#5a371473 .9px,#0000 1.4px),radial-gradient(circle,#3c230c59 .9px,#0000 1.4px),radial-gradient(circle,#ffebcd38 .7px,#0000 1.2px),radial-gradient(at 50% 0,#00000038,#0000 60%);background-position:0 0,5px 7px,3px 4px,0 0;background-size:9px 9px,14px 14px,11px 11px,100% 100%;border-radius:6px;flex-wrap:wrap;place-content:flex-start center;gap:26px 22px;min-height:320px;padding:34px 22px 40px;display:flex;box-shadow:inset 0 0 60px #3c230c8c}.board-loading,.board-note{text-align:center;color:#4a2f16;background:#fffaf0e6;border:1px dashed #4a2f1666;border-radius:6px;width:100%;max-width:420px;margin:auto;padding:28px;font-family:Klee One,EB Garamond,serif;transform:rotate(-1deg);box-shadow:0 6px 16px #0000004d}.poster{max-width:300px;margin-top:var(--drift,0);color:#2b1c10;transform:rotate(var(--tilt,0deg));animation:.5s both pin-drop;animation-delay:var(--delay,0s);background:linear-gradient(#ffffff80,#fff0),linear-gradient(160deg,#fffdf6,#f3ead4);border-radius:3px;flex:0 260px;padding:0;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 1px 2px #0000002e,0 12px 22px #00000052}.poster-body{padding:22px 20px 20px}.poster:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(#785a320f 0 1px,#0000 1px 26px);border-radius:3px;position:absolute;inset:0}.pin{background:radial-gradient(circle at 34% 30%, #fff 0 2px, transparent 3px), radial-gradient(circle at 60% 65%, #00000059, transparent 55%), var(--pin-color,#c0392b);z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px #00000073,inset 0 -2px 3px #0000004d}.pin:after{content:"";background:#3c281480;width:2px;height:6px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.tape{z-index:2;background:#d6e2c8b8;border-left:1px dashed #ffffff80;border-right:1px dashed #ffffff80;width:68px;height:26px;position:absolute;top:-10px;box-shadow:0 2px 5px #0000002e}.tape-left{left:12px;transform:rotate(-24deg)}.tape-right{right:12px;transform:rotate(22deg)}.poster-tag{letter-spacing:.04em;color:#a83232;margin:0 0 8px;font-family:Caveat,cursive;font-size:1.05rem;font-weight:700}.poster-title{color:#2a1c10;letter-spacing:.02em;margin:0 0 10px;font-family:Cinzel,EB Garamond,serif;font-size:1.15rem;line-height:1.4}.poster-desc{color:#4a3620;margin:0 0 14px;font-family:Klee One,EB Garamond,serif;font-size:.95rem;line-height:1.7}.poster-time{color:#5c3a18;align-items:center;gap:8px;margin:0 0 16px;font-family:Klee One,serif;font-size:.9rem;font-weight:600;display:flex}.poster-time-label{text-align:center;color:#fffdf6;background:#7a4a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:Caveat,cursive;font-size:.9rem;line-height:1;display:inline-flex}.poster-entry{color:#a83232;border-bottom:2px solid #a8323259;font-family:Caveat,cursive;font-size:1.15rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.poster-entry:hover{color:#6e0f0f;border-color:#6e0f0f}.poster:hover{z-index:3;transform:rotate(0)translateY(-6px)scale(1.03);box-shadow:0 2px 3px #0003,0 22px 34px #0000006b}@keyframes pin-drop{0%{opacity:0;transform:rotate(var(--tilt,0deg)) translateY(-18px) scale(.96)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}@media (width<=560px){.poster{flex-basis:100%;max-width:340px;margin-top:0}.corkboard{gap:30px 16px;padding:30px 14px}}@media (prefers-reduced-motion:reduce){.poster{animation:none}.poster:hover{transform:rotate(0)translateY(-4px)}}