.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-5) var(--space-4);gap:var(--space-4)}.card{background:#fff;border:2px solid var(--ink);border-radius:var(--radius-panel);box-shadow:var(--shadow-lift);padding:var(--space-5) var(--space-4);max-width:460px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.wordmark-lg{font-size:var(--fs-display);line-height:1.1}.subtle{color:var(--muted);font-size:var(--fs-label)}.hat-emoji{font-size:56px;line-height:1}.hub{min-height:100%;display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4)}.hub__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hub__marquee{background:var(--navy);color:var(--paper);border-radius:var(--radius-panel);padding:var(--space-5) var(--space-4);text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.hub__marquee .big{font-size:var(--fs-display-xl)}.placeholder-note{color:var(--muted);font-size:13px;text-align:center}.linklike{background:none;border:none;color:var(--blue-text);font-weight:700;text-decoration:underline;min-height:var(--target-btn);padding:0 var(--space-2)}.board-screen{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.board-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.board-bar h2{font-size:var(--fs-title);margin:0}.turn-banner{background:var(--navy);color:var(--paper);border-radius:var(--radius-panel);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.turn-banner.you{background:var(--sage);color:var(--ink)}.answer-row{display:flex;gap:var(--space-3);justify-content:center}.answer-btn{min-width:96px;min-height:72px;font-size:32px;border-radius:999px;border:2px solid var(--ink);background:#fff}.answer-btn.up{background:var(--sage)}.answer-btn.down{background:var(--paper-2)}.board-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(4,1fr)}@media (min-width: 640px){.board-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 900px){.board-grid{grid-template-columns:repeat(6,1fr)}}.tile{position:relative;min-height:var(--target-tile);border:2px solid var(--ink);border-radius:var(--radius-card);background:#fff;overflow:hidden;padding:0;cursor:pointer;display:flex;flex-direction:column}.tile:active{transform:translateY(1px)}.tile__face{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.tile__placeholder{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:32px;color:var(--ink)}.tile__name{font-size:12px;font-weight:700;text-align:center;padding:4px 2px;border-top:3px solid var(--wash);background:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile.down .tile__face,.tile.down .tile__placeholder{filter:grayscale(.9) opacity(.65)}.tile.down{transform:translateY(2px) rotate(-1.5deg);border-color:var(--muted)}.tile.down .tile__name{color:var(--muted);border-top-color:var(--muted)}.tile__sad{position:absolute;top:-6px;right:-4px;font-size:20px}.tile.selected{box-shadow:0 0 0 4px var(--sage);border-color:var(--sage-text)}.tile.secret{box-shadow:0 0 0 4px var(--brass)}.tile__shh{position:absolute;top:2px;left:2px;font-size:11px;font-weight:700;background:var(--brass);color:var(--ink);border-radius:6px;padding:1px 5px}.flip-confirm{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.secret-easel{display:flex;align-items:center;gap:var(--space-2);background:#fff;border:2px solid var(--brass);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3);align-self:center}.secret-easel img,.secret-easel .ph{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display)}.hint{color:var(--muted);font-size:13px;text-align:center}.stub-note{background:var(--paper-2);border:1px dashed var(--muted);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3);font-size:13px;color:var(--muted);text-align:center}.rec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--paper);display:flex;align-items:stretch;justify-content:center}.rec-frame{width:100%;max-width:520px;display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-3)}.rec-top{display:flex;align-items:center;justify-content:space-between}.rec-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.rec-error{color:var(--rust-text);font-weight:700}.rec-stage{flex:1;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center;position:relative}.rec-video{width:100%;max-height:60vh;background:#000;border:3px solid var(--ink);border-radius:var(--radius-panel);object-fit:cover;transform:scaleX(-1)}.rec-stage video[controls]{transform:none}.rec-countdown{position:absolute;top:16px;right:28px;font-family:var(--font-display);font-size:40px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.rec-controls{display:flex;justify-content:center}.rec-btn{width:84px;height:84px;border-radius:999px;border:4px solid #fff;box-shadow:var(--shadow-lift);cursor:pointer}.rec-btn--record{background:var(--rust)}.rec-btn--stop{background:var(--rust);border-radius:18px}.rec-review{display:flex;gap:var(--space-3)}:root{--paper: #f5f1e8;--paper-2: #e9e1cf;--ink: #2c2c2c;--navy: #34465b;--blue: #7ba5c7;--blue-text: #4a6b8a;--sage: #7db8a0;--sage-text: #3e6b58;--rust: #c17a4a;--rust-text: #9a5a30;--brass: #c0a26b;--muted: #6b6455;--wash-SAM: #7ba5c7;--wash-SAM-P: #c17a4a;--wash-OB: #8fb3ce;--wash-OB-W: #7db8a0;--wash-OB-D1: #bfd3dc;--wash-OB-D2: #aec8da;--wash-OB-D3: #e0b48e;--wash-OS: #9fb6c9;--wash-OS-H: #46586e;--wash-OS-S1: #c98b62;--wash-YB: #6e8fad;--wash-MOM: #3a4a5c;--wash-SD: #c9cbb8;--wash-SM: #b79bc4;--wash-OS-D1: #e7c6a8;--wash-OS-S2: #a8cdba;--wash-SAM-DOG: #e5b566;--wash-OB-DOG1: #e8d49a;--wash-OB-DOG2: #5a5a5a;--wash-OS-DOG1: #e2be7d;--wash-OS-DOG2: #cba35c;--wash-SM-DOG: #e8b7c0;--font-display: "Fraunces", Georgia, serif;--font-body: "Andika", system-ui, sans-serif;--fs-display-xl: 44px;--fs-display: 32px;--fs-title: 24px;--fs-body: 18px;--fs-label: 16px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--radius-card: 16px;--radius-panel: 22px;--target-tile: 88px;--target-record: 96px;--target-btn: 64px;--dur-press: 90ms;--dur-spot: .25s;--dur-tuck: .45s;--dur-pull: .6s;--dur-shake: .9s;--dur-erupt: 1.8s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-settle: cubic-bezier(.34, 1.4, .64, 1);--ease-pull: cubic-bezier(.22, 1.36, .36, 1);--ease-shake: cubic-bezier(.36, .07, .19, .97);--shadow-paper: 0 2px 6px rgba(44, 44, 44, .14);--shadow-lift: 0 6px 16px rgba(44, 44, 44, .2)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(44,44,44,.018) 1px,transparent 1px);background-size:4px 4px}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3)}button{font-family:var(--font-body);cursor:pointer}.wordmark{font-family:var(--font-display);font-variation-settings:"WONK" 1,"SOFT" 40,"opsz" 96,"wght" 600;letter-spacing:.5px}.felt-btn{font-weight:700;font-size:var(--fs-label);color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;padding:0 var(--space-4);min-height:var(--target-btn);box-shadow:var(--shadow-paper);transition:transform var(--dur-press) var(--ease-standard)}.felt-btn:active{transform:translateY(1px)}.felt-btn--go{background:var(--sage)}.felt-btn--rust{background:var(--rust);color:var(--paper)}