*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;overflow:hidden;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:#1a1a2e;color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#1a1a2e;color:#e2e8f0}.orientation-gate__content{text-align:center}.orientation-gate__icon{font-size:4rem;margin-bottom:1rem;animation:spin 2s linear infinite}.orientation-gate__message{font-size:1.25rem;opacity:.85;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.number-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500}.number-picker{position:fixed;z-index:501;width:174px;height:174px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;background:#16213e;border:2px solid #e94560;border-radius:10px;padding:6px;box-shadow:0 8px 32px #0009}.number-picker__btn{display:flex;align-items:center;justify-content:center;background:#0f3460;color:#e2e8f0;border:1px solid #1a4a8a;border-radius:6px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:background .12s,transform .08s}.number-picker__btn:hover,.number-picker__btn:focus{background:#e94560;color:#fff;outline:none;transform:scale(1.08)}.number-picker__btn:active{transform:scale(.95)}.cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #2a3a5e;background:#0d1b2a;color:#e2e8f0;font-size:clamp(.7rem,1.5vw,1.1rem);font-weight:600;cursor:pointer;transition:background .1s,color .1s,transform .08s;padding:0;border-radius:0;font-family:inherit;line-height:1}.cell--box-right{border-right:2.5px solid #4a6fa5}.cell--box-bottom{border-bottom:2.5px solid #4a6fa5}.cell--given{background:#162032;color:#94b4d4;cursor:default;font-weight:700}.cell--given:disabled{opacity:1}.cell--player{color:#63e6be}.cell--assisted{background:#162032;color:#fbbf24;cursor:default;font-weight:700;animation:assist-flash .6s ease-out}.cell--assisted:disabled{opacity:1}@keyframes assist-flash{0%{background:#4a3d1a}to{background:#162032}}.cell:not(.cell--given):not(.cell--assisted):not([disabled]):hover{background:#1a3050;transform:scale(1.05);z-index:1}.cell--selected{background:#1a4a8a!important;outline:2px solid #e94560;outline-offset:-2px;z-index:2}.penalty-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#b91c1c73;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px}.penalty-overlay__text{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:#000000b3;border-radius:8px;border:1px solid #e94560}.penalty-overlay__label{color:#e94560;font-size:1.4rem;font-weight:800}.penalty-overlay__timer{color:#fde68a;font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.board-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;height:100%}.board-label{color:#94b4d4;font-size:clamp(.75rem,1.2vw,1rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:1 / 1;width:min(100%,calc(100dvh - 80px));max-width:100%;border:3px solid #4a6fa5;border-radius:4px;overflow:hidden;background:#0d1b2a}.middle-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:12px 8px;gap:16px;color:#e2e8f0;overflow:hidden}.middle-panel__title{font-size:clamp(1rem,2vw,1.5rem);font-weight:900;text-align:center;color:#e94560;margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:.05em}.middle-panel__setup{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.middle-panel__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#94b4d4}.middle-panel__select{width:100%;padding:6px 10px;background:#16213e;color:#e2e8f0;border:1px solid #4a6fa5;border-radius:6px;font-size:.9rem;cursor:pointer;text-align:center}.middle-panel__select:focus{outline:2px solid #e94560;outline-offset:2px}.middle-panel__start-btn{width:100%;padding:10px;background:#e94560;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .08s}.middle-panel__start-btn:hover{background:#c73652;transform:scale(1.03)}.middle-panel__start-btn:active{transform:scale(.97)}.middle-panel__scores{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.middle-panel__player-score{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px;background:#16213e;border-radius:8px;border:1px solid #2a3a5e}.middle-panel__score-count{font-size:1.8rem;font-weight:800;color:#63e6be;font-variant-numeric:tabular-nums;line-height:1}.middle-panel__score-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#94b4d4}.middle-panel__vs{font-size:.75rem;font-weight:800;color:#e94560;letter-spacing:.15em}.streak-bar{display:flex;gap:3px}.streak-bar__dot{width:8px;height:8px;border-radius:50%;background:#2a3a5e;border:1px solid #4a6fa5;transition:background .2s}.streak-bar__dot--filled{background:#e94560;border-color:#e94560}.middle-panel__hint{font-size:.6rem;color:#4a6fa5;text-align:center;line-height:1.4;padding:0 4px}.middle-panel__reset-btn{width:100%;padding:7px;background:transparent;color:#4a6fa5;border:1px solid #2a3a5e;border-radius:6px;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.middle-panel__reset-btn:hover{border-color:#e94560;color:#e94560}.winner-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0a0f1ed9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.winner-screen__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:2.5rem 3rem;background:#16213e;border:2px solid #e94560;border-radius:16px;box-shadow:0 16px 48px #000000b3;text-align:center}.winner-screen__trophy{font-size:3.5rem;animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.winner-screen__title{font-size:2.2rem;font-weight:900;color:#e94560;margin:0;text-transform:uppercase;letter-spacing:.06em}.winner-screen__subtitle{color:#94b4d4;margin:0;font-size:1rem}.winner-screen__btn{margin-top:8px;padding:12px 28px;background:#e94560;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .08s}.winner-screen__btn:hover{background:#c73652;transform:scale(1.04)}.winner-screen__btn:active{transform:scale(.96)}.game-layout{display:grid;grid-template-columns:1fr 160px 1fr;width:100dvw;height:100dvh;overflow:hidden;background:#1a1a2e}@media (max-width: 700px){.game-layout{grid-template-columns:1fr 120px 1fr}}