body{--gold: var(--band-B);--green: var(--band-C);--red: #d4583c}body.quake .game{animation:quake .3s}@keyframes quake{20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(2px,1px)}}.game{flex:1;width:100%;max-width:68rem;margin:0 auto;padding:1rem 1.5rem 2.5rem}.tools .back-link{color:var(--terracotta);font-size:.9rem;text-decoration:none}.tools .back-link:hover{text-decoration:underline}.header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;align-items:stretch}.box{display:flex;justify-content:space-between;align-items:center;gap:.8rem;min-width:6.5rem;padding:.5rem .8rem;border:1px solid var(--line)}.box small{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.box b{display:inline-block;font-size:1.5rem;font-weight:400;color:var(--gold);transition:transform .15s}.box b.pulse{transform:scale(1.25)}.box .name{font-size:1.2rem}.box .eco{color:var(--terracotta)}.message{min-height:1.4em;margin:.7rem 0;text-align:center;font-size:.95rem;line-height:1.45;color:var(--muted)}.message.good{color:var(--green)}.message.bad{color:var(--red)}.message.hint{color:var(--gold)}.square-grid{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;align-items:start}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:stretch}.scoreboard.single-item{grid-template-columns:1fr auto}.scoreboard.single-item #sps{display:none}.sp{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;border:1px solid var(--line);transition:border-color .3s,box-shadow .3s}.sp.turn{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent)}.pl-name{font-size:1.05rem}.sp small,.middle small{display:block;font-size:.75rem;color:var(--muted)}.sp b{font-size:1.5rem;font-weight:400;color:var(--gold);transition:transform .15s}.sp b.pulse{transform:scale(1.25)}.middle{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:9rem}.middle b{font-size:1.5rem;font-weight:400;font-variant-numeric:tabular-nums}.board-box{padding:.8rem;border:1px solid var(--line)}.game-board .board{width:100%}.game-board.clickable{cursor:pointer;touch-action:manipulation}.board .error-square{fill:#d4583c73}.board .tip{fill:#dcab4b99}.board .check{fill:#d4583c99}.move-line{min-height:1.5em;margin-top:.5rem;line-height:1.55;font-size:1.05rem}.move-line .nr,.move-sequence .nr{margin-right:.2em;font-size:.8em;color:var(--muted)}.move-line .z{margin-right:.45em}.move-line .question{color:var(--gold);animation:blink .8s infinite alternate}@keyframes blink{to{opacity:.3}}.move-sequence>div{white-space:nowrap}.block{display:inline-flex;align-items:center;justify-content:center;min-width:4.6rem;height:3.4rem;padding:0 .7rem;border:1px solid var(--line);color:var(--light);font-size:1.5rem;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s,border-color .15s,opacity .3s}.block:hover{transform:translateY(-3px);border-color:var(--gold);color:var(--light)}.block.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 15%,transparent)}.block.wrong,.block.wobble{border-color:var(--red);animation:wobble .4s}.block.out{opacity:.3;pointer-events:none}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.8rem}button.main{border-color:var(--terracotta);background:var(--terracotta);color:#fff}button.main:hover{background:transparent;color:var(--terracotta)}button:disabled{opacity:.45;cursor:default;pointer-events:none}.progress{display:flex;gap:5px;margin-top:.8rem}.progress i{flex:1;height:6px;border-radius:3px;background:var(--line)}.progress i.good{background:var(--green)}.progress i.medium{background:var(--gold)}.progress i.current{background:var(--terracotta)}.spark{position:fixed;z-index:20;width:7px;height:7px;border-radius:50%;background:var(--terracotta);pointer-events:none;animation:spark .7s ease-out forwards}.spark.gold{background:var(--band-B)}@keyframes spark{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.2)}}.point-flight{position:fixed;z-index:25;font-size:1.5rem;font-weight:700;color:var(--band-B);text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none;animation:up 1.1s ease-out forwards}.point-flight.bad{color:#d4583c}@keyframes up{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-14px) scale(1.2)}to{opacity:0;transform:translate(-50%,-60px)}}.banner{position:fixed;z-index:30;left:50%;top:42%;width:min(90vw,40rem);font-size:2.2rem;text-align:center;color:var(--band-B);text-shadow:0 3px 12px rgba(0,0,0,.8);pointer-events:none;animation:banner 1.8s ease-out forwards}.banner small{display:block;font-size:1rem;color:var(--light)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%)}}.panel{margin:auto;width:min(32rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:1.5rem;border:1px solid var(--terracotta);color:var(--light);text-align:center}.panel::backdrop{background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel h2{margin-bottom:.6rem;font-size:1.6rem;font-weight:400}.panel p{margin:.5rem 0;line-height:1.5}.panel .small{font-size:.85rem;color:var(--muted)}.panel .large{font-size:2.2rem;color:var(--gold)}.choice-group{margin:.9rem 0 .3rem}.choice-group>span{display:block;margin-bottom:.4rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.buttons button small{display:block;font-size:.7rem;color:var(--muted)}.buttons button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 25%,transparent)}.buttons button[aria-pressed=true]:hover{color:var(--light)}.panel button.main{margin-top:.6rem}.panel-buttons{display:flex;justify-content:center;gap:.5rem}.panel-buttons button{margin-top:.6rem}.stars{font-size:2rem;letter-spacing:.2em;color:var(--gold)}.stars .out{color:var(--line)}.end-list{max-height:14rem;margin:.6rem 0;overflow:auto;text-align:left;font-size:.88rem}.end-list div{display:flex;justify-content:space-between;gap:.5rem;padding:.2rem 0;border-bottom:1px solid var(--line)}.end-list em{font-style:normal;color:var(--gold)}.end-list .ok{color:var(--green)}.end-list .no{color:var(--red)}:root .box,:root .board-box,:root .surface-modern,:root .sp{border-radius:14px;border-color:var(--border);background:var(--tile)}:root .panel{border-radius:18px;background:var(--popup-full);box-shadow:var(--shadow-popup)}:root .block{border-radius:12px;border-color:var(--border-strong);background:var(--tile)}@media (max-width: 860px){.square-grid{grid-template-columns:minmax(0,1fr)}.header-bar{grid-template-columns:1fr 1fr}.header-bar>.target{grid-column:1 / -1}.scoreboard{grid-template-columns:1fr 1fr}.scoreboard .middle{grid-column:1 / -1;order:3}}@media (max-width: 560px){.game{padding:.8rem .8rem 2rem}.block{min-width:3.8rem;height:2.9rem;font-size:1.2rem}}@media (prefers-reduced-motion: reduce){.game *,.banner,.point-flight{animation-duration:.01s!important;transition-duration:.01s!important}}