:root{color-scheme:dark;--bg:#0b1015;--panel:#111a22;--line:#24313b;--muted:#8b9aa6;--white:#edf4f7;--mint:#b3f87a;--gold:#f8cf83}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 40%,#172724 0,transparent 47%),var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;gap:clamp(40px,8vw,150px);overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button:hover{filter:brightness(1.16)}button:active{transform:translateY(1px)}.intro{max-width:460px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--mint)}.intro h1{font-size:clamp(46px,5vw,76px);line-height:1.07;letter-spacing:-4px;font-weight:650;margin:25px 0}.intro em{font-style:normal;color:var(--mint)}.intro p{color:var(--muted);font-size:15px;line-height:1.8}.intro-line{height:1px;background:var(--line);width:50px;margin:36px 0 22px}.intro>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.intro .desktop-tip{margin-top:45px;font-size:12px}#app{width:430px;max-width:100%;height:100%;max-height:970px;display:flex;flex-direction:column;padding:22px 20px 12px;gap:16px;min-height:0}header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.brand{display:flex;align-items:center;text-decoration:none;color:var(--white);font-weight:750;font-size:22px;letter-spacing:-1px}.brand span{color:var(--mint)}.brand svg{width:29px;height:29px;margin-right:9px;stroke:var(--mint);stroke-width:2;fill:none}.brand svg circle{fill:var(--mint);stroke:var(--bg)}.brand small{font-weight:500;font-size:8px;letter-spacing:1px;align-self:flex-start;margin:3px 0 0 7px;color:var(--muted)}nav{display:flex;gap:5px}.icon{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#111920;font-size:21px;display:grid;place-items:center}.icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.level-head{display:flex;align-items:center;justify-content:space-between}.level-head h2{font-size:19px;font-weight:600;margin:7px 0 0;letter-spacing:-.4px}.text-btn{font-size:12px;background:transparent;color:var(--muted);padding:12px 2px}.text-btn span{margin-left:8px;color:var(--mint)}.stats{display:flex;background:#11191f;border:1px solid var(--line);border-radius:12px;padding:11px 0;flex-shrink:0}.stats>div{width:33.333%;padding-left:18px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:4px}.stats strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:550}.mint{color:var(--mint)}#board-wrap{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}canvas{display:block;max-width:100%;border-radius:10px;box-shadow:0 18px 60px #0005;border:1px solid #35424b;background:#142029;touch-action:none}.board-caption{display:flex;align-items:center;gap:5px;justify-content:center;font-size:7px;letter-spacing:.9px;color:var(--muted);min-height:12px;flex-shrink:0}#difficulty{margin-left:10px;color:#a9b6bf}.dot{width:4px;height:4px;border-radius:50%;background:var(--mint)}.controls{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-shrink:0}.tool{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;font-size:9px;color:var(--muted);background:transparent;width:54px;min-height:48px;padding:0}.tool>span{font-size:23px;line-height:24px;color:#d2dce3}#joystick{height:70px;width:70px;border:1px solid #34423c;border-radius:50%;position:relative;touch-action:none;background:radial-gradient(circle,#293b2c33,#131e20);flex-shrink:0;user-select:none}#stick{width:31px;height:31px;background:linear-gradient(140deg,#bbf989,#658a55);border:2px solid #c5f6a18c;box-shadow:0 3px 14px #0008;border-radius:50%;position:absolute;left:18.5px;top:18.5px;pointer-events:none}.pad-lines{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;font-weight:100;color:#354536;line-height:1}footer{font-size:9px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;flex-shrink:0}footer button{background:transparent;color:var(--mint);font-size:10px;padding:6px 0}dialog{background:#111b23;color:var(--white);border:1px solid #33424c;border-radius:22px;padding:28px;width:min(410px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 25px 110px #000b}dialog::backdrop{background:#03080bc7;backdrop-filter:blur(9px)}dialog h2{font-size:29px;letter-spacing:-1px;line-height:1.15;margin:14px 0}dialog p{font-size:13px;line-height:1.65;color:var(--muted)}dialog .hero-symbol{font-size:48px;color:var(--mint);margin-bottom:15px}dialog .primary,dialog .secondary{width:100%;min-height:45px;padding:12px 15px;border-radius:10px;font-size:13px;font-weight:650;margin-top:10px}.primary{color:#162010;background:var(--mint)}.secondary{background:#202e38;color:var(--white)}.legend{display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin:18px 0;font-size:10px;color:var(--muted)}.legend b{display:block;font-size:23px;margin-bottom:6px;color:var(--mint)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.level-card{border:1px solid #34434a;border-radius:12px;text-align:left;padding:13px;background:#19262e}.level-card b{font-size:22px;color:var(--mint)}.level-card span,.level-card small{display:block;font-size:10px;margin-top:5px}.level-card small{color:var(--gold)}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:23px 0;font-size:13px}.row input[type=range]{width:140px;accent-color:var(--mint)}.row select{max-width:155px;background:#20313b;color:white;padding:8px;border-radius:8px;border:1px solid #42535c}.result{font-size:40px;color:var(--gold);letter-spacing:8px;margin:20px 0}.result-stats{display:flex;justify-content:space-between;background:#1b2932;padding:16px;border-radius:12px;font-size:13px}#toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);width:max-content;max-width:90vw;background:#e5f6dd;color:#20321c;padding:12px 18px;border-radius:12px;font-size:12px;box-shadow:0 5px 30px #0007;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}#rotate{display:none}.help-list{padding-left:18px;color:var(--muted);font-size:12px;line-height:1.8}@media(max-width:900px){.intro{display:none}body{background:var(--bg)}#app{max-height:none}}@media(max-width:500px){#app{width:100%;padding:max(12px,env(safe-area-inset-top)) 16px max(8px,env(safe-area-inset-bottom));gap:12px}.brand{font-size:21px}}@media(max-height:700px){#app{gap:8px;padding-top:8px;padding-bottom:6px}.level-head h2{font-size:16px;margin-top:4px}.stats{padding:7px 0}.stats strong{font-size:16px}#joystick{width:58px;height:58px}#stick{left:12.5px;top:12.5px}.controls{height:58px}.board-caption{font-size:6px}.icon{height:32px;width:32px}}@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){#rotate{position:fixed;inset:0;background:#0b1015;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}#rotate>span{font-size:70px;color:var(--mint)}#rotate p{font-size:14px;color:var(--muted);line-height:1.7}#app{visibility:hidden}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body:fullscreen{background:var(--bg)}

.powers{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;flex-shrink:0}.powers button{background:#172229;border:1px solid #2e3e44;border-radius:8px;min-height:33px;font-size:9px;padding:5px 3px;white-space:nowrap}.powers button>span:first-child{font-size:15px;color:var(--mint);vertical-align:middle}.powers button.locked{color:#74818a}.powers button.locked>span:first-child{color:#74818a}.powers button.power-active{border-color:var(--mint);background:#293e29}.achievement-list{display:flex;flex-direction:column;gap:9px;margin:18px 0}.achievement{padding:13px;border:1px solid #30414a;border-radius:12px;background:#19272f}.achievement.earned{border-color:#637b4b;background:#1d2c25}.achievement-top{display:flex;justify-content:space-between;font-size:13px;gap:10px}.achievement-top span{color:var(--mint);white-space:nowrap;font-size:10px}.achievement p{font-size:11px;margin:7px 0}.achievement small{color:var(--gold);font-size:11px}.xp-box{background:#25362a;border:1px solid #4b6742;border-radius:12px;padding:13px;display:flex;justify-content:space-between;color:var(--mint);font-size:13px}.achievement progress{width:100%;height:5px;accent-color:var(--mint);display:block;margin:8px 0}
@media(max-width:380px){.brand{font-size:19px}.brand small{display:none}.brand svg{width:24px;margin-right:6px}nav{gap:3px}.icon{width:31px;height:32px}.powers button{font-size:8px}#app{padding-left:12px;padding-right:12px}}@media(max-height:700px){.powers button{min-height:28px;padding:2px}.powers{gap:4px}}