:root{--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none;touch-action:pan-y pinch-zoom}body{background:#fafafa;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:#222;text-align:center;margin-bottom:32px}#setupScreen .stats{display:flex;gap:16px;margin-bottom:24px;font-size:13px;color:#666}#setupScreen .stat{display:flex;flex-direction:column;align-items:center;gap:4px}#setupScreen .stat-value{font-size:20px;font-weight:700;color:#111}#setupScreen .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#888}.color-selector-label{font-size:14px;font-weight:600;color:#444;text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}#colorSelector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}#colorSelector button{width:72px;height:72px;border:3px solid var(--swatch, #999);border-radius:50%;background:transparent!important;cursor:pointer;transition:background-color .18s ease,transform .12s ease,box-shadow .18s ease,border-color .18s ease;position:relative}#colorSelector button:hover{transform:scale(1.05)}#colorSelector button.selected{background:var(--swatch, #999)!important;border-color:#222;box-shadow:0 4px 12px #00000026;animation:fillPulse .18s ease}@keyframes fillPulse{0%{transform:scale(.92)}to{transform:scale(1)}}#startRunBtn{padding:14px 32px;border:2px solid #555;border-radius:10px;background:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);color:#222;cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font);transition:all .2s ease;position:relative;box-shadow:0 2px 4px #00000026}#howToPlayBtn{display:inline-block;margin-top:10px;padding:10px 20px;border:2px solid #555;border-radius:10px;background:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);color:#222;text-decoration:none;font-size:14px;font-weight:600;font-family:var(--font);box-shadow:0 2px 4px #00000026;transition:all .2s ease;position:relative}#startRunBtn:after,#howToPlayBtn:after,#buyBtn:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle at 12% 22%,#B7E33B 0 1.5px,transparent 2px),radial-gradient(circle at 28% 64%,#5EEAD4 0 1.5px,transparent 2px),radial-gradient(circle at 72% 35%,#8BA8FF 0 1.5px,transparent 2px),radial-gradient(circle at 84% 78%,#C163E0 0 1.5px,transparent 2px),radial-gradient(circle at 48% 18%,#FF7A8A 0 1.5px,transparent 2px),radial-gradient(circle at 16% 84%,#FF9A63 0 1.5px,transparent 2px);opacity:.9;mix-blend-mode:screen}#startRunBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#c9bebd}#startRunBtn:disabled{opacity:.5;cursor:not-allowed}#gameScreen{display:none;flex-direction:column}#gameScreen.active{display:flex}#topUI{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px 8px;background:#fffffff2;border-bottom:1px solid #eee;position:relative}#gameControls{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none}#gameControls button{pointer-events:auto}#menuBtn,#restartBtn{padding:6px 12px;border:2px solid #ccc;border-radius:6px;background:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px);color:#222;font-family:var(--font);font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000026}#menuBtn:hover,#restartBtn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}#restartBtn{color:#d32f2f;border-color:#d32f2f;background:#fff0f0}#roundBadge{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}#roundBadge .label{text-transform:uppercase;letter-spacing:.05em;font-size:11px}#roundBadge .value{font-size:20px;font-weight:700;color:#111}#playerIndicator{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.player-dot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#222}.player-dot:not(.human) .score{color:#fff}.player-dot.active{border-color:#222;transform:scale(1.15);box-shadow:0 2px 8px #00000026}.player-dot.human{background:transparent!important;border:3px solid;color:#222}.player-dot.human .score{position:relative;z-index:2}.turn-subtitle{font-size:12px;color:#666;min-height:16px}#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}#game{position:relative;width:min(100%,600px,100vw - 32px,100vh - 180px);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;justify-content:center;padding:12px 16px;background:#fffffff2;border-top:1px solid #eee}#movesClock{display:flex;flex-direction:column;align-items:center;gap:8px}.clock-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.clock-dot{width:12px;height:12px;border-radius:50%;background:#ccc;transition:all .4s ease}.clock-dot.active{background:#444}.clock-dot.warning{background:#ffb74d;animation:pulse 1s ease-in-out infinite}.clock-dot.critical{background:#ef5350;animation:pulse .6s ease-in-out infinite}.clock-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.clock-label.warning{color:#f57c00;font-weight:600}.clock-label.critical{color:#d32f2f;font-weight:700}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}#roundStartModal{position:fixed;inset:0;background:#ffffffb3;display:none;align-items:center;justify-content:center;z-index:300;backdrop-filter:blur(4px);animation:fadeIn .2s ease}#roundStartModal.active{display:flex}#roundStartPanel{background:#fff;border:2px solid #ccc;border-radius:12px;padding:28px;width:min(90vw,380px);text-align:center;animation:slideUp .3s ease;color:#222;box-shadow:0 10px 40px #0000001a}#roundStartPanel.loading{opacity:.6;pointer-events:none}.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,#b7e33b,#5eead4,#8ba8ff);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}.round-start-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#111}.round-start-players{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.round-start-player{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:6px;background:#f8f8f8;font-size:14px;color:#444}.round-start-player-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}.round-start-player.you{background:#e8f5e9;font-weight:600;color:#2e7d32}.round-start-btn{padding:12px 28px;border:2px solid #ccc;border-radius:8px;background:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);color:#222;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font);transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.round-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}#gameOverModal{position:fixed;inset:0;background:#ffffffb3;display:none;align-items:center;justify-content:center;z-index:400;backdrop-filter:blur(4px)}#gameOverModal.active{display:flex}#gameOverPanel{background:#fff;border:2px solid #ccc;border-radius:12px;padding:24px;width:min(90vw,400px);text-align:center;box-shadow:0 10px 30px #00000026;color:#222}#gameOverTitle{font-size:28px;font-weight:700;margin-bottom:16px;color:#111}#gameOverMessage{font-size:16px;color:#444;margin-bottom:24px}#gameOverStats{display:flex;justify-content:center;gap:24px;margin-bottom:24px}#gameOverStats .stat{display:flex;flex-direction:column;gap:4px}#gameOverStats .stat-value{font-size:32px;font-weight:700;color:#111}#gameOverStats .stat-label{font-size:11px;text-transform:uppercase;color:#666}#gameOverActions{display:flex;gap:12px;justify-content:center}#gameOverActions button{padding:10px 20px;border:2px solid #ccc;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;background:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);box-shadow:0 2px 4px #0000001a;color:#222}#gameOverActions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}#gameOverActions .primary{background:#222;color:#fff;background-image:none;border-color:#222}#gameOverActions .secondary{color:#444}