:root{font-family:Courier New,Courier,monospace;color:#141414;background-color:#f4f1ea}*{box-sizing:border-box}:focus-visible{outline:2px solid #3d5a80;outline-offset:2px}input{font-size:16px}body{margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#f7f2e8,#eee6d7)}#root{width:min(960px,100%);padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.app{display:flex;flex-direction:column;gap:16px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 0 12px;border-bottom:1px solid #d4c9b6}.topbar-center{display:flex;flex-direction:column;align-items:center;gap:6px}.topbar-brand{display:flex;align-items:center;gap:10px}.brand-name{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.brand-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.16em;opacity:.45;white-space:nowrap}.topbar-right{display:flex;justify-content:flex-end;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.stage{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px}.lobby{display:flex;flex-direction:column;align-items:center;gap:24px}.lobby-intro{max-width:480px;text-align:center;font-size:14px;color:#5a5a5a;line-height:1.5}.lobby-intro p{margin:0 0 12px}.lobby-intro p:last-child{margin-bottom:0}.board-wrapper{position:relative}.board{aspect-ratio:1 / 1;background:#f7f3ea;padding:10px;border:2px solid #b6a88f;position:relative;box-sizing:border-box;touch-action:none}.board-overlay{position:relative;width:100%;height:100%;background-image:linear-gradient(to right,rgba(216,208,194,.55) 1px,transparent 1px),linear-gradient(to bottom,rgba(216,208,194,.55) 1px,transparent 1px);background-size:calc(100% / var(--cols, 30)) calc(100% / var(--rows, 30));background-position:0 0;box-shadow:inset -1px -1px #d8d0c28c;overflow:hidden}.snake-segment,.food-segment{position:absolute;top:0;left:0;border-radius:2px;transition:transform .12s linear;will-change:transform}.snake-segment.head{filter:brightness(.85)}.snake-segment.dead{opacity:.5}.food-segment{background:#c04b3a}.swipe-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#f7f3ea;font-size:15px;letter-spacing:.15em;text-transform:uppercase;pointer-events:none;animation:swipeHintFade 2.2s forwards}@keyframes swipeHintFade{0%{opacity:1}55%{opacity:1}to{opacity:0}}.panel{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #c8bca7;background:#fdfaf3;min-width:0;overflow:hidden}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.field input{font-family:inherit;padding:8px 10px;border:1px solid #2a2a2a;background:#f7f3ea}.status{min-height:24px;font-size:14px}.error{color:#9b2c2c;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{font-family:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:8px 10px;border:1px solid #2a2a2a;background:#f7f3ea;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit}button:hover{background:#ebe3d2}button:disabled{opacity:.4;cursor:default}.btn-primary{background:#2a2a2a;color:#f7f3ea;border-color:#2a2a2a}.btn-primary:hover{background:#1a1a1a}.btn-primary:disabled{background:#888;border-color:#888;color:#f7f3ea;opacity:.6}.players{display:grid;gap:6px;font-size:12px}.player{display:flex;align-items:center;gap:6px}.player span:nth-child(2){flex:1}.swatch{width:12px;height:12px;border-radius:2px;border:1px solid #2a2a2a}.dpad{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);gap:6px;justify-content:center}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-down{grid-area:down}.dpad-right{grid-area:right}.dpad button{display:flex;align-items:center;justify-content:center;font-size:18px;padding:0;-webkit-tap-highlight-color:transparent}.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:12px;border-top:1px solid #d4c9b6}.footer-left{display:flex;align-items:center}.footer-center{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.5;white-space:nowrap}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.footer-version{font-size:9px;opacity:.7;letter-spacing:.12em}.credit-link{color:inherit;text-decoration:underline;text-underline-offset:2px;opacity:1}.credit-link:hover{opacity:.7}.disconnected-banner{padding:10px 16px;background:#c04b3a;color:#fff;font-size:13px;text-align:center;letter-spacing:.06em}.error-boundary{padding:32px 16px;text-align:center;color:#c04b3a;font-size:15px;letter-spacing:.04em}.end-game-btn{font-size:11px;padding:4px 8px;border-color:#c04b3a;color:#c04b3a}.end-game-btn:hover{background:#fef0ee}.round-winner{font-weight:700;color:#5a7d3a}.leaderboard-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.skip-btn{font-size:11px;padding:4px 8px;opacity:.7}.skip-btn:hover{opacity:1}.voting-stage{display:flex;flex-direction:column;gap:16px}.voting-header{display:flex;align-items:baseline;justify-content:space-between}.voting-timer{font-size:20px;font-weight:700;transition:color .3s,font-size .3s}.voting-timer.timer-urgent{color:#c04b3a;font-size:26px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.game-card{display:flex;flex-direction:column;gap:6px;padding:16px 12px;min-height:80px;text-align:left;border:2px solid #b6a88f;background:#fdfaf3}.game-card:hover{border-color:#2a2a2a;background:#f7f3ea}.game-card-name{font-size:13px;font-weight:700}.game-card-votes{font-size:11px;opacity:.7}.game-stage{display:flex;flex-direction:column;gap:16px}.game-header{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.game-header-right{display:flex;align-items:center;gap:12px}.help-wrap{position:relative;display:inline-flex;align-items:center}.help-icon{width:22px;height:22px;padding:0;font-size:11px;font-weight:700;border-radius:50%;background:transparent;border:1px solid #2a2a2a;color:#2a2a2a;line-height:1;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.help-icon:hover{background:#2a2a2a;color:#f7f3ea}.help-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:100;min-width:240px;max-width:320px;background:#fdfaf3;border:2px solid #2a2a2a;padding:12px 14px;box-shadow:0 6px 24px #0000001f;text-transform:none;letter-spacing:normal;text-align:left}.help-popover:before{content:"";position:absolute;top:-10px;right:6px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #2a2a2a}.help-popover:after{content:"";position:absolute;top:-6px;right:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #fdfaf3}.help-popover-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:8px}.help-popover-rules{margin:0 0 12px;padding-left:18px;font-size:12px;line-height:1.6}.help-popover-rules li{margin-bottom:2px}.help-popover-close{font-size:10px;padding:4px 12px}@media (max-width: 480px){.help-popover{right:-10px;min-width:220px;max-width:calc(100vw - 24px)}}.truths-panel{max-width:600px}.truths-cards{display:flex;flex-direction:column;gap:8px}.truth-card{text-align:left;padding:12px;font-size:13px;text-transform:none;letter-spacing:normal;line-height:1.4;border:2px solid #b6a88f;display:flex;justify-content:space-between;align-items:center;gap:8px}.truth-card:hover:not(:disabled){border-color:#2a2a2a}.truth-lie{border-color:#c04b3a;background:#fef0ee}.truth-true{border-color:#5a7d3a;background:#f4fae9}.truth-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.lie-toggle{font-size:10px;padding:2px 6px;margin-left:8px}.lie-selected{background:#c04b3a;color:#fff;border-color:#c04b3a}.lie-selected:hover{background:#a83d30}.emoji-display{font-size:48px;text-align:center;padding:20px 0;line-height:1.3}.emoji-preview{font-size:32px;min-height:48px;padding:8px;border:1px solid #c8bca7;background:#fff;text-align:center;line-height:1.4;word-break:break-all}.emoji-picker{display:flex;flex-direction:column;gap:6px}.emoji-search-row{display:flex;align-items:center;gap:4px}.emoji-search-row input{flex:1;padding:4px 8px;border:1px solid #c8bca7;background:#f7f3ea;font-size:16px}.emoji-tabs{display:flex;gap:4px;flex-wrap:wrap}.emoji-tab{font-size:10px;padding:3px 6px;border:1px solid #c8bca7;background:#f7f3ea}.emoji-tab-active{background:#2a2a2a;color:#f7f3ea;border-color:#2a2a2a}.emoji-tab-active:hover{background:#444}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px}.emoji-btn{font-size:20px;padding:4px;border:1px solid transparent;background:transparent;text-transform:none;letter-spacing:0;line-height:1;text-align:center}.emoji-btn:hover{background:#ebe3d2;border-color:#c8bca7}.guess-row{display:flex;gap:8px;min-width:0}.guess-row button{flex-shrink:0}.guess-row input{flex:1;min-width:0;font-family:inherit;padding:8px 10px;border:1px solid #2a2a2a;background:#f7f3ea}.guess-feed{display:flex;flex-direction:column;gap:4px;font-size:12px;max-height:200px;overflow-y:auto}.guess-item{padding:4px 0;border-bottom:1px solid #eee6d7}.guess-correct{color:#5a7d3a;font-weight:700}.typeracer-text{font-family:monospace;font-size:15px;line-height:1.8;letter-spacing:.02em;word-break:break-word;cursor:text;padding:8px;background:#f7f3ea;border:1px solid #c8bca7;border-radius:4px;min-height:72px}.char-pending{color:#aaa}.char-correct{color:#2a2a2a}.char-wrong{color:#c0392b;background:#fde8e6;border-radius:2px}.char-cursor{border-left:2px solid #2a2a2a;margin-left:-1px;animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.typeracer-hidden-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.typeracer-progress-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.typeracer-progress-row{display:flex;align-items:center;gap:8px}.typeracer-progress-name{width:80px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typeracer-progress-bar{flex:1;height:10px;background:#e5ddd0;border-radius:5px;overflow:hidden}.typeracer-progress-fill{height:100%;border-radius:5px;transition:width .2s ease}.typeracer-done{font-size:12px;color:#5a7d3a;font-weight:700}.typeracer-results{display:flex;flex-direction:column;gap:6px}.typeracer-result-row{display:flex;align-items:center;gap:10px;font-size:13px}.typeracer-result-name{flex:1;font-weight:600}.wordchain-current{font-size:1.4rem;font-weight:700;text-align:center;padding:8px 0}.wordchain-word{text-transform:uppercase;letter-spacing:.05em}.wordchain-hint{font-size:.85rem;font-weight:400;opacity:.75;margin-left:6px}.wordchain-players{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.wordchain-player-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;border:2px solid transparent;border-radius:20px;font-size:12px;background:#f7f3ea}.wordchain-active{background:#2a2a2a;color:#f7f3ea}.wordchain-active .swatch{border:1px solid rgba(255,255,255,.3)}.wordchain-eliminated-label{font-size:11px;opacity:.5;width:100%;text-align:center}.bomber-canvas{display:block;width:min(90vw,540px);aspect-ratio:1 / 1;margin:0 auto 10px;border:2px solid #444;border-radius:4px;touch-action:none}.bomber-help-row kbd{display:inline-block;font-family:inherit;font-size:11px;background:#e8e2d9;border:1px solid #bbb;border-radius:3px;padding:0 4px}.bomber-scoreboard{display:flex;flex-direction:column;gap:4px;width:min(90vw,540px);margin:8px auto 0}.bomber-score-row{display:flex;align-items:center;gap:8px;font-size:14px;transition:opacity .3s}.bomber-score-row.dead{opacity:.4}.bomber-score-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bomber-score-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bomber-score-pts{font-weight:700;min-width:30px;text-align:right}.bomber-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.bomber-bomb-btn{width:72px;height:72px;border-radius:50%;border:3px solid #e05b00;background:#2d2d2d;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;min-height:unset;-webkit-tap-highlight-color:transparent}.bomber-bomb-btn:active{background:#444}.bomber-stats{display:flex;gap:14px;justify-content:center;align-items:center;font-size:14px;font-weight:600;margin-top:6px;padding:6px 14px;background:#ffffff0d;border-radius:20px;width:fit-content;margin-left:auto;margin-right:auto}.sketch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.sketch-canvas{width:100%;aspect-ratio:1 / 1;background:#fff;border:2px solid #b6a88f;cursor:crosshair;touch-action:none}.sketch-tools{display:flex;align-items:center;gap:6px}.sketch-sidebar{overflow-y:auto;overflow-x:hidden}.color-btn{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid transparent}.color-active{border-color:#2a2a2a;box-shadow:0 0 0 2px #f7f3ea,0 0 0 4px #2a2a2a}.trivia-panel{max-width:640px}.trivia-question{font-size:18px;font-weight:700;line-height:1.4;padding:8px 0}.trivia-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trivia-option{padding:14px 12px;font-size:13px;text-transform:none;letter-spacing:normal;text-align:left;border:2px solid #b6a88f;line-height:1.3}.trivia-option:hover:not(:disabled){border-color:#2a2a2a}.trivia-selected{border-color:#3d5a80;background:#eaf0f7}.trivia-correct{border-color:#5a7d3a;background:#f4fae9}.trivia-wrong{border-color:#c04b3a;background:#fef0ee}.hottake-panel{max-width:640px}.hottake-prompt{font-size:20px;font-weight:700;line-height:1.4;text-align:center;padding:10px;border:1px solid #c8bca7;background:#f7f3ea}.hottake-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hottake-btn{padding:14px 12px;font-size:14px;border:2px solid #b6a88f}.hottake-btn:hover:not(:disabled){border-color:#2a2a2a}.hottake-selected{border-color:#3d5a80;background:#eaf0f7}.coffee-btn{display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border:1px solid #8b6914;background:#f7f3ea;color:#7a5c10;text-decoration:none;cursor:pointer;white-space:nowrap}.coffee-btn:hover{background:#fef8e8}.footer-actions{display:flex;flex-direction:column;align-items:stretch;gap:3px}.feedback-btn{font-size:11px;padding:4px 10px;border-color:#3d5a80;color:#3d5a80}.feedback-btn:hover{background:#eef3f8}.feedback-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.feedback-modal{background:#f4f1ea;border:2px solid #b6a88f;padding:24px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;font-size:13px}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.feedback-close{border:none;background:none;font-size:18px;color:#888;cursor:pointer;padding:0 4px;text-transform:none}.feedback-close:hover{color:#141414;background:none}.feedback-field{margin-bottom:12px}.feedback-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;color:#666}.feedback-optional{color:#888}.feedback-optional span{font-size:10px;text-transform:none;letter-spacing:0;opacity:.7}.feedback-types{display:flex;gap:6px}.feedback-type-btn{flex:1;padding:6px 4px;text-align:center;font-size:11px;border:1px solid #b6a88f;background:transparent}.feedback-type-btn:hover{background:#ebe3d2}.feedback-type-btn.selected.bug{border:2px solid #c04b3a;background:#fef0ee;color:#c04b3a}.feedback-type-btn.selected.feature{border:2px solid #bb87fc;background:#f5f0ff;color:#7c4dff}.feedback-type-btn.selected.other{border:2px solid #3d5a80;background:#eef3f8;color:#3d5a80}.feedback-input{width:100%;padding:8px;border:1px solid #b6a88f;background:#fffdf7;font-family:inherit;font-size:16px;color:#141414}.feedback-input:focus{outline:none;border-color:#3d5a80}.feedback-input.invalid{border-color:#c04b3a}.feedback-textarea{resize:vertical;min-height:64px}.feedback-error{color:#c04b3a;font-size:11px;margin-top:3px}.feedback-server-error{margin-bottom:12px;font-size:12px}.feedback-file-label{display:block;padding:12px;border:1px dashed #d4cbb8;background:#fffdf7;text-align:center;font-size:12px;color:#999;cursor:pointer;text-transform:none;letter-spacing:0}.feedback-file-label:hover{border-color:#b6a88f;color:#666}.feedback-screenshot-preview{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #b6a88f;background:#fffdf7}.feedback-screenshot-preview img{width:48px;height:48px;object-fit:cover;border:1px solid #d4cbb8}.feedback-screenshot-remove{border:none;background:none;color:#c04b3a;cursor:pointer;font-size:14px;padding:2px 6px;text-transform:none}.feedback-screenshot-remove:hover{background:#fef0ee}.feedback-screenshot-name{font-size:11px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-submit{width:100%;padding:10px;background:#3d5a80;color:#f4f1ea;border:none;font-size:13px;font-weight:700;cursor:pointer}.feedback-submit:hover{background:#34506e}.feedback-submit:disabled{opacity:.6;cursor:default}.feedback-hp-field{position:absolute;left:-9999px;height:0;overflow:hidden;opacity:0;pointer-events:none}.feedback-success{text-align:center;padding:32px 16px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5a7d3a}@media (max-width: 720px){body{align-items:flex-start}#root{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.footer-center{white-space:normal;text-align:center;line-height:1.6}.footer-right{align-items:center;text-align:center;width:100%}.footer-actions{flex-direction:row;align-items:stretch;gap:6px;width:100%}.footer-actions .coffee-btn,.footer-actions .feedback-btn{flex:1;text-align:center;padding:5px 12px;white-space:nowrap}.footer-version{display:block;margin-top:4px}.stage,.sketch-layout,.trivia-options{grid-template-columns:1fr}.board{padding:6px}.dpad{margin-top:8px;grid-template-columns:repeat(3,72px);grid-template-rows:repeat(2,72px)}.dpad button{min-height:unset;font-size:22px;padding:0}.lie-toggle,.emoji-tab{min-height:unset}button{min-height:44px;padding:10px 14px}.trivia-option{padding:16px 14px}.hottake-actions{grid-template-columns:1fr}.hottake-btn{padding:16px 14px}.emoji-btn{font-size:24px;padding:6px}.game-card{padding:18px 14px}}@media (max-width: 600px){.topbar{display:flex;flex-direction:column;align-items:center;gap:4px}.topbar-right{justify-content:center;font-size:11px;letter-spacing:.14em}.brand-subtitle{white-space:normal;text-align:center}}