.page-header{margin-bottom:14px}.page-title{position:relative;display:inline-block}.page-title svg.deco{position:absolute;width:60px;height:60px}.page-title svg.deco.l{left:-76px;top:-10px;transform:rotate(-12deg)}.page-title svg.deco.r{right:-76px;top:-8px;transform:rotate(14deg)}.page-subtitle{font-size:19px;margin:4px 0 6px;max-width:none}.page-tagline{font-family:var(--font-typewriter);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faded)}.instructions{margin:28px auto 36px;padding:14px 22px;border-top:1px solid var(--ink-faded);border-bottom:1px solid var(--ink-faded);max-width:720px;text-align:center;font-family:IM Fell DW Pica,serif;font-style:italic;font-size:15px;color:var(--ink-soft);position:relative}.instructions:before{content:"— HOUSE RULES —";position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--paper);padding:0 12px;font-family:Special Elite,monospace;font-size:10px;letter-spacing:.3em;color:var(--ink-faded);font-style:normal}.panel{border:2.5px solid var(--ink);margin:0 0 40px;padding:0;position:relative;background:#fffae652;box-shadow:2px 2px #0000000a,5px 5px #503c1e0d}.panel-header{background:var(--ink);color:var(--paper);padding:16px 28px 14px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;position:relative}.panel-header .label{font-family:Special Elite,monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--sticky);margin-bottom:4px;display:block}.panel-header h2{font-family:"DM Serif Display",serif;font-size:clamp(28px,4vw,40px);margin:0;font-weight:400;color:var(--paper);line-height:1}.panel-header h2 em{font-style:italic;color:var(--sticky)}.panel-header .tagline{font-family:IM Fell DW Pica,serif;font-style:italic;font-size:14px;color:var(--paper-deep);opacity:.8;text-align:right;max-width:280px}.panel-body{padding:28px 28px 32px}.status-line{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:22px;padding:10px 14px;border:1px dashed var(--ink-faded);font-family:Special Elite,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);background:#fffae666}.status-line .value{color:var(--ink);font-weight:400}.status-line .turn-e{color:var(--soup)}.status-line .turn-h{color:var(--catan)}.btn{background:var(--paper);border:2px solid var(--ink);padding:10px 22px;font-family:IM Fell English SC,serif;font-size:14px;letter-spacing:.15em;color:var(--ink);cursor:pointer;transition:transform 80ms steps(2),background 80ms;text-transform:uppercase;box-shadow:2px 2px 0 var(--ink)}.btn:hover{background:var(--sticky);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn-row{text-align:center;margin-top:18px}.ttt-board{width:min(380px,80%);margin:0 auto;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0;border:3px solid var(--ink);background:var(--paper);position:relative}.ttt-cell{border:1.5px solid var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;transition:background 80ms;padding:8%;position:relative}.ttt-cell:hover:not(.filled):not(.locked){background:#e8c44140}.ttt-cell.filled{cursor:default}.ttt-cell.locked{cursor:not-allowed}.ttt-cell.winner{background:#e8c44180;animation:winflash .4s steps(3) 2}@keyframes winflash{0%,to{background:#e8c44180}50%{background:#e8c441d9}}.ttt-cell svg{width:100%;height:100%;animation:placein .24s steps(4)}@keyframes placein{0%{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:480px;margin:0 auto}.mem-card{aspect-ratio:1 / 1;perspective:600px;cursor:pointer;position:relative}.mem-inner{position:relative;width:100%;height:100%;transition:transform .28s steps(4);transform-style:preserve-3d}.mem-card.flipped .mem-inner,.mem-card.matched .mem-inner{transform:rotateY(180deg)}.mem-front,.mem-back{position:absolute;inset:0;backface-visibility:hidden;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--paper)}.mem-front{background:var(--ink);color:var(--sticky);font-family:IM Fell English SC,serif;font-size:20px;letter-spacing:.2em;flex-direction:column;position:relative}.mem-front:before{content:"";position:absolute;inset:4px;border:1px dashed var(--paper-deep);opacity:.4}.mem-front .mark{font-family:IM Fell English SC,serif;color:var(--paper);font-size:26px}.mem-front .label-tiny{font-family:Special Elite,monospace;font-size:8px;letter-spacing:.2em;color:var(--sticky);margin-top:4px}.mem-back{transform:rotateY(180deg);background:#fffae699;padding:12%}.mem-card.matched .mem-back{background:#5b7a1d2e;border-color:var(--catan)}.mem-back svg{width:100%;height:100%}.quote-game{max-width:720px;margin:0 auto}.quote-display{border-top:3px double var(--ink);border-bottom:3px double var(--ink);padding:26px 24px;position:relative;margin-bottom:22px;min-height:160px;display:flex;flex-direction:column;justify-content:center;text-align:center}.quote-display:before{content:"EXHIBIT";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--paper);padding:0 14px;font-family:Special Elite,monospace;font-size:10px;letter-spacing:.3em;color:var(--redline)}.quote-text{font-family:"DM Serif Display",serif;font-style:italic;font-size:clamp(22px,3.2vw,32px);line-height:1.25;color:var(--ink);margin:0}.quote-text:before{content:"“";color:var(--soup)}.quote-text:after{content:"”";color:var(--soup)}.quote-attr-hint{margin-top:14px;font-family:Special Elite,monospace;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-faded)}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.answer-btn{border:2.5px solid var(--ink);background:var(--paper);padding:22px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-family:IM Fell English SC,serif;font-size:26px;letter-spacing:.06em;color:var(--ink);transition:transform 80ms steps(2),background .1s,box-shadow 80ms;box-shadow:3px 3px 0 var(--ink);position:relative}.answer-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.answer-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.answer-btn.e:hover{background:#c95f1e26}.answer-btn.h:hover{background:#5b7a1d26}.answer-btn.correct{background:#5b7a1d40;border-color:var(--catan);box-shadow:3px 3px 0 var(--catan)}.answer-btn.wrong{background:#a83c2d2e;border-color:var(--redline);box-shadow:3px 3px 0 var(--redline)}.answer-btn .face-icon{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--ink);overflow:hidden;background:var(--paper);display:flex;align-items:center;justify-content:center}.answer-btn .face-icon svg{width:100%;height:100%}.answer-btn:disabled{cursor:default}.reveal-box{border:1.5px dashed var(--ink-faded);background:#e8c4411f;padding:16px 20px;margin-bottom:18px;position:relative;min-height:80px}.reveal-box.hidden{display:none}.reveal-box:before{content:"ANSWER";position:absolute;top:-9px;left:16px;background:var(--paper);padding:0 8px;font-family:Special Elite,monospace;font-size:9px;letter-spacing:.3em;color:var(--ink-faded)}.reveal-verdict{font-family:IM Fell English SC,serif;font-size:22px;letter-spacing:.04em;margin-bottom:6px}.reveal-verdict.correct{color:var(--catan)}.reveal-verdict.wrong{color:var(--redline)}.reveal-context{font-family:IM Fell DW Pica,serif;font-style:italic;font-size:15.5px;color:var(--ink);line-height:1.45}.results{text-align:center;padding:28px 20px}.results.hidden{display:none}.results .score-display{font-family:"DM Serif Display",serif;font-size:92px;line-height:1;color:var(--soup);margin:0}.results .score-of{font-family:IM Fell DW Pica,serif;font-style:italic;font-size:22px;color:var(--ink-soft);margin:0 0 18px}.results .verdict{font-family:IM Fell English SC,serif;font-size:24px;letter-spacing:.06em;color:var(--ink);margin:18px 0 8px;padding:12px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.results .verdict-sub{font-family:IM Fell DW Pica,serif;font-style:italic;font-size:16px;color:var(--ink-soft);margin-bottom:22px;line-height:1.4}.game-hidden{display:none!important}@media(max-width:880px){.paper-shell{padding:24px 18px 60px}.panel-body{padding:18px 16px 22px}.panel-header{padding:14px 18px 12px;grid-template-columns:1fr;gap:4px}.panel-header .tagline{text-align:left}.memory-board{gap:8px}.answer-btn{padding:16px 10px;font-size:22px}.page-title{font-size:56px}.page-title svg.deco{display:none}.ttt-board{width:90%}}