:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f9f0d8;background:#173e37;font-synthesis:none;font-weight:450}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:3px solid #f4ce82;outline-offset:3px}canvas:focus-visible{outline-offset:-3px}button{touch-action:manipulation}[hidden]{display:none!important}.shell{position:relative;width:100%;height:100dvh;min-height:300px;isolation:isolate}#stage{position:absolute;inset:0;touch-action:none;overflow:hidden;background:#b8c8ad}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -50px 100px #193d3533}#brand{position:absolute;z-index:3;left:max(24px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.09em;font-weight:950}#brand small{display:block;font-size:7px;letter-spacing:.17em;opacity:.7;margin-top:5px}.logo{position:relative;width:42px;height:44px;background:#edc98c;color:#274d3d;border-radius:12px;display:grid;place-content:center;font-size:30px;box-shadow:0 3px #a98350}.logo span{position:absolute;right:-9px;bottom:-2px;font-size:8px;background:#527a5e;color:#fff0cf;border:2px solid #173e37;padding:2px 4px;border-radius:5px;letter-spacing:.04em}#sound{margin-left:15px}.icon{border:1px solid #e9ddb63d;background:#234c42e8;color:#fff2d6;border-radius:12px;width:42px;height:42px;font-size:20px;flex:none}#menu{position:absolute;z-index:2;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:center;gap:14px;width:51%;max-width:700px;padding:86px 4.6vw 45px;background:linear-gradient(90deg,#173e37 78%,#173e3700);overflow-y:auto}.eyebrow{color:#dcbc83;font-weight:850;font-size:9px;letter-spacing:.16em;margin:0 0 12px}h1{font-size:clamp(36px,3.8vw,61px);line-height:1.06;letter-spacing:-.05em;margin:0 0 16px;font-weight:900}h1 em{color:#edc98c;font-style:normal}.intro{color:#ccd9c3;font-size:13px;line-height:1.65;margin:0 0 4px;max-width:410px}.select-title{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.1em;font-weight:800;margin-top:3px}.select-title small{color:#bed0b9;font-size:9px;letter-spacing:0;font-weight:450}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{position:relative;display:flex;align-items:center;gap:9px;border:1px solid #b4c8b52b;background:#285047;color:#f5e9ce;text-align:left;border-radius:13px;padding:7px;min-width:0;transition:transform .15s,background .15s}.card:hover{background:#3b6252;transform:translateY(-2px)}.card[aria-pressed=true]{background:#426652;border-color:#edca8c;box-shadow:inset 0 0 0 1px #edca8c}.portrait{display:block;width:46px;height:51px;border-radius:8px;background:var(--accent);overflow:hidden;flex:none}.portrait img{width:100%;height:100%;object-fit:cover}.card b{font-size:12px;letter-spacing:.06em}.card small{display:block;color:#cbdac0;font-size:8px;line-height:1.35;margin-top:5px;max-width:120px}.card i{display:none;position:absolute;top:6px;right:8px;font-style:normal;font-size:10px;color:#efd49b}.card[aria-pressed=true] i{display:block}.record-card{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#244b3e;border:1px solid #c8ca9a24;border-radius:12px;padding:11px 13px}.record-card small{display:block;font-size:8px;letter-spacing:.12em;color:#bdd0b6}.record-card b{display:block;font-size:24px;margin-top:4px;line-height:1;color:#f0cf91}.record-card em{font-size:9px;font-style:normal}#best-distance{font-size:9px;color:#c0d1b7;text-align:right;max-width:150px;line-height:1.4}.primary{display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-bottom:3px solid #ae864e;border-radius:13px;background:#efcb8e;color:#284c39;font-size:12px;letter-spacing:.06em;font-weight:900;padding:16px 18px;min-height:52px;width:100%;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.text{border:0;padding:5px 0;background:none;color:#cbd9c2;text-decoration:underline;font-size:10px}.menu-bottom span{font-size:7px;letter-spacing:.1em;color:#a9c0aa}#showcase{position:absolute;z-index:1;inset:19% 6% 13% 59%;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#31513d}#showcase>span{font-size:9px;font-weight:800;letter-spacing:.13em;background:#f3e6cba8;border:1px solid #fff0d266;border-radius:20px;padding:8px 13px;backdrop-filter:blur(8px)}#showcase p{width:100%;text-align:center;font-size:22px;font-weight:900;letter-spacing:.1em;background:#f3e6cba8;border:1px solid #fff0d266;border-radius:13px;padding:14px;backdrop-filter:blur(8px)}footer{position:absolute;z-index:3;left:4.6vw;bottom:17px;color:#a8c0ab;font-size:7px;letter-spacing:.12em}footer span{margin-left:18px;opacity:.7}#hud{position:absolute;z-index:3;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));pointer-events:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hud-top .icon{pointer-events:auto}.points{display:flex;flex-direction:column;align-items:flex-start;min-width:100px;background:#234d42eb;border:1px solid #ead6a34d;border-radius:13px;padding:9px 13px;box-shadow:0 4px 15px #1e3d3326}.points small{font-size:8px;letter-spacing:.15em;color:#d6ddb7}.points b{font-size:31px;line-height:1.15;font-weight:950;font-variant-numeric:tabular-nums;color:#f2d59e}.points>span{font-size:10px;color:#d3dec2;margin-top:2px}.chase{background:#244e41e6;border:1px solid #ead6a32b;border-radius:13px;padding:10px 14px;text-align:center;min-width:155px}.chase small{display:block;font-size:8px;letter-spacing:.08em;font-weight:800}.chase>span{display:block;font-size:9px;color:#ccd9b9;margin-top:6px}#danger{display:flex;gap:4px;margin-top:7px}#danger i{display:block;flex:1;height:5px;background:#557967;border-radius:3px}#danger.danger-1 i:first-child,#danger.danger-2 i:nth-child(-n+2),#danger.danger-3 i{background:#e6ad7d}.danger .chase{background:#875842ed;border-color:#edc28d}#buffs{display:flex;gap:5px;flex-wrap:wrap;max-width:320px;margin-top:7px}.buff{background:#244e41e8;border:1px solid #b7d1c236;border-radius:20px;padding:5px 9px;font-size:9px;box-shadow:0 2px 5px #163a3522}.buff b{color:#f2cc8b;font-variant-numeric:tabular-nums}.buff.magnet{border-color:#83b8c2}.buff.shield{border-color:#d8bd80}.buff.feast{border-color:#d8a576}#banner{position:absolute;z-index:3;top:max(128px,calc(env(safe-area-inset-top) + 116px));left:50%;transform:translate(-50%);max-width:88%;padding:10px 15px;border-radius:11px;background:#f2d39a;color:#30503d;text-align:center;font-size:11px;font-weight:950;letter-spacing:.04em;box-shadow:0 4px 20px #28453126;pointer-events:none}#feedback{position:absolute;z-index:3;left:50%;transform:translate(-50%);bottom:24%;padding:8px 13px;background:#234e42e8;color:#ffe6ae;border:1px solid #e2c07f;border-radius:30px;font-size:12px;font-weight:850;white-space:nowrap;pointer-events:none;animation:pop .15s ease-out}#countdown{position:absolute;z-index:4;inset:0;display:grid;place-content:center;text-align:center;background:#234c392b;pointer-events:none}#countdown b{font-size:110px;font-weight:950;color:#efd098;text-shadow:0 5px 0 #375843}#countdown span{background:#244d41db;padding:10px 14px;border-radius:10px;font-size:9px;font-weight:850;letter-spacing:.12em}#touch-hint{position:absolute;z-index:2;display:flex;justify-content:space-between;gap:20px;left:20px;right:20px;bottom:max(15px,env(safe-area-inset-bottom));font-size:8px;letter-spacing:.1em;font-weight:750;color:#f8efcd;text-shadow:0 1px 5px #1b3f32;pointer-events:none}#modal{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:#193f36bd;backdrop-filter:blur(7px);padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));overflow:auto}.dialog{width:min(430px,100%);padding:28px;border:1px solid #b4c9b64d;border-radius:24px;background:#234c40;box-shadow:0 25px 75px #173c3466}.dialog h2{font-size:32px;font-weight:900;line-height:1.05;letter-spacing:-.04em;color:#f2d19a;margin:0 0 16px}.dialog h2 em{font-style:normal;color:#f5ecd2}.dialog p{font-size:12px;line-height:1.65;color:#cfddc1}.dialog>.text{display:block;margin:12px auto 0}.dialog .primary{margin-top:18px}.guide{padding-left:20px;margin:18px 0}.guide li{font-size:12px;color:#f3e5c6;padding-left:5px;margin-bottom:13px}.guide b{display:block}.guide span{display:block;color:#c4d6b9;font-size:11px;line-height:1.55;margin-top:4px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.result-stats>div{padding:13px;background:#193f34;border-radius:12px}.result-stats small{font-size:8px;letter-spacing:.12em;color:#b7cdaf}.result-stats b{display:block;font-size:35px;color:#f0cf91;font-variant-numeric:tabular-nums}.result-stats em{font-style:normal;font-size:12px}@keyframes pop{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-height:740px)and (min-width:761px){#menu{gap:10px;padding-top:78px;padding-bottom:35px}h1{font-size:38px;margin-bottom:10px}.intro{font-size:11px;line-height:1.5}.portrait{width:39px;height:43px}.card{padding:6px}.record-card{padding:8px 12px}.record-card b{font-size:22px}.primary{padding:12px 16px;min-height:46px}.eyebrow{margin-bottom:9px}#brand{top:15px}}@media(max-width:760px){#brand{left:18px;top:max(14px,env(safe-area-inset-top));font-size:15px;gap:10px}.logo{width:34px;height:35px;font-size:24px}#brand small{font-size:6px}#sound{position:fixed;right:16px;top:max(14px,env(safe-area-inset-top));width:34px;height:34px}#menu{inset:auto 0 0;width:100%;max-width:none;max-height:73%;padding:18px 19px max(16px,env(safe-area-inset-bottom));gap:10px;border-radius:24px 24px 0 0;background:linear-gradient(0deg,#173e37 93%,#173e37f0);justify-content:flex-start}.eyebrow{font-size:8px;margin-bottom:7px}h1{font-size:29px;margin-bottom:7px}h1 br{display:none}h1 em:before{content:" "}.intro{font-size:10px;line-height:1.5;margin:0}.select-title,.select-title small{font-size:8px}.cards{gap:7px}.card{padding:6px;gap:7px}.card b{font-size:11px}.card small{font-size:8px;max-width:none}.portrait{width:36px;height:41px}.record-card{padding:8px 10px}.record-card b{font-size:23px}.record-card small{font-size:7px}#best-distance{font-size:8px}.primary{padding:12px 15px;font-size:11px;min-height:47px}.menu-bottom span{font-size:6px}.menu-bottom .text{font-size:9px}#showcase{inset:12% 18px auto auto}#showcase>span{font-size:7px;padding:6px 9px}#showcase p,footer{display:none}.points{padding:8px 10px;min-width:92px}.points b{font-size:27px}.points small{font-size:7px}.chase{min-width:142px;padding:9px 10px}.chase small{font-size:7px}.chase>span{font-size:8px}.hud-top{gap:6px}.icon{width:37px;height:37px;font-size:18px}#banner{font-size:10px;padding:9px 11px;top:max(122px,calc(env(safe-area-inset-top) + 112px))}#feedback{font-size:11px}.dialog{padding:23px}.dialog h2{font-size:29px}.dialog p{font-size:11px}#touch-hint{font-size:7px;left:15px;right:15px}#countdown b{font-size:92px}}@media(max-width:760px)and (max-height:670px){#menu{padding:13px 15px max(12px,env(safe-area-inset-bottom));gap:8px;max-height:78%}.intro{display:none}h1{font-size:24px;margin-bottom:0}.eyebrow{font-size:7px;margin-bottom:6px}.select-title{font-size:7px}.select-title small{display:none}.portrait{width:32px;height:35px}.card b{font-size:10px}.card small{font-size:7px;margin-top:3px}.record-card{padding:6px 9px}.record-card b{font-size:19px}.primary{min-height:42px;padding:10px 13px}.menu-bottom{gap:7px}.dialog{padding:19px}.dialog h2{font-size:25px}.guide li{margin-bottom:9px}.guide span,.dialog p{font-size:10px}}@media(max-height:480px)and (min-aspect-ratio:1.3){#brand{left:15px;top:10px;font-size:12px}.logo{width:28px;height:30px;font-size:22px}#brand small{display:none}#sound{position:static;width:28px;height:28px;font-size:16px}#menu{inset:0 auto 0 0;width:55%;height:100%;max-height:none;padding:52px 25px 12px;gap:8px;border-radius:0;background:linear-gradient(90deg,#173e37 91%,#173e3700)}h1{font-size:26px;margin:0}.intro,.eyebrow,.select-title small,.card small{display:none}.select-title{font-size:7px}.cards{gap:5px}.portrait{width:27px;height:31px}.card{padding:4px;gap:6px}.card b{font-size:9px}.record-card{padding:6px 10px}.record-card b{font-size:18px}.record-card small{font-size:6px}#best-distance{font-size:7px}.primary{padding:9px 12px;min-height:36px;font-size:10px}.primary svg{width:18px;height:18px}.menu-bottom span{font-size:5px}.menu-bottom .text{font-size:8px}#showcase{inset:18% 4% 8% 64%}#showcase p{display:block;padding:8px;font-size:15px}#showcase>span{font-size:6px}footer{display:none}#hud .points{padding:5px 10px;min-width:100px;flex-direction:row;align-items:center;gap:8px}.points b{font-size:23px}.chase{padding:6px 10px;min-width:160px}.chase>span{display:none}#danger{margin-top:5px}.hud-top{align-items:flex-start}#banner{top:65px;font-size:9px}#buffs{position:absolute;top:0;left:135px;max-width:28%}.buff{font-size:7px;padding:4px 6px}.dialog{padding:16px 22px}.dialog h2{font-size:23px;margin-bottom:8px}.dialog p{font-size:10px}.dialog .primary{margin-top:9px}.guide{margin:10px 0}.guide li{margin-bottom:6px}.guide b{font-size:10px}.guide span{font-size:9px}.result-stats{margin:10px 0}.result-stats>div{padding:8px}.result-stats b{font-size:27px}#touch-hint{bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:760px){#brand{background:#173e37cf;border:1px solid #d1ddbd22;padding:8px;border-radius:12px;backdrop-filter:blur(8px)}}.status-row{display:flex;gap:6px;align-items:start;flex-wrap:wrap}#combo{margin-top:7px;padding:6px 10px;border:1px solid #edc980;border-radius:12px;background:#345c45ed;color:#f6d59c;font-size:10px;min-width:90px}#combo-window{display:block;height:3px;margin-top:4px;border-radius:2px;background:#f1c46b;transform-origin:left}.buff.focus{border-color:#9ac9c5}#stage:after{content:"";position:absolute;inset:0;pointer-events:none;transition:box-shadow .14s}#stage.impact:after{box-shadow:inset 0 0 70px #e9946570}#stage.focused:not(.impact):after{box-shadow:inset 0 0 45px #82c9c33d}#feedback.big{color:#ffe29d;text-shadow:0 2px 12px #442e12;font-size:17px}@media(prefers-reduced-motion:reduce){#stage:after{transition:none}}#hud .status-row #buffs{position:static;max-width:min(100%,320px)}#hud #banner{position:relative;top:auto;left:auto;transform:none;width:fit-content;margin:8px auto 0}.asset-loading{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#183f39;color:#efdbad;font-family:system-ui,sans-serif;text-align:center;padding:25px}.asset-loading b{font-size:24px;letter-spacing:.05em}.asset-loading span{font-size:13px}.asset-loading button{padding:12px 20px;background:#efdbad;color:#183f39;border:0;border-radius:8px}