:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#fff;background:#102a37;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}#game{position:relative;width:100%;height:100%;height:100dvh;min-height:0;overflow:hidden;background:#183c50;isolation:isolate}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:none}.hud{position:absolute;z-index:9;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(21px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));pointer-events:none}.brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(25px,4vw,34px);font-weight:900;letter-spacing:-.04em;line-height:1;text-shadow:0 2px 12px #1238}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:5px;border-radius:9px;background:#dafa50;color:#173a31;font-family:system-ui;font-size:22px;vertical-align:3px;transform:rotate(-13deg)}.brand-dot{color:#dafa50}.level-wrap{position:absolute;left:50%;top:calc(25px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap}.level-label{font-family:Impact,'Arial Narrow',sans-serif;font-size:18px;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 8px #1239}.progress{display:flex;gap:3px}.progress i{display:block;width:clamp(5px,.85vw,11px);height:4px;background:#ffffff55;border-radius:4px}.progress i.done{background:#dafa50}.restart{pointer-events:auto;width:35px;height:35px;border:1px solid #fff8;border-radius:50%;background:#082f3b55;color:white;font-size:27px;line-height:25px;cursor:pointer;backdrop-filter:blur(5px)}.restart:hover{background:#dafa50;color:#143d37;border-color:#dafa50}.stage-label{position:absolute;z-index:2;left:max(22px,env(safe-area-inset-left));top:calc(86px + env(safe-area-inset-top));display:flex;align-items:center;gap:9px;color:#eef7e9cc;font-family:Impact,'Arial Narrow',sans-serif;font-size:13px;font-weight:800;letter-spacing:.18em;text-shadow:0 2px 5px #163a}.stage-line{width:27px;height:1px;background:#dafa50}.instruction{position:absolute;z-index:4;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:14px;min-width:min(340px,calc(100% - 40px));max-width:440px;padding:12px 17px;border:1px solid #ffffff44;border-radius:18px;background:#092d35b8;box-shadow:0 14px 35px #041b2850;backdrop-filter:blur(14px);pointer-events:none;transition:opacity .25s,transform .25s}.instruction.is-hidden{opacity:0;transform:translate(-50%,20px)}.instruction-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#dafa50;color:#124331;font-size:29px;font-weight:800;transform:rotate(-15deg)}.instruction strong,.instruction span:not(.instruction-icon){display:block}.instruction strong{font-size:13px;letter-spacing:.01em}.instruction div span{margin-top:3px;font-size:11px;color:#d4e8dd}.result{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:#061d2990;backdrop-filter:blur(5px);opacity:1;transition:opacity .25s}.result.hidden{opacity:0;pointer-events:none}.result-card{text-align:center;transform:translateY(-8px);padding:25px}.result-kicker{font-family:Impact,'Arial Narrow',sans-serif;font-size:16px;font-weight:800;letter-spacing:.24em;color:#dafa50}.result h1{margin:2px 0 5px;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(72px,17vw,142px);font-weight:900;letter-spacing:-.04em;line-height:.9;text-shadow:0 8px 0 #0a4751,0 14px 30px #051d27}.result p{font-size:15px;color:#e6f6ed}.next{margin-top:24px;padding:15px 24px;border:0;border-radius:13px;background:#dafa50;color:#163b32;font-size:14px;font-weight:800;box-shadow:0 7px 0 #a7c83b;cursor:pointer}.next:hover{transform:translateY(2px);box-shadow:0 5px 0 #a7c83b}.next span{margin-left:25px;font-size:20px;vertical-align:-1px}.toast{position:absolute;z-index:7;left:50%;top:47%;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;white-space:nowrap;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(43px,12vw,87px);font-weight:900;letter-spacing:-.03em;text-shadow:0 5px 0 #164a4b,0 10px 22px #082b3d;transition:opacity .16s,transform .16s}.toast.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:650px){.hud{padding-top:calc(18px + env(safe-area-inset-top))}.brand{font-size:26px}.brand-mark{width:23px;height:23px;font-size:18px;vertical-align:2px}.level-wrap{top:calc(62px + env(safe-area-inset-top));flex-direction:column;gap:5px}.level-label{font-size:17px}.stage-label{top:calc(118px + env(safe-area-inset-top));font-size:11px}.progress i{width:8px}.instruction{bottom:calc(23px + env(safe-area-inset-bottom))}}@media(max-height:580px){.stage-label{display:none}.instruction{bottom:10px;min-width:280px;padding:8px 12px}.instruction-icon{width:31px;height:31px;font-size:22px}.level-wrap{top:25px}}

.brand-version{display:inline-block;margin-left:8px;padding:4px 6px 3px;border:1px solid #dafa50a8;border-radius:6px;background:#173d46b8;color:#dafa50;font:700 11px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.02em;vertical-align:5px;text-shadow:none}
.loading{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#102a37;color:#fff;font-size:16px;font-weight:700;text-align:center}.loading[hidden],.loading [hidden]{display:none}.loading button{padding:12px 20px;border:0;border-radius:10px;background:#dafa50;color:#173a31;font-weight:800;cursor:pointer}