:root{font-family:Courier New,Courier,monospace;color:#141414;background-color:#f4f1ea}*{box-sizing:border-box}input{font-size:16px}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#f7f2e8,#eee6d7)}#root{width:min(960px,100%);padding:24px}.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;justify-content:center}.board-wrapper{position:relative}.board{aspect-ratio:1 / 1;display:grid;gap:2px;background:#d8d0c2;padding:10px;border:2px solid #b6a88f;touch-action:none}.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}}.cell{background:#f7f3ea;border-radius:2px}.cell.snake{background:#2a2a2a}.cell.head{filter:brightness(.85)}.cell.food{background:#c04b3a}.cell.dead{opacity:.5}.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}button:hover{background:#ebe3d2}button:disabled{opacity:.4;cursor:default}.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}.controls{display:grid;gap:6px;justify-items:center}.controls-row{display:flex;gap:8px}.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;justify-content:flex-end;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.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}.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;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:baseline;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.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}.game-instructions{font-size:12px;color:#888;text-align:center;padding:6px 12px;line-height:1.6}.game-instructions kbd{display:inline-block;font-family:inherit;font-size:11px;background:#e8e2d9;border:1px solid #bbb;border-radius:3px;padding:0 4px}.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{width:min(90vw,540px);margin:0 auto 10px;display:flex;flex-direction:column;gap:3px}.bomber-help-row{font-size:12px;color:#666;text-align:center}.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-help-mobile{display:none}@media (hover: none){.bomber-help-row span:first-child{display:none}.bomber-help-mobile{display:inline}}.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-dpad{display:grid;grid-template-areas:".    up   ." "left .    right" ".    down .";grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:3px}.dpad-btn{border:none;border-radius:8px;background:#444;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:52px;min-width:52px;-webkit-tap-highlight-color:transparent}.dpad-btn:active{background:#666}.dpad-up{grid-area:up}.dpad-down{grid-area:down}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.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}@media (max-width: 720px){#root{padding:12px}.stage,.sketch-layout,.trivia-options{grid-template-columns:1fr}.board{gap:1px;padding:6px}.controls{margin-top:8px}.controls-row{gap:12px}.controls button{min-width:72px;min-height:72px;font-size:22px;padding:0}button{min-height:44px;padding:10px 14px}.trivia-option{padding:16px 14px}.emoji-btn{font-size:24px;padding:6px}.game-card{padding:18px 14px}}