:root{--shallow-water: #74f2d1;--ocean: #38d9e8;--deep-ocean: #1479c9;--grass: #72d44c;--dark-grass: #319b57;--sand: #ffd66b;--coral: #ff6f61;--orange: #ff9f43;--pink: #ff68b7;--purple: #8b6cff;--sky: #70cfff;--highlight: #fff4a8;--shadow-tint: #304c89;--ink: #132957;--ink-soft: #36547e;--cream: #fffdf0;--surface: rgba(255, 253, 240, .96);--surface-solid: #fffdf0;--border: rgba(19, 41, 87, .14);--shadow: 0 16px 0 rgba(25, 55, 112, .13), 0 24px 54px rgba(26, 70, 139, .2);--radius-card: 22px;--radius-button: 14px;--font-display: "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.loadout-card{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:1fr auto;gap:12px;align-items:center;padding:14px;border:2px solid rgba(48,76,137,.13);border-radius:18px;background:#fffdf0eb;box-shadow:0 8px 20px #304c8917}.loadout-card.is-equipped{border-color:#319b57;box-shadow:0 8px 20px #319b5726}.loadout-card.is-locked{filter:saturate(.35);opacity:.68}.loadout-card h3,.loadout-card p{margin:0}.loadout-card h3{margin-block:3px 5px;color:#132957;font-size:1rem}.loadout-card p,.loadout-card small,.loadout-card span{color:#5d6f92;font-size:.76rem}.loadout-card>button{grid-column:1 / -1;min-height:40px}.pixel-preview{display:grid;place-items:center;width:78px;height:78px;overflow:hidden;border-radius:14px;background:#d7eee6;image-rendering:pixelated}.pixel-preview img{width:86%;height:86%;object-fit:contain;image-rendering:pixelated}.skin-balance{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:12px 16px;border-radius:14px;background:#fff4a8;color:#304c89}.shop-tabs{display:flex;gap:8px;margin-bottom:14px}.shop-tab{flex:1;min-height:46px;padding:0 18px;color:var(--ink-soft);background:#eaf3ef;border:0;border-radius:12px;font-family:var(--font-display);font-size:15px;font-weight:900;cursor:pointer}.shop-tab.is-active{color:var(--cream);background:var(--deep-ocean);box-shadow:0 4px 0 var(--shadow-tint)}.shop-list{display:grid;gap:9px}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 14px;border:2px solid rgba(48,76,137,.13);border-radius:14px;background:#fffdf0eb}.shop-row.is-equipped{border-color:#319b57}.shop-row h3{margin:0 0 2px;color:var(--ink);font-size:.95rem;font-family:var(--font-display)}.shop-row p{margin:0;color:#5d6f92;font-size:.74rem}.shop-price{color:#925d14;font-family:var(--font-display);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.shop-row>button{min-height:38px;padding:0 14px;font-size:12px}.skin-balance strong{color:#925d14}.resource-chip small{font-size:.64rem;opacity:.7}@media(max-width:720px){.loadout-grid,.loadout-grid.emote-grid{grid-template-columns:1fr}.quick-nav{max-width:calc(100vw - 20px);overflow-x:auto}}*{box-sizing:border-box}html,body,#app,#game-canvas,#ui-root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--deep-ocean);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;user-select:none}button,kbd{font:inherit}button{min-width:40px;min-height:40px}button:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.52}#game-canvas{position:fixed;inset:0;display:block;touch-action:none;outline:none}#ui-root{position:fixed;inset:0;pointer-events:none}.eyebrow{margin:0 0 7px;color:var(--deep-ocean);font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.primary-button,.secondary-button,.text-button,.icon-button,.preset-button,.quick-nav button,.touch-controls button{border:0;cursor:pointer}.primary-button,.secondary-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--radius-button);font-family:var(--font-display);font-weight:900}.primary-button{color:var(--cream);background:var(--deep-ocean);box-shadow:0 5px 0 var(--shadow-tint)}.secondary-button{color:var(--ink);background:#e5f6ed;box-shadow:0 4px #b9d7ce}.text-button{padding:8px 12px;color:var(--ink-soft);background:transparent;border-radius:10px;font-weight:800}.text-button.danger{color:#b33645}.icon-button{display:grid;width:44px;height:44px;padding:0;color:var(--cream);background:var(--coral);border-radius:13px;box-shadow:0 4px #b94a45;font-size:29px;font-weight:900;line-height:1;place-items:center}@media(hover:hover){.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-button:hover,.quick-nav button:hover,.touch-controls button:hover,.preset-button:hover{transform:translateY(-2px)}}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.icon-button:active,.quick-nav button:active,.touch-controls button:active,.touch-controls button.is-active,.preset-button:active{transform:translateY(2px)}.boot-screen{position:absolute;z-index:100;inset:0;overflow:hidden;pointer-events:auto;background:#0b1430}.boot-screen:after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(90deg,#060b1ec7,#060b1e52 52%,#060b1e0d);pointer-events:none}.boot-screen.is-hidden{visibility:hidden;pointer-events:none;opacity:0}.boot-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.boot-menu{position:absolute;z-index:2;top:50%;left:clamp(24px,6vw,120px);display:flex;flex-direction:column;gap:16px;align-items:flex-start;transform:translateY(-50%)}.boot-logo{margin:0;line-height:0}.boot-logo-img{width:min(430px,72vw);height:auto;image-rendering:pixelated;filter:drop-shadow(0 10px 26px rgba(0,0,0,.65));user-select:none}.boot-ca{margin:0 0 6px;padding:10px 16px;color:#d8e6ff;background:#080e22b8;border:2px solid rgba(255,255,255,.18);border-radius:4px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:16px;font-weight:700;letter-spacing:.02em;max-width:min(560px,82vw);overflow-wrap:anywhere}.boot-ca.is-copyable{cursor:copy}.boot-ca.is-copyable:hover{border-color:var(--highlight)}.boot-status{min-height:20px;margin:0;color:var(--cream);font-size:13px;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.72)}.mc-button{display:flex;align-items:center;justify-content:center;width:min(450px,82vw);min-height:68px;padding:0 28px;color:#fff;text-align:center;text-decoration:none;font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:.03em;text-shadow:3px 3px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#8f8f8f,#707070 46%,#5d5d5d);border:3px solid #161616;border-radius:3px;box-shadow:inset 0 3px #ffffff52,inset 0 -6px #00000057,0 5px 12px #0000006b;cursor:pointer}.mc-button:hover:not(:disabled){background:linear-gradient(180deg,#a3a3a3,gray 46%,#6a6a6a);border-color:#fff;transform:none}.mc-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #fff3,inset 0 -2px #0000004d,0 2px 5px #0006}.mc-button:disabled{filter:saturate(.4) brightness(.8)}.hud{visibility:hidden;opacity:0}.hud.is-ready{visibility:visible;opacity:1}.hud.is-critical:before{position:absolute;z-index:28;inset:0;content:"";background:radial-gradient(circle at center,transparent 58%,rgba(199,66,77,.3) 100%);animation:critical-vignette .85s ease-in-out infinite alternate;pointer-events:none}@keyframes critical-vignette{0%{opacity:.55}to{opacity:1}}.top-hud{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px)}.brand-chip,.resource-chip{display:flex;align-items:center;min-height:44px;color:var(--ink);background:var(--surface);box-shadow:0 5px #304c892e,0 8px 24px #304c8921}.brand-chip{gap:10px;padding:0 17px 0 8px;border-radius:14px;font-family:var(--font-display);font-size:13px;font-weight:1000;letter-spacing:.08em}.brand-mark,.coin-icon{display:grid;width:31px;height:31px;color:var(--ink);background:var(--sand);border-radius:9px;place-items:center}.resource-group{display:flex;gap:10px}.resource-chip{gap:9px;padding:5px 14px 5px 6px;border-radius:13px}.resource-chip strong{font-family:var(--font-display);font-variant-numeric:tabular-nums}.weapon-chip>span{display:grid;width:31px;height:31px;color:var(--cream);background:var(--purple);border-radius:9px;font-size:24px;font-weight:900;place-items:center}.goal-card{position:absolute;top:84px;left:20px;display:flex;flex-direction:column;max-width:250px;padding:14px 17px;color:var(--cream);background:#132957d9;border-left:5px solid var(--shallow-water);border-radius:4px 14px 14px 4px;box-shadow:0 8px 22px #1329572e}.goal-card strong{margin:2px 0 5px;font-family:var(--font-display);font-size:14px}.goal-card>span:last-child,.goal-kicker{color:#d4fdf1;font-size:11px;font-weight:800}.goal-kicker{letter-spacing:.12em}.quick-nav{position:absolute;right:20px;bottom:18px;display:flex;gap:8px;pointer-events:auto}.quick-nav button{display:flex;align-items:center;gap:7px;min-height:43px;padding:5px 12px 5px 6px;color:var(--ink);background:var(--surface);border-radius:12px;box-shadow:0 4px #304c8929;font-size:12px;font-weight:850}.touch-controls{position:absolute;z-index:24;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));left:16px;display:none;align-items:end;justify-content:space-between;pointer-events:none}.touch-move,.touch-actions{display:grid;pointer-events:auto;touch-action:none}.touch-move{grid-template:repeat(3,54px) / repeat(3,54px)}.touch-move button:nth-child(1){grid-area:1 / 2}.touch-move button:nth-child(2){grid-area:2 / 1}.touch-move button:nth-child(3){grid-area:3 / 2}.touch-move button:nth-child(4){grid-area:2 / 3}.touch-actions{grid-template-columns:repeat(2,minmax(58px,72px));gap:10px}.touch-controls button{min-width:52px;min-height:52px;padding:8px;color:var(--cream);background:#132957e0;border:2px solid rgba(255,255,255,.72);border-radius:14px;box-shadow:0 4px #08143785;font-family:var(--font-display);font-size:12px;font-weight:900;user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls button.is-active{color:var(--ink);background:var(--highlight);border-color:var(--cream)}kbd{display:inline-grid;min-width:29px;min-height:29px;padding:4px 7px;color:var(--cream);background:var(--shadow-tint);border-radius:7px;box-shadow:inset 0 -2px #0000002e;font-family:var(--font-display);font-size:11px;font-weight:900;place-items:center}.interaction-prompt{position:absolute;bottom:88px;left:50%;padding:10px 16px;color:var(--cream);background:#132957e6;border-radius:10px;font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.04em;opacity:0;transform:translate(-50%,8px)}.interaction-prompt.is-visible{opacity:1;transform:translate(-50%)}.panel-overlay{position:absolute;z-index:110;inset:0;display:grid;visibility:hidden;padding:24px;overflow:hidden;pointer-events:auto;background:#13295761;opacity:0;place-items:center}.panel-overlay.is-open{visibility:visible;opacity:1}.game-panel{position:relative;width:min(760px,100%);max-height:min(820px,calc(100vh - 48px));overflow:hidden;background:var(--surface-solid);border-radius:26px;box-shadow:var(--shadow)}.panel-topline{height:7px;background:linear-gradient(90deg,var(--coral) 0 25%,var(--orange) 25% 50%,var(--ocean) 50% 75%,var(--purple) 75%)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:23px 25px 17px}.panel-header h2{margin:0;font-family:var(--font-display);font-size:clamp(25px,4vw,34px);letter-spacing:-.04em}.panel-content{max-height:calc(100vh - 178px);padding:0 25px 27px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--ocean) transparent;scrollbar-width:thin}.stats-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px}.stats-strip>div{display:flex;align-items:baseline;justify-content:space-between;padding:13px 15px;background:#eaf6ef;border-radius:13px}.stats-strip span{color:var(--ink-soft);font-size:12px;font-weight:750}.stats-strip strong{font-family:var(--font-display);font-variant-numeric:tabular-nums}.panel-footnote{margin:15px 0 0;color:var(--ink-soft);font-size:12px;text-align:center}.asset-credits{margin-top:18px;padding:15px 17px;border:1px solid rgba(48,76,137,.14);border-radius:14px;color:var(--ink-soft);background:#70cfff14}.asset-credits h3,.asset-credits p{margin:0}.asset-credits p{margin-top:7px;font-size:12px;line-height:1.65}.asset-credits a{color:var(--deep-ocean);font-weight:800}.emote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emote-card{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto;cursor:pointer;text-align:left}.emote-card .emote-icon{display:grid;width:54px;height:54px;font-size:29px;background:#d7eee6;border-radius:14px;place-items:center}.emote-copy{display:grid;gap:3px;min-width:0}.emote-copy strong{color:var(--ink);font-family:var(--font-display);font-size:15px}.emote-copy small{color:#5d6f92;font-size:11px;font-weight:700}.emote-card:hover,.emote-card:focus-visible{border-color:var(--deep-ocean);transform:translateY(-2px)}.emote-card:active{transform:translateY(1px)}.settings-section h3,.how-to h3{margin:0 0 11px;font-family:var(--font-display);font-size:15px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.preset-button{display:flex;flex-direction:column;gap:3px;min-height:76px;padding:13px;color:var(--ink);background:#eaf3ef;border-radius:13px;text-align:left}.preset-button.is-active{color:var(--cream);background:var(--deep-ocean);box-shadow:0 4px 0 var(--shadow-tint)}.preset-button strong{font-family:var(--font-display);text-transform:capitalize}.preset-button span{font-size:11px;font-weight:650;opacity:.8}.pause-actions{display:flex;align-items:center;justify-content:space-between}.reset-confirm{display:flex;align-items:center;gap:8px;padding:9px;background:#ffe1dc;border-radius:13px}.reset-confirm>div{display:flex;flex-direction:column;margin-right:4px}.reset-confirm strong{font-family:var(--font-display);font-size:12px}.reset-confirm span{color:var(--ink-soft);font-size:10px}.reset-confirm .secondary-button,.reset-confirm .primary-button{min-height:40px;padding:0 12px;font-size:11px}.reset-danger{background:#b83a49;box-shadow:0 4px #762d40}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.control-grid>div{display:grid;grid-template-columns:72px 1fr;gap:11px;align-items:center;padding:11px;background:#eef7ef;border-radius:13px}.control-grid kbd{min-height:42px;text-align:center}.control-grid span{display:flex;flex-direction:column}.control-grid strong{font-family:var(--font-display);font-size:13px}.control-grid small{margin-top:2px;color:var(--ink-soft);font-size:10px}.how-to{margin-top:18px;padding:16px 18px;background:#fff2c9;border-left:5px solid var(--orange);border-radius:4px 14px 14px 4px}.how-to ol,.how-to ul{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--ink-soft);font-size:13px;line-height:1.45}.toast{position:absolute;z-index:120;top:22px;left:50%;min-width:220px;padding:12px 18px;color:var(--ink);background:var(--highlight);border-radius:12px;box-shadow:0 5px #304c892e,0 14px 34px #13295733;font-family:var(--font-display);font-size:13px;font-weight:900;text-align:center;opacity:0;transform:translate(-50%,-12px)}.toast[data-tone=warn]{color:var(--cream);background:var(--coral)}.toast.is-visible{opacity:1;transform:translate(-50%)}.battle-hud{position:absolute;z-index:32;bottom:24px;left:24px;width:min(330px,calc(100vw - 48px));pointer-events:none}.enemy-health-card{padding:11px 13px 13px;color:var(--cream);background:#132957e6;border:2px solid rgba(255,255,255,.2);border-radius:15px;box-shadow:0 7px #0b183761,0 16px 30px #10214c33;backdrop-filter:blur(8px)}.p5-vitals{display:flex;flex-direction:column;gap:10px;transform:skew(-10deg)}.p5-bar{display:flex;align-items:center;filter:drop-shadow(5px 5px 0 rgba(19,41,87,.88))}.p5-tag{z-index:2;display:grid;min-width:54px;padding:8px 12px 9px;color:var(--cream);background:var(--ink);clip-path:polygon(0 10%,100% 0,93% 100%,5% 92%);font-family:var(--font-display);font-size:16px;font-weight:1000;letter-spacing:.08em;place-items:center}.p5-track{flex:1;padding:3px;margin-left:-7px;background:var(--cream);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}.p5-well{display:block;height:22px;background:#0e1b3d}.p5-well i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#38c968,#72e96d 58%,var(--highlight));box-shadow:inset 0 5px #ffffff52,inset 0 -6px #0003;transform-origin:left;transition:transform .14s ease-out}.p5-mp .p5-track{max-width:76%}.p5-mp .p5-well{height:14px}.p5-mp .p5-well i{background:linear-gradient(90deg,var(--deep-ocean),var(--ocean) 55%,var(--shallow-water))}.p5-mp .p5-tag{min-width:48px;padding:5px 10px 6px;font-size:13px}.p5-value{margin-left:12px;color:var(--cream);font-family:var(--font-display);font-size:17px;font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);transform:skew(10deg);white-space:nowrap}.p5-mp .p5-value{font-size:13px}.battle-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px;font-size:10px;font-weight:1000;letter-spacing:.08em}.battle-label strong{font-family:var(--font-display);font-size:12px;letter-spacing:.03em}.battle-meter{height:14px;padding:3px;overflow:hidden;background:#142752;border:2px solid rgba(255,255,255,.14);border-radius:999px}.battle-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#38c968,#72e96d 72%,var(--highlight));border-radius:inherit;box-shadow:0 0 9px #72e96d7a;transform-origin:left;transition:transform .16s ease-out}.enemy-health-card{position:fixed;top:76px;left:50%;width:min(390px,calc(100vw - 36px));visibility:hidden;border-color:#ff6f618c;opacity:0;transform:translate(-50%,-10px);transition:opacity .14s ease-out,transform .14s ease-out,visibility .14s}.enemy-health-card.is-visible{visibility:visible;opacity:1;transform:translate(-50%)}.enemy-health-card .battle-meter i{background:linear-gradient(90deg,#c7424d,var(--coral),var(--orange));box-shadow:0 0 10px #ff6f616b}.combo-badge{position:fixed;top:30%;right:26px;left:auto;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;padding:9px 14px 11px;color:var(--highlight);background:#1c2e5fd1;border:2px solid rgba(255,244,168,.55);border-radius:14px;box-shadow:0 5px #0d1c3e59;font-family:var(--font-display);letter-spacing:.08em;opacity:0;transform:translate(14px) scale(.92);transition:opacity .13s ease-out,transform .13s ease-out,visibility .13s}.combo-badge.is-visible{visibility:visible;opacity:1;transform:translate(0) scale(1)}.combo-badge strong{font-size:34px;line-height:.95;text-shadow:0 4px 0 rgba(13,28,62,.45)}.combo-word{font-size:10px;letter-spacing:.24em;opacity:.72}.combo-rank{position:absolute;top:-12px;left:-14px;min-width:30px;padding:3px 7px;color:var(--ink);background:var(--highlight);border-radius:8px;font-size:15px;font-style:normal;text-align:center}.combo-rank:empty{display:none}.combo-rank[data-rank=A]{background:#74f2d1}.combo-rank[data-rank=S]{background:var(--orange);color:#fff}.combo-rank[data-rank=SS]{background:var(--pink);color:#fff}.combo-meter{width:78px;height:5px;margin-top:6px;overflow:hidden;background:#0a1632bf;border-radius:999px}.combo-meter i{display:block;width:100%;height:100%;background:var(--highlight);transform-origin:left}.p5-vitals.is-critical .p5-hp .p5-well i{background:linear-gradient(90deg,#c7424d,var(--coral));animation:hp-critical .62s ease-in-out infinite alternate}.p5-vitals.is-critical .p5-hp .p5-tag{background:#b83a49}.enemy-health-card.is-king{width:min(520px,calc(100vw - 36px));border-color:#ff2d6fbf}.enemy-health-card.is-king .battle-meter{height:18px}.enemy-health-card.is-king .battle-meter i{background:linear-gradient(90deg,#7a1030,var(--pink),var(--orange))}.battle-banner{position:fixed;z-index:58;top:27%;left:50%;display:flex;visibility:hidden;flex-direction:column;align-items:center;gap:4px;color:var(--cream);text-align:center;opacity:0;transform:translate(-50%,12px);pointer-events:none}.battle-banner strong{padding:8px 22px;background:#132957e0;border:2px solid rgba(255,244,168,.5);border-radius:14px;box-shadow:0 6px #0b183766;font-family:var(--font-display);font-size:28px;letter-spacing:.1em}.battle-banner span{font-size:12px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 6px rgba(11,24,55,.7)}.battle-banner.is-visible{visibility:visible;animation:banner-pop 2.2s cubic-bezier(.2,.9,.25,1) forwards}.cutscene{position:absolute;z-index:130;inset:0;visibility:hidden;align-items:flex-end;justify-content:center;display:flex;padding:0 24px 6vh;background:#0810268c;opacity:0;pointer-events:none}.cutscene.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .26s ease-out}.cutscene-bar{position:absolute;left:0;width:100%;height:9vh;background:var(--ink)}.cutscene-bar-top{top:0}.cutscene-bar-bottom{bottom:0}.cutscene-card{position:relative;width:min(880px,100%);padding:34px 38px 26px;color:var(--ink);background:var(--surface-solid);border:4px solid var(--ink);border-radius:4px;box-shadow:12px 12px #1329578c,0 26px 60px #060e2673;transform:skew(-1.2deg)}.cutscene.is-open .cutscene-card{animation:cutscene-in .32s cubic-bezier(.2,.9,.25,1)}.cutscene-card:before{position:absolute;top:-16px;right:34px;width:74px;height:26px;content:"";background:var(--coral);clip-path:polygon(0 22%,100% 0,92% 100%,8% 78%)}.cutscene-speaker{position:absolute;top:-26px;left:26px;display:flex;align-items:baseline;gap:12px;padding:10px 26px 12px 20px;color:var(--cream);background:var(--ink);clip-path:polygon(0 8%,100% 0,96% 100%,3% 92%)}.cutscene-name{font-family:var(--font-display);font-size:21px;font-weight:1000;letter-spacing:.05em}.cutscene-role{color:var(--shallow-water);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cutscene-text{min-height:5.4em;margin:18px 0 0;font-size:clamp(16px,1.7vw,20px);font-weight:650;line-height:1.65}.cutscene-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.cutscene-progress{margin-right:auto;color:var(--ink-soft);font-family:var(--font-display);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.12em}.cutscene-skip{margin-right:4px}.cutscene-actions .primary-button,.cutscene-actions .secondary-button{min-height:46px;padding:0 26px;font-size:15px}@keyframes cutscene-in{0%{opacity:0;transform:skew(-1.2deg) translateY(26px)}to{opacity:1;transform:skew(-1.2deg) translateY(0)}}.story-bubble{position:fixed;z-index:62;bottom:148px;left:50%;display:flex;visibility:hidden;flex-direction:column;gap:4px;width:min(520px,calc(100vw - 36px));padding:14px 18px 15px;color:var(--ink);background:var(--surface-solid);border:3px solid var(--ink);border-radius:16px;box-shadow:0 8px #1329574d,0 18px 40px #13295747;opacity:0;transform:translate(-50%,14px);pointer-events:none}.story-bubble:after{position:absolute;bottom:-14px;left:50%;width:0;height:0;content:"";border-top:12px solid var(--ink);border-right:11px solid transparent;border-left:11px solid transparent;transform:translate(-50%)}.story-kicker{color:var(--deep-ocean);font-family:var(--font-display);font-size:10px;font-weight:1000;letter-spacing:.22em}.story-bubble p{margin:0;font-size:14px;font-weight:700;font-style:italic;line-height:1.5}.story-bubble.is-visible{visibility:visible;opacity:1;transform:translate(-50%);transition:opacity .18s ease-out,transform .18s ease-out}.hurt-flash{position:absolute;z-index:55;inset:0;opacity:0;background:radial-gradient(circle at center,#ff6f6100 42%,#c7424db8);pointer-events:none}.hurt-flash.is-active{animation:hurt-pulse .42s ease-out forwards}@keyframes hurt-pulse{0%{opacity:.95}to{opacity:0}}@keyframes hp-critical{0%{filter:brightness(1)}to{filter:brightness(1.55)}}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,16px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.04)}20%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.97)}}.damage-layer{position:absolute;z-index:60;inset:0;overflow:hidden;pointer-events:none}.damage-number{position:absolute;top:calc(45% + var(--damage-y));left:calc(50% + var(--damage-x));color:#fff;font-family:var(--font-display);font-size:25px;font-weight:1000;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(19,41,87,.35);animation:damage-pop .82s cubic-bezier(.15,.8,.2,1) forwards}.damage-number.is-hurt{color:var(--coral)}.damage-number.is-heal{color:#74f2d1}.damage-number.is-heavy{color:var(--orange);font-size:33px}.damage-number.is-finisher{color:var(--highlight);font-size:36px}@media(prefers-reduced-motion:no-preference){.boot-screen,.hud,.panel-overlay,.interaction-prompt,.toast{transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s}.primary-button,.secondary-button,.icon-button,.quick-nav button,.preset-button,.emote-card{transition:transform .1s ease-out,filter .1s ease-out,border-color .1s ease-out}}@keyframes damage-pop{0%{opacity:0;transform:translate(-50%,15px) scale(.55) rotate(-5deg)}18%{opacity:1;transform:translate(-50%) scale(1.18) rotate(2deg)}65%{opacity:1;transform:translate(-50%,-34px) scale(1)}to{opacity:0;transform:translate(-50%,-70px) scale(.86)}}@media(max-width:700px){.boot-menu{left:18px;right:18px}.mc-button{width:100%}.shop-row{grid-template-columns:minmax(0,1fr) auto}.shop-row>button{grid-column:1 / -1;width:100%}.top-hud{top:12px;left:12px;width:calc(100% - 24px)}.brand-chip{width:44px;padding:6px;overflow:hidden}.brand-chip>span:last-child{display:none}.weapon-chip{display:none}.goal-card{top:69px;left:12px;max-width:210px}.quick-nav{right:12px;bottom:calc(184px + env(safe-area-inset-bottom))}.quick-nav button{width:43px;padding:6px}.quick-nav button span{display:none}.interaction-prompt{bottom:calc(238px + env(safe-area-inset-bottom));white-space:nowrap}.panel-overlay{padding:10px;align-items:end}.game-panel{max-height:calc(100vh - 20px);border-radius:22px 22px 0 0}.panel-header{padding:18px 17px 13px}.panel-content{max-height:calc(100vh - 115px);padding:0 17px 25px}.control-grid,.preset-grid{grid-template-columns:1fr}.preset-button{min-height:58px}.stats-strip{grid-template-columns:1fr}.pause-actions{align-items:stretch;flex-direction:column;gap:12px}.reset-confirm{flex-wrap:wrap}.reset-confirm>div{width:100%}.battle-hud{bottom:calc(184px + env(safe-area-inset-bottom));left:12px;width:min(270px,calc(100vw - 78px))}.cutscene{padding:0 12px 4vh}.cutscene-bar{height:6vh}.cutscene-card{padding:30px 20px 20px}.cutscene-speaker{left:14px;flex-direction:column;gap:1px;padding:8px 20px 10px 16px}.cutscene-name{font-size:17px}.cutscene-text{min-height:7em}.cutscene-actions{flex-wrap:wrap}.cutscene-progress{width:100%;margin-bottom:4px}.enemy-health-card{top:66px}.p5-tag{min-width:44px;font-size:13px}.p5-value{font-size:14px}}@media(max-width:900px){.touch-controls{display:flex}.quick-nav,.battle-hud{bottom:calc(184px + env(safe-area-inset-bottom))}.interaction-prompt{bottom:calc(238px + env(safe-area-inset-bottom))}}@media(max-height:600px){.goal-card{display:none}.boot-menu{gap:7px}.boot-logo{font-size:34px}.mc-button{min-height:40px}}