:root{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP',sans-serif;color:#f4edd9;background:#263630;font-synthesis:none;--cream:#f4edd9;--orange:#ff9e35;--dark:#18241f;--lime:#c5f579}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7ee5e5;outline-offset:4px}button:disabled{cursor:default}button{touch-action:manipulation}#hud{pointer-events:none}#world{display:block;position:fixed;inset:0;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 0h1v1H0zM3 4h1v1H3z' fill='%23f4edd9'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:20;background:#15221fea;overflow:auto;overscroll-behavior:contain}.menu{display:flex;flex-direction:column;background:linear-gradient(110deg,#17271ffc 10%,#1d2b25ed 55%,#26352ac9);padding:max(24px,env(safe-area-inset-top)) max(24px,calc((100vw - 1240px)/2)) max(18px,env(safe-area-inset-bottom))}.menu nav,.menu footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu nav a{font-weight:1000;font-size:20px;letter-spacing:-1px}.menu nav>span{font:10px monospace;letter-spacing:2px;color:#a9b6a1}.menu-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0}.eyebrow{font:700 10px monospace;letter-spacing:2px;color:#cfb784}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--orange);margin-right:8px}.cover h1{font-size:clamp(44px,6.6vw,93px);font-weight:1000;line-height:1.03;letter-spacing:-.08em;margin:24px 0;color:var(--cream);transform:skew(-4deg)}h1>span{display:block;color:var(--orange)}.dot{color:var(--lime)}.lead{font-weight:900;font-size:clamp(19px,2.1vw,28px);line-height:1.45;margin:20px 0}.intro{color:#b1bdaa;font-size:13px;line-height:1.9}.chips{display:flex;gap:6px;margin:20px 0 24px}.chips span{font-size:10px;padding:7px 9px;border:1px solid #77856865}.primary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:19px 22px;background:var(--orange);color:#1b271f;border:2px solid #1b271f;box-shadow:5px 5px 0 #070e0b;font-weight:900;font-size:16px;transition:transform .15s}.primary:hover{background:#ffb452;transform:translateY(-2px)}.primary b{font:700 10px monospace;letter-spacing:1px}.menu-links{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:25px}.menu-links button,.menu footer button,.text-button{border:0;background:none;color:#c1c9b5;font-size:12px;padding:8px 0}.menu-links span{font:10px monospace;color:#adba9f}.cover-art{width:min(46vw,500px);position:relative;align-self:center;transform:rotate(4deg)}.cover-art img{display:block;width:100%;filter:drop-shadow(12px 20px 0 #0c160b60)}.cover-art>span{position:absolute;bottom:5%;right:-1%;background:var(--cream);color:#253323;padding:14px 18px;font:900 22px monospace;letter-spacing:-1px;transform:rotate(-9deg);box-shadow:5px 5px 0 var(--orange)}.cover-art small{display:block;text-align:right;font-size:11px;letter-spacing:3px;margin-top:20px;color:#b3bf9f}.menu footer{padding-top:12px;border-top:1px solid #78876b55}.menu footer>span{font:9px monospace;letter-spacing:1px;color:#a4b196}.menu footer>div{display:flex;gap:20px}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;display:flex;gap:18px;align-items:center;pointer-events:none}.hud small{font:9px monospace;letter-spacing:2px;display:block;color:#d8dcc8}.hud strong{font:900 clamp(25px,4vw,38px) monospace;text-shadow:2px 3px #17261f}.clock{margin-left:auto;text-align:right}.square{pointer-events:auto;width:40px;height:40px;color:var(--cream);border:1px solid #9aa984;background:#1b2b24d9;font-weight:900;font-size:18px}.meters{position:absolute;top:max(81px,calc(env(safe-area-inset-top) + 65px));left:20px;right:20px;display:flex;gap:14px;max-width:510px}.meters>div{flex:1}.meters span{display:flex;justify-content:space-between;font:9px monospace;color:#dde4cd;margin-bottom:5px}.meters b{font-weight:600}.meters small{font-size:9px}.meters i,#bossHud i{display:block;height:7px;background:#14221fe8;border:1px solid #a5b29555}.meters em,#bossHud em{display:block;height:100%;transition:width .1s;background:var(--orange)}.xp em{background:var(--lime)}#bossHud{position:absolute;top:135px;width:min(70vw,500px);left:50%;transform:translateX(-50%);text-align:center;font:700 10px monospace;letter-spacing:2px;color:#ffb49b}#bossHud i{height:9px;margin-top:6px}#bossHud em{background:#fa7059}.combat-meta{position:absolute;left:20px;top:128px;display:flex;flex-direction:column;gap:6px;font:900 16px monospace;color:#ffcf74;pointer-events:none}.combat-meta b{background:var(--lime);color:#223224;font-size:11px;padding:5px 8px;transform:rotate(-3deg)}.weapons{position:absolute;left:20px;top:190px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.weapons span{font:700 9px monospace;background:#16251fd9;border-left:3px solid var(--orange);padding:5px 7px;color:#dfe5cf}.bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;align-items:end;gap:12px;pointer-events:none}.hint{font-size:12px;line-height:1.7;flex:1;color:#e7ead9;text-shadow:1px 1px #14221b}.hint span{font-size:10px;color:#afc3a4}.ability{pointer-events:auto;width:78px;height:88px;border:2px solid #e7e5c8;background:#17281fe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:3px 3px #0a150c;user-select:none}.ability b{font:900 20px monospace}.ability span{font-size:11px;font-weight:900}.ability small{font:8px monospace;color:#b5c2a7}.overdrive{width:92px;border-color:var(--orange);color:var(--orange);background:linear-gradient(to top,#bc62295c var(--fill,0%),#17281fe6 var(--fill,0%))}.overdrive.ready{background:var(--orange);color:#18271f;box-shadow:0 0 22px #ffb44255}.overdrive.ready small{color:#243721}.dash:disabled{opacity:.6}#stick{position:absolute;width:90px;height:90px;border:1px solid #dfedca66;background:#19292080;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#knob{position:absolute;width:32px;height:32px;left:28px;top:28px;border:2px solid #e5e9cb;background:#ffad3e77;border-radius:50%}#banner{position:absolute;top:30%;left:50%;transform:translateX(-50%) rotate(-3deg);text-align:center;background:var(--cream);color:#223321;font-weight:1000;font-size:clamp(17px,4vw,35px);padding:12px 24px;box-shadow:6px 6px var(--orange);pointer-events:none;white-space:nowrap}#banner:empty{display:none}.upgrade{padding:clamp(24px,5vh,65px) max(22px,calc((100vw - 1000px)/2));display:flex;flex-direction:column;justify-content:center;background:#15231ff5}.upgrade-head{text-align:center}.upgrade h2{font-size:clamp(27px,5vw,48px);margin:12px 0;letter-spacing:-2px}.upgrade-head>p:last-child{font-size:12px;color:#becbb4}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 12px}.choice{min-height:230px;position:relative;text-align:left;background:#e6e4cb;color:#263427;border:3px solid #101e14;box-shadow:5px 5px #08120c;padding:22px;transition:transform .15s}.choice:hover{transform:translateY(-7px);background:#f4f0d7}.choice small{font:700 11px monospace;display:block;letter-spacing:2px}.choice .weapon-icon{font:900 45px monospace;display:block;margin:20px 0}.choice h3{font-size:19px;margin:14px 0 9px}.choice p{font-size:12px;line-height:1.7;margin:0}.choice .badge{position:absolute;right:13px;top:16px;background:#263729;color:#ebf4cd;padding:4px 6px;font:9px monospace}.choice .next{font:900 11px monospace;display:block;margin-top:18px;color:#8b5420}.key-hint{text-align:center;font-size:10px;color:#90a181}.modal{display:flex;align-items:center;justify-content:center;padding:24px}.panel{width:100%;max-width:470px;background:#26372c;border:1px solid #9da87b66;padding:30px;box-shadow:10px 10px #0a160ed0}.panel h2{font-size:35px;line-height:1.1;margin:18px 0;letter-spacing:-2px}.panel p{font-size:12px;color:#c1ccb2;line-height:1.8}.secondary{display:block;background:transparent;border:1px solid #c3ccaa;padding:13px;width:100%;margin-top:14px}.text-button{display:block;margin:14px auto 0}.result{text-align:center}.result .eyebrow{color:var(--orange)}.result-score{display:block;font:900 clamp(35px,7vw,58px) monospace;color:var(--orange);margin-top:22px}.score-unit{font:9px monospace;letter-spacing:3px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #9da87b55;border-bottom:1px solid #9da87b55;margin:25px 0 10px;padding:18px 0}.result-stats b,.result-stats small{display:block}.result-stats b{font:900 24px monospace}.result-stats small{font-size:10px;color:#a5b296;margin-top:5px}.help{max-height:90dvh;overflow:auto;max-width:600px}.help b{color:var(--cream)}@media(max-width:650px){.menu{padding:20px 22px max(15px,env(safe-area-inset-bottom))}.menu nav>span{font-size:7px;letter-spacing:1px}.menu-content{padding:18px 0;position:relative}.cover{z-index:1;width:100%}.cover-art{position:absolute;right:-5px;top:35%;width:155px;opacity:.4;z-index:0}.cover-art>span,.cover-art small{display:none}.cover h1{font-size:58px;margin:20px 0 25px}.lead{font-size:23px;margin:15px 0}.intro{font-size:11px}.chips{margin:18px 0}.eyebrow{font-size:8px;letter-spacing:1.5px}.menu footer>span{font-size:7px;max-width:150px;line-height:1.7}.menu footer>div{gap:12px}.menu footer button{font-size:10px}.choices{grid-template-columns:1fr;gap:10px;margin:18px 0}.choice{min-height:0;padding:16px 20px 16px 82px}.choice .weapon-icon{position:absolute;left:20px;top:28px;font-size:31px;margin:0}.choice small{font-size:9px}.choice h3{font-size:18px;margin:8px 0 5px}.choice p{font-size:11px;max-width:230px}.choice .badge{font-size:8px;top:12px;right:12px}.choice .next{margin-top:7px;font-size:9px}.upgrade h2{font-size:28px}.weapons{top:190px;left:14px}.hud{left:14px;right:14px}.meters{left:14px;right:14px;gap:10px}.combat-meta{left:14px}.bottom{left:14px;right:14px;gap:9px}.hint{font-size:10px;max-width:150px}.hint span{font-size:8px}.ability{width:62px;height:76px}.overdrive{width:78px}.panel{padding:25px}.panel h2{font-size:30px}#bossHud{top:145px;width:65vw}.meters small{font-size:8px}}@media(max-height:600px){.menu-content{padding:12px 0}.cover h1{font-size:45px;margin:15px 0}.lead{font-size:17px;margin:10px 0}.intro,.cover-art small{display:none}.chips{margin:13px 0}.menu-links{margin-top:8px}.menu footer{padding-top:5px}.primary{padding:13px 20px}.cover-art{max-width:300px}.choices{margin:15px 0}.choice{min-height:180px;padding:15px}.choice .weapon-icon{font-size:30px;margin:12px 0}.choice h3{font-size:17px}.upgrade{justify-content:flex-start}.upgrade h2{font-size:25px}.upgrade-head>p:last-child{margin:8px 0}.weapons{flex-direction:row;top:125px;left:150px}#bossHud{top:160px}.hint{font-size:10px}.modal .panel{max-height:95dvh;overflow:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}