:root{--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--control-width: 220px;--ui-outline: #EBBEBB;--ui-fill: #E5DAD9;--ui-text: #434343}*{-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none;touch-action:pan-y pinch-zoom}body{background:#efebe9;color:#111;margin:0;font-family:var(--font);-webkit-user-select:none;user-select:none;overscroll-behavior:none}#gameScreen{position:fixed;width:100%;height:100vh;height:100dvh;overflow:hidden}#setupScreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}#setupScreen .logo{display:block;margin-bottom:8px}#setupScreen .subtitle{font-size:24px;font-weight:700;letter-spacing:.1em;color:var(--ui-text);text-align:center;margin-bottom:32px}#setupScreen .stats{display:grid;grid-template-columns:repeat(4,minmax(62px,auto));gap:10px;margin-bottom:24px;font-size:13px;color:var(--ui-text);justify-content:center}#setupScreen .stat{display:flex;flex-direction:column;align-items:center;gap:4px}#setupScreen .stat-value{font-size:18px;font-weight:700;color:var(--ui-text)}#setupScreen .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text)}.color-selector-label{font-size:14px;font-weight:600;color:var(--ui-text);text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}#colorSelector{display:grid;width:var(--control-width);grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;background:transparent;padding:0}#colorSelector button{width:100%;aspect-ratio:1/1;border:2px solid var(--ui-outline);border-radius:8px;background:var(--swatch, #999)!important;opacity:1;cursor:pointer;transition:filter .12s ease,box-shadow .16s ease,border-color .16s ease;position:relative}#colorSelector button:hover{filter:brightness(1.06)}#colorSelector button.selected{background:var(--swatch, #999)!important;border-color:var(--ui-outline);box-shadow:inset 0 0 0 2px #434343;animation:none}#ctaGroup{display:flex;flex-direction:column;width:var(--control-width);gap:8px;margin-top:2px}#startLocalBtn,#startRunBtn,#howToPlayBtn,#homeBtn{display:block;width:100%;padding:10px 14px;border-radius:6px!important;background:var(--ui-fill)!important;background-image:none!important;border:2px solid var(--ui-outline)!important;color:var(--ui-text)!important;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font);transition:filter .2s ease;position:relative;box-shadow:none;margin:0;box-sizing:border-box;text-align:center;text-decoration:none}#playExplainer{width:min(320px,90vw);margin-top:12px;font-size:12px;line-height:1.45;color:var(--ui-text);text-align:center}#startLocalBtn:after,#startRunBtn:after,#howToPlayBtn:after,#homeBtn:after{content:none!important}#startLocalBtn:hover,#startRunBtn:hover,#howToPlayBtn:hover,#homeBtn:hover{filter:brightness(.96)}#startLocalBtn:disabled,#startRunBtn:disabled{opacity:.5;cursor:not-allowed}#localColorModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0000002e;z-index:520}#localColorModal.active{display:flex}#localColorPanel{width:min(340px,92vw);border:2px solid var(--ui-outline);border-radius:10px;background:var(--ui-fill);color:var(--ui-text);padding:14px;box-sizing:border-box}#localColorTitle{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-weight:700;text-align:center}#localColorGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#localColorGrid button{width:100%;aspect-ratio:1/1;border:2px solid var(--ui-outline);border-radius:8px;background:var(--swatch, var(--ui-fill));cursor:pointer;transition:none;filter:none;box-shadow:none}#localColorGrid button.player-one-lock{filter:brightness(.58);box-shadow:inset 0 0 0 2px #434343;cursor:not-allowed}#localColorModal.loading #localColorGrid{pointer-events:none;opacity:.7}#localColorHint{margin-top:10px;font-size:11px;text-align:center;color:var(--ui-text)}#localColorLoading{display:none;margin-top:10px;font-size:11px;text-align:center;color:var(--ui-text);text-transform:uppercase;letter-spacing:.05em;font-weight:700}#localColorModal.loading #localColorLoading{display:block}#gameScreen{display:none;flex-direction:column}#gameScreen.active{display:flex}#topUI{display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 16px 8px;background:#efebe9;border-bottom:1px solid #eee}#roundBadge{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ui-text)}#roundBadge .label{text-transform:uppercase;letter-spacing:.05em;font-size:11px}#roundBadge .value{font-size:20px;font-weight:700;color:var(--ui-text)}#playerIndicatorWrap{position:relative;width:min(700px,calc(100vw - 14px));display:flex;justify-content:center}#playerIndicator{display:flex;gap:clamp(12px,3vw,34px);align-items:stretch;justify-content:space-between;width:100%;flex-wrap:nowrap;padding:0 clamp(12px,4.8vw,72px);box-sizing:border-box}.player-bar{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0;border:2px solid var(--ui-outline);border-radius:6px;background:var(--ui-fill);color:var(--ui-text);padding:6px 10px;box-sizing:border-box;box-shadow:none;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.player-bar.active{border-color:var(--ui-outline);transform:translateY(-1px);box-shadow:none}.player-bar .player-accent{width:8px;height:20px;border:1px solid var(--ui-outline);border-radius:3px;background:var(--bar-color, #ddd);flex:0 0 auto}.player-bar .player-name{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.player-bar .player-score{font-size:20px;font-weight:800;line-height:1;min-width:24px;text-align:center}.player-bar .player-time{margin-left:auto;padding-left:8px;border-left:1px solid var(--ui-outline);font-size:13px;font-weight:700;min-width:50px;text-align:right}#topEmoteAnchor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid #EBBEBB;border-radius:50%;background:#e5dad9;box-shadow:none;pointer-events:none;z-index:2;box-sizing:border-box}#topEmoteLayer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3}.top-emote{font-size:44px;line-height:1;display:inline-block;transform:scale(.22);opacity:0;animation:topEmotePop .34s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity}.top-emote.fade-out{animation:topEmoteFade .14s ease-in forwards}@keyframes topEmotePop{0%{transform:scale(.22);opacity:0}72%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes topEmoteFade{to{transform:translateY(-8px) scale(.94);opacity:0}}#movesTop{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ui-outline);border-radius:6px;background:var(--ui-fill);color:var(--ui-text);padding:6px 12px;box-shadow:none}#movesTop.pulse-warning{animation:movesPulseWarning 1.1s ease-in-out}#movesTop.pulse-critical{animation:movesPulseCritical 1.1s ease-in-out}@keyframes movesPulseWarning{0%{background:var(--ui-fill);color:var(--ui-text);border-color:var(--ui-outline)}30%{background:#ffd9b3;color:#8a4a00;border-color:#f57c00}to{background:var(--ui-fill);color:var(--ui-text);border-color:var(--ui-outline)}}@keyframes movesPulseCritical{0%{background:var(--ui-fill);color:var(--ui-text);border-color:var(--ui-outline)}30%{background:#ffc3c3;color:#7a1d1d;border-color:#d32f2f}to{background:var(--ui-fill);color:var(--ui-text);border-color:var(--ui-outline)}}#gameLayout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden}#gameStage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:8px;box-sizing:border-box;background:#efebe9}#game{position:relative;width:min(100%,600px,calc(100vw - 32px),calc(100dvh - 240px));max-width:600px;aspect-ratio:1/1}#game canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;image-rendering:auto}#bottomUI{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 16px;background:#efebe9;border-top:1px solid #eee}#menuBtn,#restartBtn,#toggleHistoryBtn,#emoteBtn{padding:8px 12px;border-radius:6px;background:var(--ui-fill);background-image:none;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:2px solid var(--ui-outline);color:var(--ui-text);box-shadow:none}#menuBtn:hover,#restartBtn:hover,#toggleHistoryBtn:hover,#emoteBtn:hover{filter:brightness(.97)}#restartBtn{color:var(--ui-text);border-color:var(--ui-outline);background:var(--ui-fill)}#emoteBtn{width:40px;height:34px;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}#emoteBtn:active{transform:translateY(1px)}#emoteOverlay{position:fixed;inset:0;display:none;background:transparent;z-index:350}#emoteOverlay.active{display:block}#emotePopup{position:fixed;left:50%;top:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));gap:8px;background:var(--ui-fill);border:2px solid var(--ui-outline);border-radius:8px;padding:8px;box-shadow:none}#emotePopup .emote-option{width:38px;height:38px;border:1px solid var(--ui-outline);background:var(--ui-fill);color:var(--ui-text);border-radius:6px;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}#emotePopup .emote-option:hover{filter:brightness(.96)}#emotePopup .ring-option{font-size:20px;font-weight:700}#moveHistoryPanel{position:fixed;left:50%;transform:translate(-50%);bottom:88px;width:min(380px,94vw);max-height:min(42vh,320px);display:none;z-index:460;border:2px solid var(--ui-outline);border-radius:8px;background:var(--ui-fill);box-shadow:none;overflow:hidden}#moveHistoryPanel.active{display:flex;flex-direction:column}#moveHistoryHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--ui-outline)}#moveHistoryTitle{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ui-text)}#moveHistoryActions{display:flex;gap:6px}#moveHistoryActions button{padding:6px 8px;border:1px solid var(--ui-outline);background:var(--ui-fill);color:var(--ui-text);border-radius:6px;font-size:11px;font-family:var(--font);cursor:pointer}#moveHistoryList{font-size:12px;line-height:1.4;color:var(--ui-text);white-space:pre-line;min-height:60px;max-height:220px;overflow:auto;padding:8px 10px;box-sizing:border-box}@media(max-width:680px){#playerIndicatorWrap{width:calc(100vw - 10px)}#playerIndicator{gap:8px;padding:0 8px}.player-bar{padding:5px 6px}.player-bar .player-name{font-size:8px;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bar .player-score{font-size:16px;min-width:18px}.player-bar .player-time{min-width:36px;font-size:11px;padding-left:5px}#topEmoteAnchor{width:18px;height:18px}#topEmoteLayer{width:44px;height:44px}.top-emote{font-size:34px}}.loading-indicator{display:none;margin-top:20px;text-align:center}.loading-indicator.active{display:block}.loading-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-top:8px}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#b9e250,#83d5e5,#8ba8ff);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}#setupLoadingIndicator{width:min(240px,85vw);margin-top:14px}#setupLoadingIndicator .loading-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#666}#gameOverModal{position:fixed;inset:0;background:#0000002e;display:none;align-items:center;justify-content:center;z-index:400}#gameOverModal.active{display:flex}#gameOverPanel{background:var(--ui-fill);border:2px solid var(--ui-outline);border-radius:10px;padding:18px;width:min(92vw,430px);text-align:center;box-shadow:none;color:var(--ui-text)}#gameOverTitle{font-size:24px;font-weight:800;margin-bottom:8px;color:var(--ui-text);letter-spacing:.03em;text-transform:uppercase}#gameOverMessage{font-size:14px;color:var(--ui-text);margin-bottom:14px}#gameOverStats{display:grid;grid-template-columns:repeat(4,minmax(64px,auto));justify-content:center;gap:10px;margin-bottom:14px}#gameOverStats .stat{display:flex;flex-direction:column;gap:4px}#gameOverStats .stat-value{font-size:20px;font-weight:800;color:var(--ui-text)}#gameOverStats .stat-label{font-size:10px;text-transform:uppercase;color:var(--ui-text);letter-spacing:.05em}#gameOverActions{display:flex;gap:12px;justify-content:center}#gameOverActions button{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:filter .2s ease;background-image:none;box-shadow:none;font-family:var(--font);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ui-outline);background:var(--ui-fill);color:var(--ui-text)}#gameOverActions button:hover{filter:brightness(.97)}#gameOverActions .primary,#gameOverActions .secondary{background:var(--ui-fill);color:var(--ui-text);border-color:var(--ui-outline)}