:root{--sky-top:#6db3ea;--sky:#2c5d8f;--night:#1d3557;--panel:#0d1e3ac7;--red:#d7263d;--gold:#ffd23f;--font:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;margin:0;overflow:hidden}html{background:var(--night)}body{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky) 55%, var(--night) 100%);color:#fff;font-family:var(--font)}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}button{touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.diag{z-index:100;white-space:pre-wrap;color:#fff;pointer-events:none;background:#000000bf;border-radius:6px;max-width:90vw;margin:0;padding:6px 8px;font:11px/1.3 ui-monospace,monospace;position:fixed;top:4px;left:4px}[hidden]{display:none!important}input{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}#app{box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template:"hud""stage"minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}html.standalone,html.standalone body{height:var(--app-height,100vh)}html.standalone #app,html.standalone #screen-start,html.standalone .full-screen{height:var(--app-height,100vh);bottom:auto}body.touch #app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hud""stage""pad"}@media (orientation:landscape){body.touch #app{grid-template:"pad stage hud"minmax(0,1fr)/auto minmax(0,1fr) auto}body.touch #hud{flex-direction:column;justify-content:center;width:104px;padding:6px 8px}body.touch .hud-buttons{margin:4px 0 0}body.touch #stick{width:172px;height:auto;margin:10px 4px 10px 10px}}#stage{box-sizing:border-box;grid-area:stage;justify-content:center;align-items:center;min-width:0;min-height:0;padding:4px;display:flex;position:relative}#field{line-height:0;position:relative}#game{border-radius:8px;display:block;box-shadow:0 4px 18px #00000059}#hud{flex-wrap:wrap;grid-area:hud;justify-content:center;align-items:center;gap:4px 10px;padding:6px 6px 2px;display:flex}.stat{flex-direction:column;align-items:center;min-width:40px;display:flex}.stat .label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:11px}.stat .value{text-shadow:0 1px #0b1830,0 0 4px #00000059;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.1}#hud-lives{align-items:center;gap:2px;min-height:22px;display:flex}.lives-count{font-variant-numeric:tabular-nums;margin-left:1px;font-size:18px;font-weight:800}#hud-lives.gain{animation:.6s ease-out life-gain}@keyframes life-gain{0%{transform:scale(1)}35%{filter:drop-shadow(0 0 6px #ffd23f);transform:scale(1.45)}to{transform:scale(1)}}#hud-lives img{width:20px;height:22px}.hud-buttons{gap:6px;display:flex}.icon-btn{background:var(--panel);border:0;border-radius:12px;width:44px;height:44px;padding:9px;box-shadow:inset 0 0 0 2px #ffffff40}.icon-btn svg{fill:#fff;stroke:#fff;width:100%;height:100%}#btn-sound .cross,#btn-sound.muted .wave{display:none}#btn-sound.muted .cross{display:inline}#stick{touch-action:none;background:#0d1e3a38;border-radius:26px;grid-area:pad;height:172px;margin:2px 10px 10px;display:none;position:relative;box-shadow:inset 0 0 0 2px #ffffff29}body.touch #stick{display:block}.stick-base{background:radial-gradient(circle at 50% 40%,#2c5d8fe6,#0d1e3aeb);border-radius:50%;width:136px;height:136px;margin:-68px 0 0 -68px;transition:transform .15s ease-out;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 3px #ffffff59,0 4px #0000004d}.stick-base.active{transition:none}.stick-base svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.stick-base .arrow{fill:#ffffffbf}.stick-base[data-dir=up] .up,.stick-base[data-dir=down] .down,.stick-base[data-dir=left] .left,.stick-base[data-dir=right] .right{fill:var(--gold)}.stick-knob{background:radial-gradient(circle at 40% 35%, #ff6b7d, var(--red) 60%, #8f1424);border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;transition:transform .15s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 3px 6px #0006,inset 0 0 0 3px #ffffff73}.stick-base.active .stick-knob{transition:none}.overlay{box-sizing:border-box;text-align:center;background:#0a162c9e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;line-height:1.25;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.clear{pointer-events:none;background:0 0}.overlay p{margin:0}.big{color:var(--gold);text-shadow:0 3px #7a2a12,0 0 10px #00000080;-webkit-text-stroke:1px #7a2a12;font-size:34px;font-weight:900}.level-name{color:#fff;background:var(--panel);border-radius:999px;padding:4px 14px;font-size:20px;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff4d}.score-line{font-size:20px}.badge{background:var(--red);border-radius:999px;padding:4px 14px;font-size:22px;font-weight:900;transform:rotate(-4deg);box-shadow:0 3px #7a1020}.main-btn{color:#fff;background:var(--red);border:0;border-radius:16px;min-width:160px;min-height:52px;padding:10px 26px;font-size:22px;font-weight:900;box-shadow:0 5px #7a1020,inset 0 0 0 3px #ffffff59}.main-btn:active{transform:translateY(3px);box-shadow:0 2px #7a1020,inset 0 0 0 3px #ffffff59}#screen-start{z-index:10;box-sizing:border-box;text-align:center;background:linear-gradient(180deg, #6db3ea00 55%, #7ab04cf2 55.2%, #5d9a3c 100%), linear-gradient(180deg, var(--sky-top), #a9d3f5 55%);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#screen-start:before{content:"";clip-path:polygon(0 100%,12% 30%,22% 70%,36% 0,50% 60%,63% 15%,76% 65%,88% 25%,100% 100%);opacity:.9;background:linear-gradient(#fff 0,#fff 18%,#8d7b68 18%,#8d7b68 100%);height:26%;position:absolute;top:30%;left:-10%;right:-10%}#screen-start>*{position:relative}.start-text{flex-direction:column;align-items:center;gap:8px;max-width:420px;display:flex}#start-title{color:var(--gold);letter-spacing:.02em;-webkit-text-stroke:1.5px #7a2a12;text-shadow:0 4px #7a2a12,0 0 16px #0000004d;margin:0;font-size:44px;font-weight:900;line-height:1}.hero-name{color:#fff;background:var(--sky);box-shadow:inset 0 0 0 2px var(--red);border-radius:999px;margin:0;padding:2px 12px;font-size:18px;font-weight:800}.lore{color:#13294b;background:#ffffffd9;border-radius:12px;margin:0;padding:6px 12px;font-size:18px;font-weight:700;line-height:1.3}.main-btn.play{min-width:200px;min-height:64px;margin-top:6px;font-size:30px}.hint{color:#fff;text-shadow:0 1px 2px #0009;margin:0;font-size:17px;font-weight:700}#screen-start>.version{right:max(10px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));color:#ffffffd9;text-shadow:0 1px 2px #0009;font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:700;position:absolute}.text-btn{color:#fff;background:var(--panel);border:0;border-radius:12px;min-height:44px;padding:6px 16px;font-size:16px;font-weight:700}.name-field{flex-direction:column;align-items:center;gap:3px;width:min(300px,100%);display:flex}.name-label{color:#13294b;font-size:15px;font-weight:800}#name{box-sizing:border-box;border:3px solid var(--sky);width:100%;min-height:46px;font:700 20px var(--font);color:#13294b;text-align:center;background:#fff;border-radius:12px;padding:8px 12px}#name:focus{border-color:var(--red);outline:none}.name-note{color:#fff;text-shadow:0 1px 2px #0009;font-size:14px;font-weight:700}.name-note.error{color:#13294b;text-shadow:none;background:var(--gold);border-radius:8px;padding:1px 8px}.main-btn:disabled{opacity:.5;cursor:default}.full-screen{z-index:10;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));box-sizing:border-box;text-align:center;background:#0a162ce6;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.full-screen p{margin:0}.over-result{flex-direction:column;align-items:center;gap:8px;display:flex}.board{background:var(--panel);box-sizing:border-box;border-radius:14px;width:min(340px,100%);padding:8px 12px 10px;box-shadow:inset 0 0 0 2px #ffffff40}.board h2{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:18px;font-weight:900}.board-status{padding:12px 0;font-size:17px;font-weight:700}.board-rows{margin:0;padding:0;list-style:none}.board-rows li{text-align:left;border-radius:8px;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:2px 8px;font-size:16px;line-height:1.3;display:grid}.board-rows .rank{opacity:.8;text-align:right;font-weight:800}.board-rows .rank:after{content:"."}.board-rows .player{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-rows .points{font-variant-numeric:tabular-nums;font-weight:800}.board-rows li.you{background:var(--red)}.board-you{color:var(--gold);font-size:16px;font-weight:800;margin-top:4px!important}@media (orientation:landscape) and (max-height:560px){.full-screen{flex-direction:row;gap:24px}.board-rows li{font-size:14px;line-height:1.2}.board-status{padding:6px 0}#screen-start{flex-direction:row;gap:16px}#start-title{font-size:36px}.start-text{gap:6px}.lore,.hint{font-size:15px}.main-btn.play{min-height:54px;font-size:26px}}@media (orientation:landscape) and (max-height:420px){#screen-start{padding:6px 16px}#start-title{font-size:30px}.start-text{gap:4px}.lore{padding:4px 10px;font-size:14px}.name-label,.name-note,.hint{font-size:13px}#name{min-height:40px;padding:5px 10px;font-size:18px}.main-btn.play{min-height:46px;margin-top:2px;font-size:24px}.text-btn{min-height:40px}}