/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box}html,body{background:var(--background);width:100%;min-height:100%;color:var(--foreground);margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.beta-status{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.beta-status>div{color:#fff;text-align:center;background:#0b1a20;border:3px solid #05070b;outline:1px solid #31545e;place-content:center;min-height:78px;display:grid;box-shadow:5px 5px #000000a6}.beta-status small{color:#65f4ff;letter-spacing:.17em;font-size:8px;font-weight:900}.beta-status strong{color:#fff45f;margin-top:4px;font-size:20px}.beta-form{color:#fff;background:linear-gradient(145deg,#142c34,#050c0f 72%);border:4px solid #05070b;outline:2px solid #fff45f;gap:14px;margin-top:20px;padding:26px;display:grid;box-shadow:9px 9px #000000b8}.beta-form header{margin-bottom:5px}.beta-form header small{color:#fff45f;letter-spacing:.2em;font-size:8px;font-weight:1000}.beta-form h2{margin:4px 0 3px;font-size:30px}.beta-form header p,.beta-send-note{color:#9fb4bc;margin:0;font-size:12px;line-height:1.7}.beta-form label,.beta-form fieldset{background:#051217d1;border:2px solid #05070b;outline:1px solid #29454e;gap:8px;margin:0;padding:15px;display:grid}.beta-form label>span,.beta-form legend{color:#fff;font-size:13px;font-weight:900}.beta-form select,.beta-form textarea{color:#fff;background:#122831;border:2px solid #05070b;outline:1px solid #52717b;width:100%;min-height:44px;padding:9px 11px;font-size:13px}.beta-form textarea{resize:vertical;min-height:84px}.beta-form fieldset>small{color:#8198a1;font-size:10px}.beta-scale{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.beta-scale button{color:#9cb1b9;cursor:pointer;background:#10232a;border:3px solid #05070b;outline:1px solid #48636c;min-height:45px;font-weight:1000;box-shadow:3px 3px #000}.beta-scale button.selected{color:#071015;background:#fff45f;outline-color:#fff45f;transform:translateY(-2px)}.beta-copy{color:#061015;cursor:pointer;background:#65f4ff;border:4px solid #05070b;outline:1px solid #fff;min-height:60px;font-size:14px;font-weight:1000;box-shadow:6px 6px #000}.beta-copy:hover{filter:brightness(1.12);transform:translateY(-2px)}.beta-send-note{text-align:center}@media (width<=600px){.beta-status{gap:6px}.beta-status>div{min-height:65px}.beta-status strong{font-size:15px}.beta-form{padding:17px 14px}.beta-form label,.beta-form fieldset{padding:12px}}.game-shell{--accent:var(--cyan);isolation:isolate;letter-spacing:.04em;background:#02050e;width:100vw;min-width:900px;height:100svh;min-height:650px;position:relative;overflow:hidden}.game-shell:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 30%,#0000007a 82%),linear-gradient(90deg,#58f7ff08,#0000 20% 80%,#ff315c0a);position:absolute;inset:0}.arena-canvas{width:100%;height:100%;position:absolute;inset:0}.scanlines{z-index:2;pointer-events:none;opacity:.14;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#88e0ff1f 4px);position:absolute;inset:0}.topbar{z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(#02050ee0,#02050e33);justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 34px;display:flex;position:absolute;top:0;left:0}.brand{cursor:pointer;letter-spacing:.14em;background:0 0;border:0;align-items:center;gap:12px;font-size:13px;font-weight:900;display:flex}.brand-mark{border:1px solid var(--cyan);width:31px;height:31px;color:var(--cyan);clip-path:polygon(22% 0,100% 0,100% 78%,78% 100%,0 100%,0 22%);place-items:center;font-size:10px;display:grid;box-shadow:inset 0 0 12px #58f7ff33,0 0 14px #58f7ff26}.top-meta{align-items:center;gap:8px;display:flex}.input-chip{border:1px solid var(--line);color:#8496aa;letter-spacing:.12em;background:#040b19b8;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:10px;font-weight:800;display:flex}.status-dot{background:#82909b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.input-chip.is-midi{color:var(--cyan);border-color:#58f7ff59}.input-chip.is-midi .status-dot{background:var(--cyan)}.icon-button{border:1px solid var(--line);cursor:pointer;color:#9db1c5;background:#040b19b3;place-items:center;width:35px;height:35px;transition:all .16s;display:grid}.icon-button:hover{color:#fff;border-color:var(--accent);box-shadow:0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.icon-button:hover{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 25%,transparent)}}.settings-panel{z-index:60;background:#030a17f5;border:1px solid #58f7ff47;width:260px;padding:22px;position:absolute;top:60px;right:30px;box-shadow:0 24px 70px #0000008c,0 0 28px #58f7ff14}.settings-title{color:var(--cyan);letter-spacing:.22em;margin-bottom:20px;font-size:10px;font-weight:900}.settings-panel label{color:#93a8bb;grid-template-columns:1fr auto;gap:8px;font-size:11px;display:grid}.settings-panel input{width:100%;accent-color:var(--cyan);grid-column:1/-1}.settings-action{border:1px solid var(--line);cursor:pointer;background:#58f7ff0d;width:100%;margin-top:10px;padding:10px;font-size:10px;font-weight:800}.title-screen{z-index:10;width:min(650px,51vw);position:absolute;top:50%;left:9%;transform:translateY(-47%)}.eyebrow,.tutorial-kicker,.result-kicker{color:var(--cyan);letter-spacing:.25em;align-items:center;gap:14px;font-size:11px;font-weight:900;display:flex}.eyebrow:before,.tutorial-kicker:before,.result-kicker:before{content:"";background:currentColor;width:34px;height:2px;box-shadow:0 0 10px}.title-screen h1{letter-spacing:-.085em;text-shadow:0 0 38px #58f7ff29;margin:20px 0 16px;font-size:clamp(74px,8.2vw,132px);font-weight:1000;line-height:.75}.title-copy{color:#9db4c7;letter-spacing:.08em;margin:30px 0 26px 5px;font-size:15px;line-height:1.8}.title-actions{align-items:stretch;gap:12px;display:flex}.primary-button{background:var(--cyan);color:#03101a;cursor:pointer;letter-spacing:.14em;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border:0;justify-content:space-between;align-items:center;gap:36px;min-width:240px;padding:17px 20px;font-size:13px;font-weight:1000;transition:transform .14s,filter .14s;display:inline-flex;box-shadow:0 0 30px #58f7ff33}.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary-button small{opacity:.55;font-size:8px}.primary-button.compact{justify-content:center;min-width:190px}.midi-button{cursor:pointer;color:#d8f9ff;text-align:left;letter-spacing:.1em;background:#050f1ebd;border:1px solid #58f7ff42;align-items:center;gap:13px;min-width:210px;padding:10px 16px;font-size:10px;font-weight:800;display:flex}.midi-button:hover{border-color:var(--cyan);background:#58f7ff1a}.midi-button small{color:#667d91;margin-top:4px;font-size:8px;display:block}.midi-icon{color:var(--cyan);font-size:24px}.title-footer{color:#61788d;letter-spacing:.16em;align-items:center;gap:12px;margin:28px 0 0 4px;font-size:9px;font-weight:800;display:flex}.title-footer strong{color:#fff;font-size:12px}.title-footer i{background:var(--line);width:1px;height:14px}.tutorial-screen,.result-screen{z-index:10;width:min(820px,76vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.tutorial-count{color:#58f7ff59;letter-spacing:-.05em;font-size:54px;font-weight:1000;position:absolute;top:-16px;right:0}.tutorial-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#040e1eed,#040814d1);border:1px solid #58f7ff38;min-height:325px;padding:42px 48px;box-shadow:0 30px 90px #00000073}.tutorial-card h2{letter-spacing:-.035em;max-width:650px;margin:20px 0 10px;font-size:34px}.tutorial-card>p{color:#8fa8ba;font-size:13px}.demo-chord{border-left:3px solid var(--cyan);background:#58f7ff0f;grid-template-columns:85px 1fr auto;align-items:center;gap:24px;margin-top:38px;padding:20px 24px;display:grid}.demo-chord>span{color:var(--cyan);font-size:44px;font-weight:1000}.demo-keys{gap:8px;display:flex}kbd{min-width:28px;height:28px;color:inherit;background:#ffffff0a;border:1px solid;place-items:center;padding:0 6px;font-family:inherit;font-size:10px;font-weight:900;display:inline-grid;box-shadow:inset 0 -3px #00000040}.demo-chord small,.break-demo small{color:#6f879a;letter-spacing:.18em;font-size:9px;font-weight:900}.counter-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;display:grid}.counter-grid>div{border:1px solid var(--line);background:#ffffff06;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;min-height:94px;padding:18px;display:grid}.counter-grid b{color:var(--cyan);grid-row:1/3;font-size:28px}.counter-grid span{font-size:12px;font-weight:900}.counter-grid small{color:#738a9c;font-size:9px}.break-demo{align-items:center;gap:24px;margin-top:32px;display:flex}.break-ring,.break-orbit{border:4px solid var(--red);width:84px;height:84px;color:var(--red);border-radius:50%;place-items:center;font-size:27px;font-weight:1000;display:grid;box-shadow:inset 0 0 22px #ff315c2e,0 0 24px #ff315c33}.break-ring small,.break-orbit small{color:inherit;margin-top:-25px;margin-left:37px;font-size:8px}.break-demo>div:last-child{gap:3px;display:grid}.break-demo strong{font-size:34px}.break-demo span{color:#9cafbe;font-size:12px}.tutorial-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.text-button{color:#7990a3;cursor:pointer;letter-spacing:.18em;background:0 0;border:0;padding:12px 16px;font-size:10px;font-weight:900}.text-button:hover{color:#fff}.boss-hud{z-index:8;width:min(620px,48vw);position:absolute;top:84px;left:50%;transform:translate(-50%)}.boss-heading{letter-spacing:.18em;justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:900;display:flex}.health-track{background:#000000a3;border:1px solid #ffffff26;height:10px;position:relative;overflow:hidden}.health-track>div{height:100%;transition:width .18s}.boss-track>div{background:linear-gradient(90deg,#ff315c,#ff4fa3);box-shadow:0 0 12px #ff315c}.boss-track i{background:#07101b;width:2px;height:100%;position:absolute;top:0}.hp-number{text-align:right;color:#758598;margin-top:4px;font-size:9px;display:block}.battle-stats{z-index:8;gap:24px;display:flex;position:absolute;top:90px;left:32px}.battle-stats>div{gap:3px;display:grid}.battle-stats span,.player-label span,.shield-row span,.move-readout span,.deck-header span,.piano-label span,.break-gauge>div:last-child span{color:#698096;letter-spacing:.18em;font-size:8px;font-weight:900}.battle-stats strong{letter-spacing:-.02em;font-size:19px}.combo-value small{font-size:9px}.attack-warning{--warning:#ff315c;z-index:15;border:1px solid var(--warning);grid-template-columns:52px 1fr;align-items:center;width:270px;min-height:73px;padding:10px 13px;display:grid;position:absolute;top:160px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.attack-warning{border:1px solid color-mix(in srgb,var(--warning) 55%,transparent)}}.attack-warning{box-shadow:0 0 30px var(--warning);background:#05050fe6}@supports (color:color-mix(in lab, red, red)){.attack-warning{box-shadow:0 0 30px color-mix(in srgb,var(--warning) 14%,transparent)}}.attack-warning{animation:.18s ease-out warning-in}@keyframes warning-in{0%{opacity:0;transform:translate(-50%)scale(1.15)}}.warning-icon{color:var(--warning);text-shadow:0 0 16px var(--warning);font-size:30px}.attack-warning>div:nth-child(2){gap:2px;display:grid}.attack-warning span{color:var(--warning);letter-spacing:.25em;font-size:7px;font-weight:900}.attack-warning strong{font-size:12px}.attack-warning small{color:#8fa2b3;font-size:9px}.warning-meter{background:#ffffff1a;width:100%;height:3px;position:absolute;bottom:0;left:0}.warning-meter i{background:var(--warning);height:100%;box-shadow:0 0 10px var(--warning);display:block}.player-hud{z-index:8;width:250px;position:absolute;bottom:205px;left:33px}.player-label{justify-content:space-between;margin-bottom:7px;display:flex}.player-label b{font-size:10px}.shield-row{align-items:center;gap:8px;margin-top:7px;display:flex}.shield-row>div{background:#4d8dff26;flex:1;height:3px}.shield-row i{background:#4d8dff;height:100%;transition:width .18s;display:block;box-shadow:0 0 8px #4d8dff}.move-readout{z-index:8;text-align:center;text-shadow:0 0 18px;gap:4px;min-width:260px;display:grid;position:absolute;bottom:225px;left:50%;transform:translate(-50%)}.move-readout strong{letter-spacing:.12em;font-size:16px}.break-gauge{z-index:8;align-items:center;gap:13px;display:flex;position:absolute;bottom:198px;right:35px}.break-orbit{border-width:2px;width:66px;height:66px;font-size:20px}.break-orbit small{margin-top:-20px;margin-left:28px}.break-gauge>div:last-child{gap:3px;display:grid}.break-gauge strong{color:#8da1b2;font-size:10px}.break-gauge.is-ready strong{color:#ff786d}@keyframes break-ready{to{filter:drop-shadow(0 0 12px #ff315c);transform:scale(1.04)}}.floating-text{z-index:20;pointer-events:none;text-shadow:0 0 14px;font-size:17px;font-weight:1000;animation:.85s ease-out forwards float-away;position:absolute}@keyframes float-away{to{opacity:0;transform:translateY(-54px)scale(1.22)}}.chord-deck{z-index:12;position:absolute;bottom:94px;left:25px;right:25px}.deck-header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.deck-header strong{letter-spacing:.14em;font-size:9px}.chord-cards{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.chord-card{--chord:var(--cyan);color:#879aab;background:#030a17d1;border:1px solid #7daec929;min-height:69px;padding:9px 10px;transition:all .15s;position:relative;overflow:hidden}.chord-card:before{content:"";background:var(--chord);opacity:.45;width:3px;height:100%;position:absolute;top:0;left:0}.chord-card b{color:#dbe9ef;font-size:16px;display:block}.chord-card>span{min-height:18px;margin-top:1px;font-size:7px;display:block}.chord-card>div{gap:3px;display:flex}.chord-card kbd{min-width:19px;height:17px;padding:0 3px;font-size:7px}.chord-card.recommended{border-color:var(--chord)}@supports (color:color-mix(in lab, red, red)){.chord-card.recommended{border-color:color-mix(in srgb,var(--chord) 58%,transparent)}}.chord-card.recommended{background:var(--chord)}@supports (color:color-mix(in lab, red, red)){.chord-card.recommended{background:color-mix(in srgb,var(--chord) 8%,#030a17eb)}}.chord-card.active{color:var(--chord);border-color:var(--chord);box-shadow:0 0 22px var(--chord);transform:translateY(-5px)}@supports (color:color-mix(in lab, red, red)){.chord-card.active{box-shadow:0 0 22px color-mix(in srgb,var(--chord) 22%,transparent)}}.piano-dock{z-index:18;background:#02060ff2;border-top:1px solid #58f7ff2e;grid-template-columns:150px minmax(620px,760px);justify-content:center;align-items:center;gap:15px;height:84px;padding:9px 30px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -14px 35px #00000047}.piano-label{text-align:right;gap:4px;display:grid}.piano-label strong{color:var(--accent);font-size:9px}.piano{height:62px;position:relative}.piano-key{justify-content:center;align-items:flex-end;padding-bottom:5px;transition:all 70ms;display:flex;position:absolute;top:0}.piano-key span{border:1px solid #00000059;border-radius:2px;place-items:center;width:19px;height:19px;font-size:8px;font-weight:900;display:grid}.piano-key.white{z-index:1;color:#0b1420;background:linear-gradient(#e9f5f7,#9baeb4);border:1px solid #718091;height:62px}.piano-key.black{z-index:3;color:#d8f7ff;background:linear-gradient(#172533,#050911);border:1px solid #456070;height:39px;padding-bottom:4px}.piano-key.guided:after{content:"";background:var(--accent);height:3px;box-shadow:0 0 9px var(--accent);animation:.7s ease-in-out infinite alternate key-guide;position:absolute;bottom:7px;left:7px;right:7px}.piano-key.black.guided:after{bottom:3px;left:3px;right:3px}@keyframes key-guide{to{opacity:.3}}.piano-key.pressed{background:var(--accent);color:#06111a;box-shadow:inset 0 0 16px white,0 0 18px var(--accent);transform:translateY(3px)}.result-screen{text-align:center;width:min(720px,72vw)}.result-kicker{justify-content:center}.result-screen h2{letter-spacing:-.05em;margin:17px 0 -5px;font-size:58px;line-height:1}.result-screen.victory h2{color:var(--cyan);text-shadow:0 0 30px #58f7ff52}.result-screen.defeat h2{color:var(--red)}.grade{color:#0000;-webkit-text-stroke:2px var(--cyan);opacity:.2;font-size:130px;font-weight:1000;line-height:1;position:absolute;top:5px;right:25px;transform:rotate(8deg)}.result-score{justify-content:center;gap:4px;margin:35px 0 22px;display:grid}.result-score span,.result-stats span{color:#71879a;letter-spacing:.2em;font-size:8px;font-weight:900}.result-score strong{font-size:46px;line-height:1}.result-score small{color:var(--cyan);font-size:9px;font-weight:900}.result-stats{border:1px solid var(--line);background:#040c1ad1;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.result-stats>div{border-right:1px solid var(--line);gap:7px;padding:18px;display:grid}.result-stats>div:last-child{border:0}.result-stats strong{font-size:18px}.result-actions{justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}@media (height<=760px){.topbar{height:56px}.boss-hud{top:66px}.battle-stats{top:72px}.attack-warning{top:128px}.player-hud{bottom:184px}.move-readout{bottom:198px}.break-gauge{bottom:178px}.chord-deck{bottom:78px}.chord-card{min-height:57px;padding:6px 8px}.piano-dock{height:70px}.piano,.piano-key.white{height:50px}.piano-key.black{height:32px}.title-screen{transform-origin:0;transform:translateY(-45%)scale(.9)}.tutorial-screen,.result-screen{transform:translate(-50%,-51%)scale(.88)}}.fantasy-backdrop{z-index:0;image-rendering:pixelated;background-image:linear-gradient(#0f18260a,#0f182633),url(/game-assets/fantasy-arena.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.arena-canvas{z-index:3}.sprite{z-index:4;image-rendering:pixelated;filter:drop-shadow(9px 12px #17243c61);pointer-events:none;will-change:background-position, transform;background-position:0 0;background-repeat:no-repeat;background-size:800% 100%;position:absolute;bottom:138px}.hero-sprite{background-image:url(/game-assets/hero.webp);width:330px;height:880px;animation:.85s step-end infinite hero-idle;left:3%}.boss-sprite{background-image:none;width:380px;height:1013px;animation:.95s step-end infinite boss-idle;right:1%}.phase-title .hero-sprite{opacity:.86;transform-origin:bottom;bottom:-112px;left:auto;right:19%;transform:scale(.72)}.phase-title .boss-sprite{opacity:.92;transform-origin:100% 100%;bottom:-145px;right:-3%;transform:scale(.78)}.hero-sprite.motion-walk{animation:.26s step-end infinite hero-walk}.hero-sprite.motion-cast{animation:.5s step-end forwards hero-cast}.hero-sprite.motion-hurt{animation:.6s step-end forwards hero-hurt}.boss-sprite.motion-cast{animation:.64s step-end infinite boss-cast}.boss-sprite.motion-hurt{animation:.42s step-end forwards boss-hurt}@keyframes hero-idle{0%,49%{background-position:0 0}50%,to{background-position:14.285% 0}}@keyframes hero-walk{0%,49%{background-position:28.57% 0;transform:translate(0)}50%,to{background-position:42.855% 0;transform:translate(14px)}}@keyframes hero-cast{0%,28%{background-position:57.14% 0}29%,62%{background-position:71.425% 0}63%,to{background-position:85.71% 0}}@keyframes hero-hurt{0%,84%{background-position:100% 0;transform:translate(-12px)}85%,to{background-position:0 0}}@keyframes boss-idle{0%,49%{background-position:0 0;transform:translateY(0)}50%,to{background-position:14.285% 0;transform:translateY(-7px)}}@keyframes boss-cast{0%,24%{background-position:57.14% 0}25%,55%{background-position:71.425% 0}56%,to{background-position:85.71% 0}}@keyframes boss-hurt{0%,82%{filter:brightness(1.55)drop-shadow(8px 10px #17243c52);background-position:100% 0;transform:translate(18px)}83%,to{background-position:0 0}}.melody-quest{color:#263755;background:#fff7d6;border:4px solid #17243c;grid-template-columns:auto auto auto;align-items:center;gap:12px;min-width:430px;padding:9px 12px;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:5px 5px #17243c80}.melody-quest>span,.melody-quest>small{font-size:8px;font-weight:900}.melody-quest>small{color:#7b6a59}.melody-quest>div{align-items:center;gap:5px;display:flex}.melody-quest b{background:#d8d2ba;border:3px solid #17243c;place-items:center;min-width:36px;height:28px;padding:0 6px;font-size:11px;display:grid}.melody-quest b.done{background:#79d5a6}.melody-quest b.current{background:#f3d37a;animation:.5s steps(2,end) infinite quest-current}@keyframes quest-current{50%{transform:translateY(-3px)}}@media (height<=760px){.sprite{bottom:118px}.hero-sprite{width:270px;height:720px;bottom:66px}.boss-sprite{width:320px;height:853px;bottom:28px}.melody-quest{bottom:calc(100% + 8px)}}@media (width<=1100px){.title-screen{left:6%}.battle-stats{gap:12px}.chord-card>span{display:none}}:root{--background:#18233a;--foreground:#fff7d6;--cyan:#59d9c4;--pink:#d9789b;--red:#d85b55;--panel:#263755;--line:#17243c}body{background:#17243c;font-family:Courier New,Hiragino Kaku Gothic ProN,monospace}.game-shell{color:#fff7d6;letter-spacing:.02em;image-rendering:pixelated;background:#17243c}.game-shell:before{background:linear-gradient(#ffffff06 50%,#0000 50%) 0 0/4px 4px,linear-gradient(90deg,#141d3138,#0000 18% 82%,#141d3138)}.arena-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.scanlines{opacity:.055;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#16243c59 4px)}.topbar{background:#263755;border:0;border-bottom:4px solid #17243c;height:62px;padding:0 28px;box-shadow:0 4px #f3d37a}.brand{color:#fff7d6;letter-spacing:.08em;text-shadow:2px 2px #17243c;gap:10px;font-size:12px}.brand-mark{color:#fff7d6;clip-path:none;background:#4c75a3;border:3px solid #fff7d6;width:32px;height:32px;box-shadow:3px 3px #17243c}.input-chip,.icon-button,.settings-action{color:#263755;background:#e8e1c5;border:3px solid #17243c;box-shadow:3px 3px #17243c}.input-chip.is-midi{color:#275c50;background:#79d5a6;border-color:#17243c}.status-dot{box-shadow:none;background:#69758e;border-radius:0}.icon-button:hover,.settings-action:hover{color:#17243c;background:#f3d37a;border-color:#17243c;transform:translate(2px,2px);box-shadow:1px 1px #17243c}.settings-panel{background:#263755;border:4px solid #fff7d6;outline:4px solid #17243c;top:68px;box-shadow:8px 8px #17243c99}.settings-title{color:#f3d37a}.settings-panel label{color:#fff7d6}.title-screen{background:#263755;border:5px solid #fff7d6;outline:5px solid #17243c;width:min(680px,56vw);padding:28px 34px 30px;left:7%;box-shadow:14px 14px #17243cb8}.title-screen:after,.tutorial-card:after,.result-screen:after{content:"";background:#f3d37a;width:9px;height:9px;position:absolute;bottom:10px;right:10px;box-shadow:-12px 0 #f3d37a,0 -12px #f3d37a}.eyebrow,.tutorial-kicker,.result-kicker{color:#f3d37a;letter-spacing:.12em;font-size:9px}.eyebrow:before,.tutorial-kicker:before,.result-kicker:before{width:24px;height:4px;box-shadow:none}.title-screen h1{color:#fff7d6;letter-spacing:-.08em;text-shadow:5px 0 #17243c,0 5px #17243c,5px 5px #17243c;margin:18px 0;font-size:clamp(62px,7.1vw,106px);line-height:.8}.title-screen h1 span{color:#f3d37a;-webkit-text-stroke:0;filter:none}.title-copy{color:#d8dfd4;margin:25px 0 23px;font-size:13px;line-height:1.75}.primary-button,.midi-button{clip-path:none;border:4px solid #17243c;transition:none;box-shadow:5px 5px #101a2c}.primary-button{color:#17243c;background:#f3d37a}.midi-button{color:#263755;background:#e8e1c5}.primary-button:hover,.midi-button:hover{filter:none;background:#fff7d6;border-color:#17243c;transform:translate(3px,3px);box-shadow:2px 2px #101a2c}.midi-icon{color:#4c75a3}.title-footer{color:#aebbb2}.title-footer strong{color:#f3d37a}.title-footer i{background:#17243c;width:3px}.tutorial-screen,.result-screen{background:#263755;border:5px solid #fff7d6;outline:5px solid #17243c;padding:6px;box-shadow:14px 14px #17243c9e}.tutorial-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#263755;border:0;position:relative}.tutorial-count{color:#fff7d6;text-shadow:4px 4px #17243c;font-size:38px;top:-58px}.tutorial-card h2{color:#fff7d6;text-shadow:3px 3px #17243c}.tutorial-card>p{color:#c1cec3}.demo-chord{background:#334766;border:4px solid #17243c;border-left:12px solid #f3d37a}.demo-chord>span{color:#f3d37a}kbd{color:#17243c;background:#fff7d6;border:3px solid #17243c;box-shadow:inset 0 -4px #b9b59f}.counter-grid>div,.result-stats{background:#334766;border:4px solid #17243c}.counter-grid b{color:#f3d37a}.counter-grid small{color:#bbc7bd}.break-ring,.break-orbit{color:#fff7d6;background:#c45f63;border:4px solid #17243c;border-radius:0;box-shadow:4px 4px #17243c}.boss-hud{color:#17243c;background:#fff7d6;border:4px solid #17243c;padding:10px 12px;top:78px;box-shadow:5px 5px #17243c8c}.boss-heading{margin-bottom:6px}.boss-heading span{color:#263755}.boss-heading b{color:#a4414d}.health-track{background:#8c8d84;border:3px solid #17243c;height:13px}.boss-track{box-shadow:none}.boss-track>div{box-shadow:none;background:repeating-linear-gradient(90deg,#c94f58 0 12px,#df6a62 12px 24px)}.boss-track i{background:#17243c;width:3px}.hp-number{color:#596375}.battle-stats{background:#263755;border:4px solid #fff7d6;outline:4px solid #17243c;gap:0;top:82px;left:26px}.battle-stats>div{border-right:3px solid #17243c;padding:9px 13px}.battle-stats>div:last-child{border:0}.battle-stats span{color:#b9c7bc}.battle-stats strong{color:#fff7d6}.battle-stats .timer strong{color:#f3d37a}.combo-value{color:#79d5a6!important}.attack-warning{background:#a4414d;border:5px solid #fff7d6;outline:4px solid #17243c;padding:10px 14px;top:155px;box-shadow:7px 7px #17243c80}.warning-icon,.attack-warning span{color:#fff7d6;text-shadow:none}.attack-warning small{color:#ffe5c4}.warning-meter{background:#17243c;height:6px}.warning-meter i{box-shadow:none;background:#f3d37a}.player-hud{background:#263755;border:4px solid #fff7d6;outline:4px solid #17243c;padding:10px 12px}.player-label span,.shield-row span{color:#c1cec3}.player-track>div{box-shadow:none;background:repeating-linear-gradient(90deg,#4ea987 0 12px,#79d5a6 12px 24px)}.shield-row>div{background:#17243c;height:6px}.shield-row i{box-shadow:none;background:#6ca4ce}.move-readout{text-shadow:none;background:#fff7d6;border:4px solid #17243c;padding:8px 16px;bottom:218px;color:#fff7d6!important}.move-readout span{color:#6e7780}.move-readout strong{color:#263755}.break-gauge>div:last-child span{color:#17243c}.break-gauge>div:last-child{background:#fff7d6;border:4px solid #17243c;padding:8px 10px}.break-gauge strong{color:#263755}.break-gauge.is-ready{animation:.5s steps(2,end) infinite pixel-ready}@keyframes pixel-ready{50%{transform:translateY(-4px)}}.floating-text{text-shadow:none;background:#fff7d6;border:3px solid #17243c;padding:4px 7px;font-size:13px}.chord-deck{background:#263755;border:4px solid #fff7d6;outline:4px solid #17243c;padding:9px;bottom:92px;left:22px;right:22px}.deck-header strong{color:#f3d37a!important}.chord-cards{gap:5px}.chord-card{color:#c2cec4;background:#334766;border:4px solid #17243c;min-height:66px}.chord-card:before{opacity:1;width:7px}.chord-card b{color:#fff7d6}.chord-card kbd{border-width:2px;box-shadow:inset 0 -2px #b9b59f}.chord-card.recommended{background:#3f5271;border-color:#f3d37a}.chord-card.active{background:var(--chord);color:#17243c;border-color:#fff7d6;transform:translateY(-4px);box-shadow:0 4px #17243c}.chord-card.active b{color:#17243c}.piano-dock{background:#263755;border-top:5px solid #17243c;height:84px;box-shadow:0 -5px #fff7d6}.piano-label span{color:#b9c7bc}.piano-label strong{color:#f3d37a}.piano-key{transition:none}.piano-key span{border-radius:0}.piano-key.white{color:#17243c;background:#fff7d6;border:3px solid #17243c}.piano-key.black{color:#fff7d6;background:#334766;border:3px solid #17243c}.piano-key.guided:after{height:7px;box-shadow:none;background:#f3d37a;animation:.55s steps(2,end) infinite key-guide-pixel}@keyframes key-guide-pixel{50%{opacity:.15}}.piano-key.pressed{color:#17243c;background:#79d5a6;box-shadow:inset 0 -6px #4ea987}.result-screen{padding:34px;position:absolute}.result-screen h2{color:#f3d37a!important;text-shadow:5px 5px #17243c!important}.grade{color:#79d5a6;-webkit-text-stroke:0;text-shadow:5px 5px #17243c;opacity:.35}.result-score strong{color:#fff7d6;text-shadow:4px 4px #17243c}.result-stats>div{border-color:#17243c}@media (height<=760px){.topbar{height:52px}.boss-hud{top:62px}.battle-stats{top:66px}.attack-warning{top:136px}.title-screen{transform:translateY(-45%)scale(.86)}}.phase-tutorial .sprite,.phase-result .sprite{opacity:.24;filter:saturate(.55)drop-shadow(8px 10px #17243c47)}.duel-ui{z-index:7;pointer-events:none;position:absolute;inset:0}.duel-hud{background:#263755;border:4px solid #17243c;outline:4px solid #fff7d6;width:min(360px,31vw);padding:11px 13px 10px;position:absolute;top:78px;box-shadow:7px 7px #17243c94}.hero-hud{left:28px}.enemy-hud{right:28px}.duel-name{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.duel-name span{color:#f3d37a;letter-spacing:.16em;font-size:8px;font-weight:900}.duel-name strong{color:#fff7d6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.duel-health{background:#8c8d84;border:3px solid #17243c;height:20px;padding:3px}.duel-health i{background:repeating-linear-gradient(90deg,#4ea987 0 14px,#79d5a6 14px 28px);width:100%;height:100%;transition:width .36s steps(8,end);display:block}.enemy-hud .duel-health i{background:repeating-linear-gradient(90deg,#c94f58 0 14px,#df6a62 14px 28px);margin-left:auto}.duel-hud>b{color:#d8dfd4;text-align:right;margin-top:5px;font-size:9px;display:block}.chord-challenge{--challenge:var(--accent);color:#fff7d6;text-align:center;background:#263755;border:5px solid #17243c;outline:5px solid #fff7d6;width:290px;min-height:310px;padding:18px 20px;position:absolute;top:87px;left:50%;transform:translate(-50%);box-shadow:9px 9px #17243c99}.chord-challenge.status-hero{background:#275c50;animation:.22s steps(2,end) 2 card-success}.chord-challenge.status-enemy{background:#8f3e4b;animation:.18s steps(2,end) 3 card-danger}@keyframes card-success{50%{transform:translate(-50%)translateY(-8px)}}@keyframes card-danger{50%{transform:translate(calc(-50% - 7px))}}.challenge-top{color:#c1cec3;letter-spacing:.12em;justify-content:space-between;font-size:8px;font-weight:900;display:flex}.challenge-top b{color:#f3d37a}.challenge-label{color:var(--challenge);letter-spacing:.18em;margin-top:15px;font-size:9px;font-weight:900}.challenge-chord{color:#fff7d6;letter-spacing:-.08em;text-shadow:5px 5px #17243c;min-height:78px;margin:5px 0 1px;font-size:70px;line-height:1.1;display:block}.status-hero .challenge-chord,.status-enemy .challenge-chord{letter-spacing:-.04em;margin-top:38px;font-size:49px}.challenge-keys{justify-content:center;gap:7px;height:33px;display:flex}.challenge-keys kbd{background:var(--challenge);min-width:32px;height:32px;box-shadow:inset 0 -5px var(--challenge)}@supports (color:color-mix(in lab, red, red)){.challenge-keys kbd{box-shadow:inset 0 -5px color-mix(in srgb,var(--challenge) 62%,#17243c)}}.countdown-ring{--timer:360deg;background:conic-gradient(var(--challenge) var(--timer),#596375 0);border:4px solid #17243c;place-content:center;width:86px;height:86px;margin:9px auto 6px;display:grid;position:relative;box-shadow:4px 4px #17243c}.countdown-ring:after{content:"";background:#263755;position:absolute;inset:8px}.countdown-ring span,.countdown-ring small{z-index:1;position:relative}.countdown-ring span{font-size:20px;font-weight:900}.countdown-ring small{color:#b9c7bc;letter-spacing:.15em;font-size:7px;font-weight:900}.challenge-message{color:#fff7d6;min-height:17px;font-size:10px;font-weight:900}.battle-score{color:#17243c;background:#fff7d6;border:4px solid #17243c;gap:3px;padding:9px 12px;display:grid;position:absolute;top:172px;left:34px;box-shadow:5px 5px #17243c80}.battle-score span{color:#596375;letter-spacing:.14em;font-size:7px;font-weight:900}.battle-score strong{font-size:18px}.detected-readout{color:#596375;background:#fff7d6;border:4px solid #17243c;padding:9px 12px;font-size:9px;font-weight:900;position:absolute;top:172px;right:34px;box-shadow:5px 5px #17243c80}.detected-readout b{color:#17243c;margin-left:8px;font-size:18px}.damage-popup{z-index:30;text-shadow:2px 2px #fff7d6;background:#fff7d6;border:4px solid #17243c;padding:5px 9px;font-size:27px;font-weight:1000;animation:.9s steps(8,end) forwards duel-damage;position:absolute;top:41%}.damage-popup.hero{color:#c94f58;left:20%}.damage-popup.boss{color:#c94f58;right:18%}@keyframes duel-damage{0%{opacity:0;transform:translateY(25px)scale(.4)}20%{opacity:1;transform:translateY(0)scale(1.25)}to{opacity:0;transform:translateY(-65px)scale(1)}}.battle-effect{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-effect i{display:block;position:absolute}.hero-effect:before,.enemy-effect:before{content:"";background:var(--accent);border:7px solid #fff7d6;width:82px;height:82px;position:absolute;top:47%;box-shadow:0 0 0 6px #17243c}.hero-effect:before{animation:.62s steps(9,end) forwards hero-projectile;left:24%}.enemy-effect:before{background:#d85b55;animation:.63s steps(9,end) forwards enemy-projectile;right:23%}@keyframes hero-projectile{0%{opacity:0;transform:translate(-35px)scale(.25)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(43vw)scale(1.3)rotate(270deg)}}@keyframes enemy-projectile{0%{opacity:0;transform:translate(35px)scale(.25)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(-43vw)scale(1.35)rotate(-270deg)}}.effect-C:before{background:#7ce8e0;border-width:5px;width:100px;height:24px}.effect-Dm:before{background:#8ecf63;border-radius:50%;box-shadow:0 0 0 7px #17243c,0 0 0 14px #b26ba2}.effect-Em:before{width:145px;height:38px;box-shadow:none;background:repeating-linear-gradient(90deg,#fff7d6 0 20px,#6ca4ce 20px 35px,#0000 35px 47px);border:0}.effect-F:before{clip-path:polygon(50% 0,100% 20%,88% 78%,50% 100%,12% 78%,0 20%);background:#6ca4ce;width:94px;height:106px}.effect-G:before{clip-path:polygon(42% 0,100% 0,61% 37%,95% 37%,20% 100%,37% 52%,0 52%);background:#f3d37a;border:0;width:52px;height:150px;box-shadow:7px 7px #17243c}.effect-Am:before{background:#d9789b;border:0;width:160px;height:16px;box-shadow:0 28px #fff7d6,0 -28px #d9789b}.effect-Bdim:before{background:#4b2f62;border:12px double #f3d37a;border-radius:50%;width:160px;height:160px;box-shadow:0 0 0 9px #17243c,0 0 0 18px #d85b55}.hero-effect i{background:var(--accent);width:12px;height:12px;animation:.65s steps(6,end) forwards hero-spark;top:49%;left:32%}.hero-effect i:nth-child(2){margin:-55px 0 0 30px;animation-delay:60ms}.hero-effect i:nth-child(3){margin:48px 0 0 70px;animation-delay:.11s}.hero-effect i:nth-child(4){margin:-80px 0 0 145px;animation-delay:.17s}.hero-effect i:nth-child(5){margin:75px 0 0 190px;animation-delay:.21s}@keyframes hero-spark{to{opacity:0;transform:translate(38vw,-35px)rotate(360deg)scale(2.5)}}.effect-fire:before{background:#df6a62;border-radius:50%;box-shadow:0 0 0 7px #f3d37a,0 0 0 13px #17243c}.effect-shadow:before{background:#4b2f62;border-radius:50%;width:140px;height:90px;box-shadow:0 0 0 8px #b26ba2,0 0 0 14px #17243c}.effect-slash:before{background:#fff7d6;border:0;width:170px;height:20px;transform:rotate(-18deg);box-shadow:0 12px #c94f58,0 -12px #17243c}.enemy-effect i{background:#d85b55;width:14px;height:14px;animation:.68s steps(6,end) forwards enemy-spark;top:48%;right:32%}.enemy-effect i:nth-child(2){margin:-60px 40px 0 0;animation-delay:80ms}.enemy-effect i:nth-child(3){margin:60px 90px 0 0;animation-delay:.13s}.enemy-effect i:nth-child(4){margin:-75px 160px 0 0;animation-delay:.19s}@keyframes enemy-spark{to{opacity:0;transform:translate(-38vw,25px)rotate(-360deg)scale(2.5)}}.duel-tutorial{width:min(850px,76vw)}.duel-tutorial .tutorial-card{min-height:410px}.tutorial-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:30px 0 16px;display:grid}.tutorial-flow>div{background:#334766;border:4px solid #17243c;place-items:center;min-height:112px;padding:12px;display:grid}.tutorial-flow small{color:#f3d37a;font-weight:900}.tutorial-flow strong{color:#fff7d6;margin:6px 0;font-size:23px}.tutorial-flow span{color:#c1cec3;font-size:9px}.tutorial-flow>b{color:#f3d37a;font-size:22px}@media (height<=760px){.phase-battle .hero-sprite{width:270px;height:720px;bottom:8px}.phase-battle .boss-sprite{width:300px;height:800px;bottom:-20px}.duel-hud{padding:7px 10px;top:64px}.chord-challenge{transform-origin:top;min-height:270px;top:68px;transform:translate(-50%)scale(.86)}.battle-score,.detected-readout{top:146px}.duel-tutorial{transform:translate(-50%,-49%)scale(.78)}}.title-screen.has-levels{width:min(920px,73vw);padding:20px 25px 22px;top:78px;left:4%;transform:none}.title-screen.has-levels h1{margin:10px 0 5px;font-size:clamp(43px,5vw,72px);line-height:.78}.title-screen.has-levels .title-copy{margin:14px 0 12px;font-size:11px}.level-select{scrollbar-color:#f3d37a #17243c;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:232px;margin-bottom:14px;padding:3px;display:grid;overflow-y:auto}.mode-tabs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;display:grid}.mode-tabs button{color:#596375;letter-spacing:.08em;cursor:pointer;background:#e8e1c5;border:3px solid #17243c;padding:8px 10px;font-size:9px;font-weight:900}.mode-tabs button.selected{color:#17243c;background:#f3d37a;box-shadow:3px 3px #101a2c}.random-level-select{grid-template-columns:repeat(3,1fr);max-height:none}.random-level-select button{align-content:center;min-height:112px}.random-level-select button strong{margin:7px 0;font-size:13px}.level-select button{color:#fff7d6;text-align:left;cursor:pointer;background:#334766;border:3px solid #17243c;min-height:74px;padding:8px;display:grid;box-shadow:3px 3px #101a2c}.level-select button small{color:#f3d37a;letter-spacing:.12em;font-size:7px;font-weight:900}.level-select button strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:10px;overflow:hidden}.level-select button span{color:#b9c7bc;font-size:7px;line-height:1.3;overflow:hidden}.level-select button.selected{background:#4c75a3;border-color:#f3d37a;transform:translateY(-2px)}.level-select button.locked{color:#69758e;filter:grayscale();cursor:not-allowed;box-shadow:none;background:#29364d}.level-select button.locked small,.level-select button.locked span{color:#69758e}@media (height<=760px){.title-screen.has-levels{transform-origin:0 0;top:60px;transform:scale(.86)}}.phase-title .title-screen.has-levels{width:min(700px,67vw);padding:20px 22px 18px;top:72px;bottom:auto;left:4%;overflow:hidden;transform:none}.title-intro{margin-bottom:13px;display:block}.phase-title .title-screen.has-levels h1{letter-spacing:-.065em;white-space:nowrap;margin:9px 0 0;font-size:clamp(36px,4.1vw,58px);line-height:.9}.phase-title .title-screen.has-levels .title-copy{border-left:4px solid #f3d37a;margin:12px 0 0;padding-left:16px;font-size:10px;line-height:1.65}.course-select{gap:8px;display:grid}.world-select{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.world-select button{color:#263755;text-align:left;cursor:pointer;background:#e8e1c5;border:3px solid #17243c;grid-template-columns:1fr auto;gap:2px 6px;padding:8px 9px;display:grid;position:relative}.world-select button small{color:#69758e;grid-column:1/-1;font-size:7px;font-weight:900}.world-select button strong{font-size:10px}.world-select button span{color:#69758e;font-size:8px;font-weight:900}.world-select button.selected{color:#fff7d6;background:#4c75a3;border-color:#fff7d6;box-shadow:3px 3px #101a2c}.world-select button.selected small,.world-select button.selected span{color:#f3d37a}.course-select .level-select{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;margin:0 0 10px;padding:0;overflow:visible}.course-select .level-select button{min-height:88px}.phase-title .mode-tabs{margin-bottom:9px}.phase-title .mode-tabs button{min-height:36px;font-size:8px}.phase-title .title-actions{gap:9px}.phase-title .title-actions .primary-button{flex:1.35;min-width:0;min-height:54px}.phase-title .title-actions .midi-button{flex:.65;min-width:0}.phase-title .title-footer{margin-top:14px}.phase-title .hero-sprite{width:205px;height:390px;bottom:18px;right:17%}.phase-title .boss-sprite{width:230px;height:390px;bottom:18px;right:1%}.phase-tutorial .tutorial-screen{width:min(820px,100vw - 48px);top:72px;bottom:auto;overflow:auto;transform:translate(-50%)}.phase-tutorial .tutorial-card{min-height:0;padding:30px 34px 24px}.phase-tutorial .tutorial-card h2{margin:13px 0 8px;font-size:clamp(24px,3vw,34px)}.phase-tutorial .tutorial-flow{margin:20px 0 14px}.phase-tutorial .demo-chord{margin-top:16px}.phase-result .result-screen{width:min(680px,100vw - 48px);padding:30px}.phase-result .result-screen h2{margin-top:14px;font-size:clamp(44px,7vw,70px)}.phase-battle .hero-sprite{width:210px;height:380px;bottom:110px}.phase-battle .boss-sprite{width:235px;height:395px;bottom:110px}@media (width<=1000px){.phase-title .title-screen.has-levels{width:min(650px,66vw)}.phase-title .hero-sprite{display:none}.phase-title .boss-sprite{width:235px;right:1%}}@media (width<=900px),(height<=760px){.phase-title .title-screen.has-levels{width:64vw;padding:16px 18px;top:66px;bottom:auto;left:4%;overflow-y:auto}.title-intro{margin-bottom:10px;display:block}.phase-title .title-screen.has-levels h1{font-size:34px}.phase-title .title-screen.has-levels .title-copy{margin-top:10px;font-size:9px}.world-select button{padding:6px}.course-select .level-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.course-select .level-select button{min-height:60px}.course-select .level-select button:last-child{grid-column:1/-1}.phase-title .title-actions .primary-button,.phase-title .title-actions .midi-button{min-height:48px;padding:9px 11px}.phase-title .title-actions .primary-button{gap:8px;font-size:10px}.phase-title .title-actions .midi-button{font-size:8px}.phase-title .title-footer{margin-top:11px;font-size:7px}.phase-title .boss-sprite{width:220px;height:390px;bottom:20px;right:0}.phase-battle .hero-sprite{width:180px;height:330px;bottom:100px;left:3%}.phase-battle .boss-sprite{width:200px;height:345px;bottom:100px;right:3%}.duel-hud{width:220px;padding:7px 9px;top:66px}.hero-hud{left:14px}.enemy-hud{right:14px}.chord-challenge{transform-origin:top;width:236px;min-height:270px;padding:14px 15px;top:72px;transform:translate(-50%)scale(.82)}.battle-score,.detected-readout{top:153px}.piano-dock{height:78px}.phase-tutorial .tutorial-screen{top:64px;bottom:auto}.phase-tutorial .tutorial-card{padding:22px 24px 18px}.phase-tutorial .tutorial-flow>div{min-height:88px;padding:8px}}@font-face{font-family:ArkPixel12;src:url(/fonts/ArkPixel12-JA.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}html,body,button,input,.game-shell{-webkit-font-smoothing:none;text-rendering:optimizespeed;font-synthesis:none;font-family:ArkPixel12,Hiragino Kaku Gothic ProN,monospace}@keyframes enemy-defeat-dissolve{0%{opacity:1;filter:brightness();transform:translate(0)}8%{filter:brightness(1.3);transform:translate(-7px)}16%{transform:translate(8px)}24%{opacity:.92;filter:brightness(1.55)saturate(.75);transform:translate(-9px)}32%{opacity:.84;transform:translate(10px)}40%{opacity:.75;filter:brightness(1.8)saturate(.55);transform:translate(-9px)}48%{opacity:.64;transform:translate(8px)}58%{opacity:.52;filter:brightness(2)saturate(.35);transform:translate(-7px)}68%{opacity:.4;transform:translate(6px)}78%{opacity:.27;transform:translate(-5px)}88%{opacity:.13;filter:brightness(2.4)saturate(0);transform:translate(4px)}to{opacity:0;filter:brightness(2.8)saturate(0);transform:translate(0)}}.duel-hud{background:linear-gradient(135deg,#ffffff17 0 3px,#0000 3px) 0 0/8px 8px,linear-gradient(90deg,#7091b724,#0000 24% 76%,#7091b71f),linear-gradient(#263b5b,#111f36);border:2px solid #d8bd73;outline:4px solid #071020;padding:12px 16px 11px;position:absolute;overflow:visible;box-shadow:inset 0 0 0 3px #0a1528,inset 0 0 0 4px #e8c8733d,7px 8px #030812b8}.duel-hud:before{content:"";z-index:0;pointer-events:none;border-top:1px solid #ffefbe40;border-bottom:1px solid #030812cc;position:absolute;inset:6px}.duel-hud:after{content:"◆";z-index:2;color:#172a46;background:#d8bd73;border:2px solid #071020;place-items:center;width:18px;height:18px;font-size:7px;display:grid;position:absolute;top:-9px}.hero-hud:after{left:13px}.enemy-hud:after{right:13px}.duel-name,.duel-health,.duel-hud>b{z-index:1;position:relative}.duel-name span{color:#edd58d;text-shadow:2px 2px #071020}.duel-name strong{color:#fff3c9;text-shadow:2px 2px #071020}.duel-health{background:repeating-linear-gradient(90deg,#141d2e 0 14px,#1c283b 14px 16px);border:2px solid #d4c28d;outline:2px solid #071020;height:19px;padding:4px;overflow:hidden;box-shadow:inset 0 3px 5px #000000c7}.duel-health:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 13px,#050e1994 13px 15px);position:absolute;inset:4px}.duel-health i{background:linear-gradient(#ffffff61,#0000 38%),repeating-linear-gradient(90deg,#68d6a2 0 13px,#378a70 13px 15px);height:100%;box-shadow:0 0 9px #68d6a261}.enemy-hud .duel-health i{background:linear-gradient(#ffffff57,#0000 38%),repeating-linear-gradient(90deg,#e46f67 0 13px,#9f3545 13px 15px);box-shadow:0 0 9px #e4535b66}.duel-hud>b{color:#b9c7d4;text-shadow:1px 1px #071020}.chord-challenge{background:linear-gradient(135deg, #ffffff12 0 4px, transparent 4px) 0 0 / 9px 9px, radial-gradient(circle at 50% 44%, var(--challenge), transparent 56%), linear-gradient(180deg, #223857, #0d1a30);border:2px solid #e0c77f;outline:5px solid #071020;padding:20px 22px 17px;overflow:visible}@supports (color:color-mix(in lab, red, red)){.chord-challenge{background:linear-gradient(135deg, #ffffff12 0 4px, transparent 4px) 0 0 / 9px 9px, radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--challenge) 10%, transparent), transparent 56%), linear-gradient(180deg, #223857, #0d1a30)}}.chord-challenge{box-shadow:inset 0 0 0 4px #091426,inset 0 0 0 5px #e0c77f4d,10px 11px #030710b3}.chord-challenge:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#e0c77f 0 12px,#0000 12px) 0 0/28px 2px no-repeat,linear-gradient(#e0c77f 0 12px,#0000 12px) 0 0/2px 28px no-repeat,linear-gradient(-90deg,#e0c77f 0 12px,#0000 12px) 100% 0/28px 2px no-repeat,linear-gradient(#e0c77f 0 12px,#0000 12px) 100% 0/2px 28px no-repeat,linear-gradient(90deg,#e0c77f 0 12px,#0000 12px) 0 100%/28px 2px no-repeat,linear-gradient(0deg,#e0c77f 0 12px,#0000 12px) 0 100%/2px 28px no-repeat,linear-gradient(-90deg,#e0c77f 0 12px,#0000 12px) 100% 100%/28px 2px no-repeat,linear-gradient(0deg,#e0c77f 0 12px,#0000 12px) 100% 100%/2px 28px no-repeat;border:1px solid #efd89747;position:absolute;inset:8px}.chord-challenge:after{content:"◇";z-index:2;color:#152744;background:#d9bd70;border:2px solid #071020;place-items:center;width:28px;height:24px;font-size:11px;display:grid;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.chord-challenge>*{z-index:1;position:relative}.chord-challenge.status-prompt{box-shadow:inset 0 0 0 4px #091426, inset 0 -7px 0 var(--challenge), 10px 11px 0 #030710b3}@supports (color:color-mix(in lab, red, red)){.chord-challenge.status-prompt{box-shadow:inset 0 0 0 4px #091426, inset 0 -7px 0 color-mix(in srgb, var(--challenge) 78%, #1b2b43), 10px 11px 0 #030710b3}}.chord-challenge.status-hero{background:linear-gradient(135deg,#ffffff12 0 4px,#0000 4px) 0 0/9px 9px,linear-gradient(#255748,#102d2b)}.chord-challenge.status-enemy{background:linear-gradient(135deg,#ffffff12 0 4px,#0000 4px) 0 0/9px 9px,linear-gradient(#743848,#371828)}.challenge-top{color:#b9c7d6;background:#050d1b80;border-bottom:1px solid #e0c77f61;margin:-6px 1px 0;padding:6px 8px}.challenge-label{color:var(--challenge)}@supports (color:color-mix(in lab, red, red)){.challenge-label{color:color-mix(in srgb, var(--challenge) 78%, #fff0bd)}}.challenge-label{text-shadow:2px 2px #071020}.challenge-chord{color:#fff0bd;letter-spacing:0;text-shadow:3px 0 #071020,0 3px #071020,3px 3px #071020}.challenge-keys kbd{background:linear-gradient(180deg, #ffffff52, transparent 40%), var(--challenge);border:2px solid #071020;outline:1px solid #e8d394;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.challenge-keys kbd{background:linear-gradient(180deg, #ffffff52, transparent 40%), color-mix(in srgb, var(--challenge) 72%, #243a57)}}.challenge-keys kbd{color:#071020;box-shadow:inset 0 -5px #050e1b61,3px 3px #030812b3}.countdown-ring{background:conic-gradient(var(--challenge) var(--timer), #27344a 0);border:2px solid #ead593;outline:3px solid #071020;box-shadow:inset 0 0 0 4px #050d1b8c,4px 4px #030812b8}.countdown-ring:after{background:linear-gradient(135deg,#ffffff0d 25%,#0000 25%) 0 0/6px 6px,#14243c;border:1px solid #ead59359;inset:9px}.challenge-message{color:#d8dfdb;text-shadow:2px 2px #071020}.title-landing{padding-top:clamp(46px,6.5vh,72px)}.title-emblem{background:linear-gradient(135deg,#ffffff12 0 5px,#0000 5px) 0 0/11px 11px,linear-gradient(#1c2e4ce6,#07101fe6);border:3px solid #e8c87361;width:184px;height:184px;top:36px;box-shadow:0 0 0 7px #070f1edb,0 0 0 10px #e8c8732b,16px 18px #03081247}.title-emblem:before{border:2px solid #f6e5ad47;inset:15px}.title-emblem:after{background:#0c1b32;border:1px solid #e8c87357;inset:37px;box-shadow:inset 0 0 0 5px #37517438}.title-emblem span{color:#ead28b;text-shadow:3px 3px #071020;flex-direction:column;gap:1px;line-height:1;display:flex}.title-emblem span i{font-size:26px;font-style:normal}.title-emblem span b{letter-spacing:.08em;font-size:20px}.title-logo{filter:drop-shadow(8px 10px #03081257);background:linear-gradient(90deg,#0000,#070f1ee0 12%,#070f1ef0 50%,#070f1ee0 88%,#0000);min-width:min(720px,68vw);padding:13px 44px 16px}.title-kicker{color:#f0d68e;text-shadow:2px 2px #071020;font-size:9px}.title-kicker:before,.title-kicker:after{height:2px;box-shadow:none;background:repeating-linear-gradient(90deg,#e4c779 0 9px,#0000 9px 13px)}.title-logo h1{letter-spacing:.035em;gap:0;margin:9px 0 3px;line-height:.82;position:relative}.title-logo h1 strong{color:#e5bd5f;letter-spacing:.015em;text-shadow:5px 0 #071020,-5px 0 #071020,0 5px #071020,0 -5px #071020,8px 9px #7d422f;font-size:clamp(62px,7.8vw,108px)}.title-logo-rule{color:#e8c873;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:min(430px,62vw);margin:11px auto 0;display:grid}.title-logo-rule i{filter:drop-shadow(2px 2px #071020);background:repeating-linear-gradient(90deg,#e8c873 0 14px,#0000 14px 19px);height:3px}.title-logo-rule b{text-shadow:2px 2px #071020;font-size:10px}.title-command{width:min(410px,43vw);bottom:48px}.phase-title:has(.title-landing) .adventure-button{color:#fff1c7;background:linear-gradient(135deg,#ffffff14 0 4px,#0000 4px) 0 0/9px 9px,linear-gradient(#263f63,#101f38);border:2px solid #e6cf8b;outline:5px solid #071020;min-height:92px;padding:16px 74px 15px 28px;box-shadow:inset 0 0 0 4px #060e1bc7,inset 0 0 0 5px #e8c8733d,9px 10px #030812ad}.phase-title:has(.title-landing) .adventure-button:before{width:4px;box-shadow:none;background:repeating-linear-gradient(#e8c873 0 7px,#0000 7px 11px);top:10px;bottom:10px;left:10px}.phase-title:has(.title-landing) .adventure-button:after{content:"◆";color:#13243e;width:49px;height:calc(100% - 26px);text-shadow:none;background:linear-gradient(135deg,#ffffff4d,#0000 42%),#c19a49;border:2px solid #071020;outline:1px solid #e7cf87;font-size:15px;top:13px;right:15px;box-shadow:inset 0 0 0 3px #4e2f0d33,3px 3px #0308128c}.phase-title:has(.title-landing) .adventure-button small{color:#d7bd77;font-size:7px}.phase-title:has(.title-landing) .adventure-button strong{color:#fff1c7;text-shadow:2px 2px #071020;margin:4px 0;font-size:21px}.phase-title:has(.title-landing) .adventure-button span{color:#aab9c9}.phase-title:has(.title-landing) .adventure-button:hover{background:linear-gradient(135deg,#ffffff1a 0 4px,#0000 4px) 0 0/9px 9px,linear-gradient(#315177,#172c49);border-color:#fff0b5;transform:translate(-2px,-3px);box-shadow:inset 0 0 0 4px #060e1bc7,inset 0 0 0 5px #f6e5ad4d,12px 14px #03081294}.phase-title:has(.title-landing) .title-subcommands button{color:#d8c68e;background:repeating-linear-gradient(135deg,#ffffff06 0 4px,#0000 4px 8px),#101d33;border:2px solid #17233a;outline:1px solid #dec57e94;min-height:38px;box-shadow:4px 5px #0308128c}.title-stage-select{background:linear-gradient(135deg,#ffffff0b 0 4px,#0000 4px) 0 0/10px 10px,linear-gradient(#1d2f4bfa,#081223fc);border:3px solid #d8c079;outline:6px solid #071020;box-shadow:inset 0 0 0 5px #070f1ed1,inset 0 0 0 6px #e8c87333,0 30px 80px #000000a6}.title-stage-select:before,.title-stage-select:after{border-width:4px;width:38px;height:38px}.title-stage-select .mode-tabs{background:repeating-linear-gradient(90deg,#ffffff06 0 5px,#0000 5px 10px),#0b182c;border:2px solid #071020;outline:1px solid #dec57e6b;padding:5px}.title-stage-select .mode-tabs button{color:#718096;background:#101f37;border-right:1px solid #e2c9812e}.world-map-layout{gap:15px}.world-map-tabs{background:linear-gradient(90deg,#e8c8730d,#0000),#0a172a;border:2px solid #071020;outline:1px solid #dec57e6b;gap:10px;padding:8px}.world-map-tabs button{color:#7f8da0;background:linear-gradient(135deg,#ffffff09 0 4px,#0000 4px) 0 0/8px 8px,#13243e;border:2px solid #111f36;outline:1px solid #8394ae3d;padding:9px;position:relative;box-shadow:4px 4px #0308128f}.world-map-tabs button>i{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:#1d3555;border:2px solid #071020;outline:1px solid #d8bd73;transform:none;box-shadow:inset 0 0 0 3px #e8c8731c}.world-map-tabs button>i>em{transform:none}.world-map-tabs button:hover,.world-map-tabs button.selected{background:linear-gradient(90deg,#e8c87333,#0000 72%),#1a304e;border-color:#d8bd73;outline-color:#071020;transform:translate(4px)}.world-map-board{background:linear-gradient(180deg, #040a1717, #040a178f), var(--map-bg) center / cover;border:4px solid #071020;outline:2px solid #dbc57f;box-shadow:inset 0 0 0 5px #dfc67e33,inset 0 -80px 90px #030812bd,8px 9px #03081294}.world-map-board:after{content:"";z-index:9;pointer-events:none;border:1px solid #f6e5ad57;position:absolute;inset:8px}.map-region-title{border:2px solid #071020;border-left:5px solid var(--map-accent);background:linear-gradient(90deg, var(--map-accent), #0b172a);outline:1px solid #e7d19185}@supports (color:color-mix(in lab, red, red)){.map-region-title{background:linear-gradient(90deg, color-mix(in srgb, var(--map-accent) 16%, #0b172a), #0b172a)}}.map-region-title{box-shadow:5px 6px #030812a6}.map-path{filter:drop-shadow(2px 2px #071020);background:repeating-linear-gradient(90deg,#f1d88d 0 7px,#8e713a 7px 10px,#0000 10px 16px);height:6px}.map-node>span{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:linear-gradient(135deg,#ffffff38,#0000 42%),#28466b;border:3px solid #071020;outline:2px solid #e0c77c;transform:none;box-shadow:inset 0 0 0 4px #07102073,5px 6px #03081280}.map-node>span>em{transform:none}.map-node.selected>span{background:linear-gradient(135deg, #ffffff4d, transparent 42%), var(--map-accent);border-color:#071020;outline-color:#fff0b2}@supports (color:color-mix(in lab, red, red)){.map-node.selected>span{background:linear-gradient(135deg, #ffffff4d, transparent 42%), color-mix(in srgb, var(--map-accent) 62%, #253d5f)}}.map-node.selected>span{animation:.78s steps(2,end) infinite map-rune-pulse}.map-node.boss-node>span{background:linear-gradient(135deg,#fff3,#0000 42%),#6f293a;border-color:#160b17;outline-color:#ef8c83}@keyframes map-rune-pulse{50%{filter:brightness(1.32);transform:translateY(-3px)}}.map-node>strong{background:#0a1729;border:1px solid #e2ca8573;padding:5px 8px;box-shadow:3px 4px #03081299}.map-stage-detail{border:2px solid #071020;border-right:5px solid var(--map-accent);background:linear-gradient(90deg,#ffffff09,#0000),#0b182c;outline:1px solid #e8d3968c;box-shadow:6px 7px #02060ea8}.stage-start-row{gap:17px}.selected-stage-copy{border:2px solid #071020;border-left:6px solid var(--ui-gold);background:linear-gradient(90deg,#e8c8731a,#0000 42%),repeating-linear-gradient(135deg,#ffffff05 0 5px,#0000 5px 10px),#0a172a;outline:1px solid #e7d08d6b;box-shadow:5px 6px #03081285}.stage-start-row .primary-button{color:#101d31;background:linear-gradient(135deg,#ffffff42,#0000 40%),linear-gradient(#c6a453,#8f682a);border:2px solid #071020;outline:2px solid #ead18a;box-shadow:inset 0 0 0 4px #603b0f29,6px 7px #0308129e}.stage-start-row .primary-button:hover{background:linear-gradient(135deg,#ffffff57,#0000 40%),linear-gradient(#e5c66f,#a77d34);transform:translateY(-3px);box-shadow:inset 0 0 0 4px #603b0f29,8px 10px #0308128f}@media (width<=900px),(height<=760px){.title-logo{min-width:min(610px,70vw);padding:10px 34px 12px}.title-emblem{width:142px;height:142px;top:27px}.title-command{bottom:30px}}.phase-battle .fantasy-backdrop{background-color:#0b1a28;background-image:linear-gradient(180deg, #03071214, #0307121f 45%, #0307127a), var(--world-bg), linear-gradient(180deg, #17344a, #07121c 72%, #03080d);background-position:50%;background-size:cover;animation:14s ease-in-out infinite alternate arena-breathe}@keyframes arena-breathe{0%{filter:saturate(.94)brightness(.92);transform:scale(1.01)}to{filter:saturate(1.08)brightness(1.02);transform:scale(1.045)}}.phase-battle:after{content:"";z-index:45;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.phase-battle.impact-hero:after{animation:.18s steps(2,end) world-hit-flash}.phase-battle.impact-enemy:after{background:#ff385d;animation:.24s steps(2,end) world-hit-flash}.phase-battle.impact-break:after{background:var(--world-accent);animation:.52s ease-out boss-break-flash}@keyframes world-hit-flash{0%,45%{opacity:.46}46%,to{opacity:0}}@keyframes boss-break-flash{0%{opacity:.75}22%{opacity:.08}38%{opacity:.62}to{opacity:0}}.phase-battle .hero-sprite{z-index:6;width:clamp(150px,16vw,220px);height:min(46vh,390px);bottom:86px;left:5%}.enemy-sprite-stage{z-index:6;pointer-events:none;filter:drop-shadow(14px 18px 3px #02050f8c);justify-content:center;align-items:flex-end;width:clamp(190px,22vw,320px);height:min(49vh,430px);display:flex;position:absolute;bottom:85px;right:4.5%}.enemy-sprite-stage.wave-0{width:clamp(150px,18vw,245px);height:min(40vh,340px)}.enemy-sprite-stage.wave-1{width:clamp(175px,20vw,275px);height:min(44vh,380px)}.enemy-sprite-stage.wave-2{width:clamp(225px,26vw,370px);height:min(54vh,480px)}.phase-battle .enemy-sprite-stage .boss-sprite{object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;transform-origin:bottom;background:0 0;animation:1.4s steps(2,end) infinite enemy-modern-idle;display:block;position:relative;inset:auto}.phase-battle .enemy-sprite-stage .boss-sprite.motion-cast{background:0 0;animation:.76s cubic-bezier(.2,.75,.3,1) enemy-modern-cast}.phase-battle .enemy-sprite-stage .boss-sprite.motion-hurt{background:0 0;animation:.5s steps(4,end) enemy-modern-hurt}@keyframes enemy-modern-idle{50%{transform:translateY(-5px)scale(1.006)}}@keyframes enemy-modern-cast{32%{filter:brightness(1.35) drop-shadow(0 0 22px var(--world-accent));transform:translate(-15px,-12px)scale(1.06)}64%{transform:translate(-28px,1px)scale(1.02)}}@keyframes enemy-modern-hurt{20%{filter:brightness(2)saturate(.2);transform:translate(18px)}40%{opacity:.35;transform:translate(-7px)}70%{opacity:1;transform:translate(9px)}}@keyframes enemy-modern-break{0%{filter:brightness();opacity:1;transform:scale(1)}18%{filter:brightness(2.4)saturate(.2);transform:scale(1.12)}42%{filter:brightness(1.7) drop-shadow(0 0 35px var(--world-accent));transform:scale(.97)rotate(-3deg)}to{filter:brightness(4)blur(6px);opacity:0;transform:translateY(-35px)scale(1.45)}}.wave-progress{z-index:22;gap:7px;display:flex;position:absolute;top:73px;left:50%;transform:translate(-50%)}.wave-progress>div{color:#7e8a9d;letter-spacing:.12em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070e1ccc;border:1px solid #e8c8733d;align-items:center;gap:6px;min-width:80px;height:29px;padding:0 9px 0 5px;font-size:7px;font-weight:1000;display:flex}.wave-progress i{border:1px solid;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.wave-progress .active{border-color:var(--world-accent);color:var(--world-accent);box-shadow:inset 0 0 16px var(--world-accent)}@supports (color:color-mix(in lab, red, red)){.wave-progress .active{box-shadow:inset 0 0 16px color-mix(in srgb,var(--world-accent) 12%,transparent)}}.wave-progress .cleared{color:#68e8b0;border-color:#68e8b05c}.wave-progress .boss i{transform:rotate(45deg)}.wave-progress .boss i:first-letter{transform:rotate(-45deg)}.phase-battle .duel-hud{top:76px}.phase-battle .chord-challenge{top:112px}.phase-battle .battle-score,.phase-battle .detected-readout{top:184px}.wave-transition{z-index:60;border:2px solid var(--world-accent);background:linear-gradient(90deg, transparent, var(--world-accent), transparent), #050b18f0;outline:7px solid #050a16e0;width:min(560px,78vw);padding:25px 35px;display:grid;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.wave-transition{background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--world-accent) 14%,#0b1629), transparent), #050b18f0}}.wave-transition{text-align:center;box-shadow:0 0 75px var(--world-accent)}@supports (color:color-mix(in lab, red, red)){.wave-transition{box-shadow:0 0 75px color-mix(in srgb,var(--world-accent) 35%,transparent)}}.wave-transition{animation:1.35s cubic-bezier(.18,.8,.3,1) both wave-banner}.wave-transition small{color:var(--world-accent);letter-spacing:.2em;font-size:8px;font-weight:1000}.wave-transition strong{color:#fff5d5;text-shadow:4px 5px #071020;margin:5px 0;font-size:clamp(30px,5vw,58px);line-height:1}.wave-transition span{color:#aab5c8;font-size:9px;font-weight:900}@keyframes wave-banner{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.2)}18%,74%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}.loading-screen{z-index:1000;color:#fff2c6;background:radial-gradient(circle,#24385c99,#0000 36%),#050b18;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.loading-rune{border:2px solid var(--ui-gold);width:74px;height:74px;color:var(--ui-gold-soft);place-items:center;margin-bottom:18px;font-size:18px;font-weight:1000;animation:1.5s ease-in-out infinite loading-rune;display:grid;transform:rotate(45deg)}.loading-screen>strong{letter-spacing:.18em;font-size:18px}.loading-screen>span{color:#8695aa;margin:9px 0 18px;font-size:9px}.loading-screen>i{background:#18243a;width:230px;height:3px;overflow:hidden}.loading-screen>i:after{content:"";background:linear-gradient(90deg,transparent,var(--ui-gold),transparent);width:45%;height:100%;animation:1s ease-in-out infinite loading-bar;display:block}@keyframes loading-rune{50%{transform:rotate(225deg)scale(1.08);box-shadow:0 0 38px #e8c87340}}@keyframes loading-bar{to{transform:translate(225%)}}.save-indicator{z-index:90;color:#68e8b0;letter-spacing:.18em;background:#040e18eb;border:1px solid #68e8b080;align-items:center;gap:7px;padding:8px 12px;font-size:8px;font-weight:1000;animation:1.4s both save-pop;display:flex;position:fixed;bottom:102px;right:24px}.save-indicator i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}@keyframes save-pop{0%,to{opacity:0;transform:translateY(8px)}18%,80%{opacity:1;transform:none}}.game-notice{z-index:100;color:#f7e9bd;background:#0d1627f7;border:1px solid #e4bd68;justify-content:space-between;align-items:center;gap:18px;width:min(620px,100vw - 40px);padding:12px 14px 12px 17px;font-size:9px;line-height:1.5;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #00000075}.game-notice button{cursor:pointer;background:#1d2d49;border:1px solid #e8c87373;padding:7px 10px;font-size:8px}.settings-panel{width:320px;max-height:calc(100vh - 86px);overflow:auto}.settings-panel label+label{margin-top:15px}.key-layout-setting{color:#93a8bb;margin-top:17px;font-size:10px}.key-layout-setting>span{margin-bottom:7px;display:block}.key-layout-setting>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.key-layout-setting button{color:#8290a5;cursor:pointer;background:#111e35;border:1px solid #e8c87340;min-height:34px;font-size:8px;font-weight:900}.key-layout-setting button.selected{border-color:var(--ui-gold);color:var(--ui-gold-soft);background:#263858}.settings-achievements{background:#040a1680;border:1px solid #e8c87333;gap:6px;margin-top:16px;padding:11px;display:grid}.settings-achievements span{color:var(--ui-gold);letter-spacing:.12em;font-size:8px;font-weight:1000}.settings-achievements strong{color:#929fb2;font-size:8px;line-height:1.6}.effect-family-major:before{background:linear-gradient(90deg,#fff6c8,var(--world-accent));width:112px;height:30px;box-shadow:0 0 0 5px #17243c, 0 0 30px var(--world-accent);border-width:5px}.effect-family-minor:before{background:repeating-linear-gradient(90deg,#eef2ff 0 19px,#8f74db 19px 30px,#0000 30px 39px);border:0;width:135px;height:22px;transform:skew(-24deg);box-shadow:0 24px #a770e5b3,0 -24px #5edcff8c}.effect-family-seventh:before{background:conic-gradient(from 45deg,var(--world-accent),#9d76ff,var(--world-accent));width:95px;height:95px;box-shadow:0 0 0 6px #17243c, 0 0 38px var(--world-accent);border:7px double #fff0b1;border-radius:50%}.effect-family-color:before{clip-path:polygon(50% 0,92% 26%,82% 78%,50% 100%,18% 78%,8% 26%);background:conic-gradient(#58f7ff,#ff5cca,#ffe87e,#58f7ff);border:5px solid #fff;width:110px;height:110px;box-shadow:0 0 36px #ff72da}.effect-family-jazz:before{background:radial-gradient(circle at 22%,#fff3b0 0 6%,#0000 7%),repeating-radial-gradient(#f3c85c 0 5px,#5c398d 7px 12px,#0a1730 14px 20px);border:0;border-radius:50%;width:160px;height:76px;box-shadow:0 0 0 5px #17243c,0 0 42px #f3c85c}.phase-battle:has(.pause-overlay) .enemy-sprite-stage{filter:blur(2px)saturate(.5)brightness(.58)}.phase-battle:has(.pause-overlay) .settings-panel{z-index:110}.phase-battle:has(.pause-overlay) .pause-actions{grid-template-columns:repeat(2,1fr)}@media (width<=900px),(height<=760px){.wave-progress{top:57px;transform:translate(-50%)scale(.72)}.phase-battle .chord-challenge{top:104px}}.dev-build-badge{z-index:130;color:#ffd66d;letter-spacing:.16em;pointer-events:none;background:#231207e0;border:1px solid #ffcd5c99;padding:5px 10px;font-size:7px;font-weight:1000;position:fixed;top:7px;left:50%;transform:translate(-50%)}.dev-success-button{z-index:35;color:#fff0b8;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#ffffff14,#0000 38%),linear-gradient(#654b18,#2d210e);border:1px solid #ffd66d;outline:4px solid #060c18e6;min-width:230px;min-height:56px;padding:8px 18px;display:grid;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #ffd66d1f,0 8px 26px #0006}.dev-success-button small{color:#ffcb57;letter-spacing:.22em;font-size:6px;font-weight:1000}.dev-success-button strong{margin:2px 0;font-size:11px}.dev-success-button span{color:#baa56d;letter-spacing:.15em;font-size:6px;font-weight:900}.dev-success-button:hover:not(:disabled){filter:brightness(1.18);transform:translate(-50%)translateY(-2px)}.dev-success-button:disabled{opacity:.35;cursor:not-allowed}@media (height<=760px){.dev-success-button{min-width:205px;min-height:45px;padding:5px 13px;bottom:77px}}.title-stage-select .level-select button{position:relative}.title-stage-select .level-select button em{color:var(--ui-gold);letter-spacing:.08em;font-size:9px;font-style:normal;position:absolute;top:8px;right:10px}.result-stars{justify-content:center;gap:8px;margin-top:15px;display:flex}.result-stars span{color:#364154;text-shadow:2px 3px #071020;font-size:32px}.result-stars span.earned{color:var(--ui-gold-soft);filter:drop-shadow(0 0 10px #e8c87366);animation:.52s cubic-bezier(.2,1.7,.4,1) both star-earned}.result-stars span:nth-child(2){animation-delay:.1s}.result-stars span:nth-child(3){animation-delay:.2s}@keyframes star-earned{0%{opacity:0;transform:scale(.2)rotate(-70deg)}}.result-learning{gap:8px;margin-top:12px;display:grid}.result-learning>div{background:#060d1b8c;border:1px solid #e8c87333;justify-content:space-between;align-items:center;min-height:40px;padding:9px 13px;display:flex}.result-learning span{color:#8390a5;letter-spacing:.12em;font-size:8px;font-weight:900}.result-learning strong{color:#fff1c7;font-size:10px}.achievement-unlocked{box-shadow:inset 0 0 25px #e8c87314;border-color:#e8c873a6!important}.achievement-unlocked span{color:var(--ui-gold)!important}.phase-result .result-screen{width:min(700px,86vw);max-height:calc(100vh - 92px);padding:24px 32px;overflow:auto}.phase-result .result-screen h2{margin-top:9px}.phase-result .result-score{margin:16px 0 15px}.phase-result .result-actions{margin-top:14px}@media (width<=900px),(height<=760px){.wave-progress{transform-origin:top;top:58px;transform:translate(-50%)scale(.82)}.phase-battle .duel-hud{top:62px}.phase-battle .chord-challenge{top:94px}.phase-battle .hero-sprite{width:155px;height:300px;bottom:72px;left:2%}.enemy-sprite-stage{bottom:70px;right:2%}.enemy-sprite-stage.wave-0{width:160px;height:270px}.enemy-sprite-stage.wave-1{width:180px;height:300px}.enemy-sprite-stage.wave-2{width:230px;height:350px}.phase-battle .battle-score,.phase-battle .detected-readout{top:143px}.result-stars span{font-size:25px}}.phase-title:has(.title-landing) .fantasy-backdrop{background-image:linear-gradient(90deg,#050a1838,#0000 48%,#050a1814),url(/game-assets/title-sanctum.webp);background-position:50%}.phase-title:has(.title-landing):after{background:radial-gradient(circle at 69% 47%,#0000 0 18%,#0408141f 50%,#0408148f 100%),linear-gradient(90deg,#040814b8,#04081429 46%,#0000 76%),linear-gradient(#0000 58%,#04081494)}.phase-title:has(.title-landing) .topbar{background:linear-gradient(#080f1feb,#080f1f47);border-bottom-color:#f3d37a57;height:58px}.phase-title:has(.title-landing) .brand{visibility:hidden}.phase-title:has(.title-landing) .sprite{display:none}.phase-title:has(.title-landing) .title-landing{padding:0;display:block;inset:58px 0 0}.phase-title:has(.title-landing) .title-emblem{opacity:.38;width:235px;height:235px;top:12%;left:16.5%}.phase-title:has(.title-landing) .title-logo{text-align:left;width:min(560px,45vw);position:absolute;top:12%;left:6%}.phase-title:has(.title-landing) .title-kicker{justify-content:flex-start}.phase-title:has(.title-landing) .title-kicker:after{display:none}.phase-title:has(.title-landing) .title-logo h1{justify-items:start;margin-top:20px}.phase-title:has(.title-landing) .title-logo h1 span{font-size:clamp(62px,6.8vw,102px)}.phase-title:has(.title-landing) .title-logo h1 strong{font-size:clamp(69px,7.6vw,116px)}.phase-title:has(.title-landing) .title-logo p{text-align:left;padding-left:5px;font-size:14px}.phase-title:has(.title-landing) .title-command{width:min(390px,38vw);bottom:8%;left:6%;transform:none}.phase-title:has(.title-landing) .adventure-button{color:#fff7d6;background:#1c2a44f0;border-color:#0d172a;outline-color:#f3d37a;min-height:92px;box-shadow:10px 10px #050a18a6}.phase-title:has(.title-landing) .adventure-button:before{content:"";background:#f3d37a;width:7px;position:absolute;top:12px;bottom:12px;left:0}.phase-title:has(.title-landing) .adventure-button:after{color:#17243c;text-shadow:none;background:#f3d37a}.phase-title:has(.title-landing) .adventure-button small{color:#f3d37a}.phase-title:has(.title-landing) .adventure-button:hover{background:#334766}.phase-title:has(.title-landing) .title-subcommands button{background:#0d172adb;border-color:#f3d37a7a}.phase-title:has(.title-landing) .landing-status{background:#080f1fb8;padding:8px 11px;bottom:22px;right:28px}@media (width<=900px),(height<=760px){.phase-title:has(.title-landing) .fantasy-backdrop{background-position:58%}.phase-title:has(.title-landing):after{background:linear-gradient(#04081424,#0408140a 48%,#040814ad),radial-gradient(circle,#0000 24%,#04081466)}.phase-title:has(.title-landing) .title-emblem{width:190px;height:190px;top:6%;left:50%}.phase-title:has(.title-landing) .title-logo{text-align:center;width:min(560px,88vw);top:6%;left:50%;transform:translate(-50%)}.phase-title:has(.title-landing) .title-kicker{justify-content:center}.phase-title:has(.title-landing) .title-kicker:after{display:block}.phase-title:has(.title-landing) .title-logo h1{justify-items:center}.phase-title:has(.title-landing) .title-logo h1 span{font-size:52px}.phase-title:has(.title-landing) .title-logo h1 strong{font-size:60px}.phase-title:has(.title-landing) .title-logo p{text-align:center;padding:0}.phase-title:has(.title-landing) .title-command{width:min(350px,72vw);bottom:8%;left:50%;transform:translate(-50%)}.phase-title:has(.title-landing) .landing-status{padding:5px 7px;bottom:10px;right:12px}}.phase-title:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 28%,#fff7d614,#0000 32%),linear-gradient(90deg,#09111f7a,#0000 30% 70%,#09111f7a),linear-gradient(#0000 56%,#09111f9e);position:absolute;inset:52px 0 0}.title-landing{z-index:12;pointer-events:none;align-content:start;justify-items:center;padding-top:clamp(55px,8vh,92px);display:grid;position:absolute;inset:52px 0 0}.title-emblem{border:4px solid #f3d37a1f;width:270px;height:270px;position:absolute;top:28px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 0 18px #17243c24,0 0 0 22px #f3d37a12}.title-emblem:before,.title-emblem:after{content:"";border:2px solid #fff7d614;position:absolute;inset:32px}.title-emblem:after{background:#17243c38;inset:74px}.title-emblem span{z-index:1;color:#f3d37a1f;place-items:center;font-size:66px;font-weight:1000;display:grid;position:absolute;inset:0;transform:rotate(-45deg)}.title-logo{z-index:2;text-align:center;position:relative}.title-kicker{color:#f3d37a;letter-spacing:.34em;justify-content:center;align-items:center;gap:14px;font-size:10px;font-weight:900;display:flex}.title-kicker:before,.title-kicker:after{content:"";background:#f3d37a;width:58px;height:3px;box-shadow:0 4px #17243c}.title-logo h1{letter-spacing:-.075em;margin:16px 0 6px;line-height:.72;display:grid}.title-logo h1 span{color:#fff7d6;text-shadow:5px 0 #17243c,-5px 0 #17243c,0 5px #17243c,0 -5px #17243c;font-size:clamp(66px,8.2vw,118px)}.title-logo h1 strong{color:#f3d37a;text-shadow:6px 0 #17243c,-6px 0 #17243c,0 6px #17243c,0 -6px #17243c;font-size:clamp(74px,9.4vw,136px)}.title-logo p{color:#fff7d6;letter-spacing:.32em;text-shadow:3px 3px #17243c;margin:23px 0 0;font-size:15px;font-weight:900}.title-command{z-index:4;pointer-events:auto;width:min(430px,44vw);position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.adventure-button{color:#17243c;text-align:left;cursor:pointer;background:#f3d37a;border:5px solid #17243c;outline:4px solid #fff7d6;width:100%;min-height:88px;padding:15px 62px 14px 22px;display:grid;position:relative;box-shadow:9px 9px #17243c9e}.adventure-button:after{content:"▶";color:#fff7d6;text-shadow:3px 3px #17243c;background:#c45f63;border-left:4px solid #17243c;place-items:center;width:48px;height:100%;font-size:17px;display:grid;position:absolute;top:0;right:0}.adventure-button small{letter-spacing:.14em;font-size:8px;font-weight:900}.adventure-button strong{margin:3px 0;font-size:22px}.adventure-button span{font-size:9px;font-weight:900}.adventure-button:hover{background:#fff7d6;transform:translate(4px,4px);box-shadow:5px 5px #17243c9e}.title-subcommands{grid-template-columns:1fr;gap:8px;margin-top:13px;display:grid}.title-subcommands button{color:#fff7d6;letter-spacing:.12em;cursor:pointer;background:#263755eb;border:3px solid #17243c;min-height:36px;font-size:8px;font-weight:900;box-shadow:3px 3px #17243c8c}.title-subcommands button:hover{color:#f3d37a;border-color:#fff7d6}.landing-status{color:#d8dfd4;letter-spacing:.12em;align-items:center;gap:12px;font-size:8px;font-weight:900;display:flex;position:absolute;bottom:18px;right:24px}.landing-status b{color:#f3d37a}.landing-status i{background:#f3d37a;width:3px;height:14px}.phase-title .title-landing~.scanlines{opacity:.08}.phase-title:has(.title-landing) .hero-sprite{opacity:1;width:250px;height:440px;display:block;bottom:24px;left:5%;right:auto}.phase-title:has(.title-landing) .boss-sprite{opacity:1;width:295px;height:450px;display:block;bottom:24px;right:4%}.title-stage-select{z-index:14;background:#263755f7;border:5px solid #fff7d6;outline:5px solid #17243c;width:min(980px,100vw - 64px);padding:24px 26px 26px;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:14px 14px #17243cb8}.stage-select-header{grid-template-columns:120px 1fr 120px;align-items:center;gap:18px;margin-bottom:16px;display:grid}.stage-select-header>div:nth-child(2){text-align:center}.stage-select-header small,.stage-progress span,.selected-stage-copy small{color:#f3d37a;letter-spacing:.16em;font-size:8px;font-weight:900}.stage-select-header h2{color:#fff7d6;margin:4px 0 0;font-size:26px}.stage-back{color:#fff7d6;cursor:pointer;background:#334766;border:3px solid #17243c;min-height:34px;font-size:8px;font-weight:900}.stage-progress{text-align:right;display:grid}.stage-progress strong{color:#fff7d6;font-size:16px}.title-stage-select .course-select .level-select button{min-height:112px}.stage-start-row{grid-template-columns:1fr 290px;align-items:stretch;gap:12px;margin-top:13px;display:grid}.selected-stage-copy{background:#334766;border-left:7px solid #f3d37a;align-content:center;padding:12px 16px;display:grid}.selected-stage-copy strong{color:#fff7d6;margin:3px 0;font-size:13px}.selected-stage-copy span{color:#c1cec3;font-size:9px}.stage-start-row .primary-button{background:#f3d37a;justify-content:center;min-width:0}.phase-title:has(.title-stage-select) .sprite{opacity:.18;filter:saturate(.6)}@media (width<=900px),(height<=760px){.title-landing{padding-top:45px}.title-emblem{width:205px;height:205px}.title-logo h1 span{font-size:54px}.title-logo h1 strong{font-size:62px}.title-logo p{margin-top:17px;font-size:11px}.title-command{width:340px;bottom:62px}.adventure-button{min-height:76px}.adventure-button strong{font-size:18px}.phase-title:has(.title-landing) .hero-sprite{opacity:.92;width:190px;height:350px;bottom:40px;left:-2%}.phase-title:has(.title-landing) .boss-sprite{opacity:.94;width:215px;height:360px;bottom:40px;right:-2%}.landing-status{bottom:12px;right:14px}.title-stage-select{width:calc(100vw - 36px);max-height:calc(100vh - 82px);padding:17px 18px 20px;top:66px;overflow-y:auto}.stage-select-header{grid-template-columns:90px 1fr 90px;margin-bottom:11px}.stage-select-header h2{font-size:20px}.title-stage-select .course-select .level-select button{min-height:62px}.stage-start-row{grid-template-columns:1fr 220px}}.game-shell{min-width:0}@media (width<=900px){.duel-hud{width:31vw;min-width:210px}.hero-hud{left:12px}.enemy-hud{right:12px}.chord-challenge{transform-origin:top;width:250px;transform:translate(-50%)scale(.88)}.chord-challenge.status-hero{animation-name:card-success-narrow}.chord-challenge.status-enemy{animation-name:card-danger-narrow}@keyframes card-success-narrow{50%{transform:translate(-50%)translateY(-8px)scale(.88)}}@keyframes card-danger-narrow{50%{transform:translate(calc(-50% - 7px))scale(.88)}}.phase-battle .hero-sprite{width:190px;height:507px;left:3%}.phase-battle .boss-sprite{width:210px;height:560px;right:3%}.battle-score{left:15px}.detected-readout{right:15px}.piano-dock{grid-template-columns:105px minmax(0,1fr);gap:10px;padding-left:12px;padding-right:12px}}.phase-battle .hero-sprite,.phase-battle .boss-sprite{background-position:bottom;background-repeat:no-repeat;background-size:contain}.phase-battle .hero-sprite{background-image:url(/game-assets/hero.webp);width:240px;height:430px;animation:.85s steps(2,end) infinite hero-full-idle;bottom:88px;left:2%}.phase-battle .boss-sprite{background-image:none;width:290px;height:450px;animation:.95s steps(2,end) infinite boss-full-idle;bottom:88px;right:2%}.phase-battle .hero-sprite.motion-walk{background-image:url(/game-assets/hero.webp);animation:.42s steps(3,end) hero-full-walk}.phase-battle .hero-sprite.motion-cast{background-image:url(/game-assets/hero.webp);animation:.62s steps(4,end) hero-full-cast}.phase-battle .hero-sprite.motion-hurt{background-image:url(/game-assets/hero.webp);animation:.52s steps(4,end) hero-full-hurt}.phase-battle .boss-sprite.motion-cast{background-image:none;animation:.76s steps(4,end) boss-full-cast}.phase-battle .boss-sprite.motion-hurt{background-image:none;animation:.48s steps(4,end) boss-full-hurt}@keyframes hero-full-idle{50%{transform:translateY(-3px)}}@keyframes hero-full-walk{45%{transform:translate(14px)translateY(-5px)}}@keyframes hero-full-cast{35%{filter:brightness(1.25)drop-shadow(9px 12px #17243c61);transform:translate(15px)rotate(-2deg)}65%{transform:translate(25px)rotate(2deg)}}@keyframes hero-full-hurt{30%{filter:brightness(1.5)sepia(.4);transform:translate(-14px)rotate(-3deg)}60%{transform:translate(-6px)rotate(2deg)}}@keyframes boss-full-idle{50%{transform:translateY(-5px)}}@keyframes boss-full-cast{35%{filter:brightness(1.25)drop-shadow(9px 12px #17243c61);transform:translateY(-9px)scale(1.025)}70%{transform:translate(-12px)scale(1.035)}}@keyframes boss-full-hurt{30%{filter:brightness(1.55);transform:translate(15px)rotate(3deg)}65%{transform:translate(7px)rotate(-2deg)}}@media (width<=900px),(height<=760px){.phase-battle .hero-sprite{width:215px;height:390px;bottom:76px;left:1.5%}.phase-battle .boss-sprite{width:245px;height:405px;bottom:76px;right:1.5%}}.phase-title .hero-sprite{opacity:.88;width:210px;height:560px;bottom:0;left:auto;right:16%;transform:none}.phase-title .boss-sprite{opacity:.92;width:250px;height:667px;bottom:0;right:0;transform:none}.phase-battle .boss-sprite{width:245px;height:410px;bottom:112px;right:5%}@media (height<=760px){.phase-title .hero-sprite{width:180px;height:480px;bottom:-8px;left:auto;right:16%}.phase-title .boss-sprite{width:215px;height:573px;bottom:-8px;right:0}.phase-battle .hero-sprite{width:185px;height:340px;bottom:98px;left:5%}.phase-battle .boss-sprite{width:205px;height:350px;bottom:98px;right:5%}}:is(.phase-title:has(.title-landing) .hero-sprite,.phase-title:has(.title-landing) .boss-sprite,.phase-title:has(.title-stage-select) .hero-sprite,.phase-title:has(.title-stage-select) .boss-sprite){display:none}.phase-title:has(.title-stage-select) .fantasy-backdrop{background-image:linear-gradient(#050a186b,#050a1894),url(/game-assets/title-sanctum.webp);background-position:50%}:root{--ui-ink:#080f20;--ui-panel:#111d34;--ui-panel-2:#1b2a46;--ui-gold:#e8c873;--ui-gold-soft:#f6e5ad;--ui-cream:#fff4d2;--ui-muted:#a8b2c0}button:focus-visible{outline:3px solid var(--ui-cream);outline-offset:4px}.phase-title:has(.title-landing) .adventure-button{background:linear-gradient(135deg,#ffffff0e,#0000 38%),linear-gradient(#20314efa,#0e1a30fa);border:1px solid #f6e5add9;outline:4px solid #080f20eb;min-height:98px;padding:17px 70px 16px 27px;box-shadow:inset 0 0 0 3px #e8c8732e,inset 0 -12px 28px #02061052,0 12px 35px #0000006b}.phase-title:has(.title-landing) .adventure-button:before{background:linear-gradient(var(--ui-gold-soft), #9e7935);width:3px;top:10px;bottom:10px;left:9px;box-shadow:4px 0 #e8c87321}.phase-title:has(.title-landing) .adventure-button:after{background:linear-gradient(145deg, var(--ui-gold-soft), #b98c39);border:1px solid #fff4d2b8;width:48px;height:calc(100% - 16px);top:8px;right:8px;box-shadow:inset 0 0 0 3px #5c390f29}.phase-title:has(.title-landing) .adventure-button small{color:var(--ui-gold);letter-spacing:.2em}.phase-title:has(.title-landing) .adventure-button strong{letter-spacing:.06em;font-size:23px}.phase-title:has(.title-landing) .adventure-button:hover{border-color:var(--ui-cream);background:linear-gradient(135deg,#ffffff14,#0000 38%),linear-gradient(#2a3d60,#172844);transform:translateY(-3px);box-shadow:inset 0 0 0 3px #e8c87340,0 18px 45px #00000080}.phase-title:has(.title-landing) .title-subcommands{gap:11px;margin-top:16px}.phase-title:has(.title-landing) .title-subcommands button{color:#d9d3bd;background:linear-gradient(#1b2a46e0,#091223eb);border:1px solid #e8c87385;min-height:42px;box-shadow:inset 0 0 0 2px #080f20b8,0 8px 18px #00000042}.phase-title:has(.title-landing) .title-subcommands button:hover{border-color:var(--ui-gold-soft);color:var(--ui-cream);background:linear-gradient(#293b5c,#14233e);transform:translateY(-2px)}.title-stage-select{background:linear-gradient(135deg,#ffffff09,#0000 34%),linear-gradient(#182640f7,#0a1427fa);border:1px solid #f6e5ade0;outline:5px solid #060c1af2;width:min(1060px,100vw - 70px);max-height:calc(100vh - 112px);padding:28px 30px 30px;top:50%;bottom:auto;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #e8c87321,inset 0 -35px 60px #02060f40,0 30px 80px #0000009e}.title-stage-select:before,.title-stage-select:after{content:"";z-index:1;pointer-events:none;width:30px;height:30px;position:absolute}.title-stage-select:before{border-top:3px solid var(--ui-gold);border-left:3px solid var(--ui-gold);top:10px;left:10px}.title-stage-select:after{border-right:3px solid var(--ui-gold);border-bottom:3px solid var(--ui-gold);bottom:10px;right:10px}.stage-select-header{grid-template-columns:150px 1fr 150px;min-height:62px;margin-bottom:20px}.stage-select-header h2{color:var(--ui-cream);letter-spacing:.08em;text-shadow:0 3px #060c1a;margin-top:6px;font-size:30px}.stage-select-header small{letter-spacing:.28em}.stage-back{min-height:44px;color:var(--ui-cream);letter-spacing:.15em;background:linear-gradient(#243654,#111e35);border:1px solid #e8c8738c;padding:0 17px;font-size:9px;box-shadow:inset 0 0 0 2px #080f20,0 7px 16px #00000047}.stage-back:hover{border-color:var(--ui-gold-soft);color:var(--ui-gold);transform:translate(-3px)}.stage-progress{padding-right:8px}.stage-progress strong{color:var(--ui-gold-soft);margin-top:3px;font-size:19px}.title-stage-select .mode-tabs{background:#040a168c;border:1px solid #e8c87347;gap:0;margin-bottom:16px;padding:4px}.title-stage-select .mode-tabs button{color:#7f8ca0;min-height:43px;box-shadow:none;letter-spacing:.14em;background:0 0;border:0}.title-stage-select .mode-tabs button.selected{color:var(--ui-gold-soft);background:linear-gradient(#e8c87333,#e8c87314);box-shadow:inset 0 0 0 1px #e8c87385}.title-stage-select .world-select{gap:9px}.title-stage-select .world-select button{color:#c7cfda;background:linear-gradient(145deg,#ffffff09,#0000 46%),linear-gradient(#1b2a46,#111c31);border:1px solid #92a2b842;min-height:58px;padding:10px 12px;box-shadow:inset 0 -7px 14px #03081240}.title-stage-select .world-select button:hover{border-color:#e8c873a6;transform:translateY(-2px)}.title-stage-select .world-select button.selected{border-color:var(--ui-gold);color:var(--ui-cream);background:linear-gradient(135deg,#f6e5ad1f,#0000 48%),linear-gradient(#304564,#1b2c49);box-shadow:inset 0 0 0 2px #e8c87324,0 7px 18px #00000045}.title-stage-select .course-select .level-select,.title-stage-select .random-level-select{gap:9px;margin:4px 0 0}.title-stage-select .level-select button{color:#dce2e9;background:radial-gradient(circle at 100% 0,#6f84a81f,#0000 44%),linear-gradient(#1b2b48,#111d33);border:1px solid #97a7bc3d;min-height:108px;padding:14px 15px 13px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #050b1885,inset 0 -14px 24px #0207103d}.title-stage-select .level-select button:after{content:"";border:1px solid #e8c87357;width:7px;height:7px;position:absolute;bottom:12px;right:12px;transform:rotate(45deg)}.title-stage-select .level-select button:hover:not(.locked){z-index:2;background:radial-gradient(circle at 100% 0,#e8c8731a,#0000 46%),linear-gradient(#263b5d,#172844);border-color:#e8c873b8;transform:translateY(-3px);box-shadow:0 12px 25px #00000052}.title-stage-select .level-select button.selected{border-color:var(--ui-gold-soft);background:linear-gradient(135deg,#f6e5ad26,#0000 43%),linear-gradient(#354d70,#203552);box-shadow:inset 0 0 0 2px #e8c87338,0 0 0 2px #080f20,0 9px 24px #00000061}.title-stage-select .level-select button small{color:var(--ui-gold);letter-spacing:.18em;font-size:8px}.title-stage-select .level-select button strong{letter-spacing:.05em;margin:8px 0 6px;font-size:12px}.title-stage-select .level-select button span{color:#aab6c5;font-size:8px;line-height:1.55}.title-stage-select .level-select button.locked{color:#566276;filter:none;background:repeating-linear-gradient(135deg,#ffffff03 0 8px,#0000 8px 16px),#0d1729;border-color:#737e8f26}.stage-start-row{grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:17px}.selected-stage-copy{border:1px solid #e8c87347;border-left:4px solid var(--ui-gold);background:linear-gradient(90deg,#e8c87314,#0000 35%),#070f1d8c;padding:14px 19px}.stage-start-row .primary-button,.primary-button{color:#101a2c;background:linear-gradient(135deg,#ffffff47,#0000 38%),linear-gradient(#e7c979,#b58a38);border:1px solid #f5df9f;outline:3px solid #081020;min-height:60px;box-shadow:inset 0 0 0 2px #633e0e2b,0 10px 22px #00000059}.stage-start-row .primary-button:hover,.primary-button:hover{background:linear-gradient(135deg,#ffffff59,#0000 38%),linear-gradient(#f4dda0,#c99e48);transform:translateY(-3px);box-shadow:inset 0 0 0 2px #633e0e2b,0 15px 30px #0000006b}.battle-back-button,.pause-button{color:#e5dfc9;letter-spacing:.12em;cursor:pointer;background:linear-gradient(#263958,#121f37);border:1px solid #e8c87375;min-height:34px;font-size:8px;font-weight:900;box-shadow:inset 0 0 0 2px #081020}.battle-back-button{margin-left:14px;padding:0 14px}.pause-button{align-items:center;gap:8px;padding:0 13px;display:flex}.battle-back-button:hover,.pause-button:hover{border-color:var(--ui-gold-soft);color:var(--ui-gold)}.pause-overlay{z-index:90;-webkit-backdrop-filter:blur(6px)saturate(.55);backdrop-filter:blur(6px)saturate(.55);background:radial-gradient(circle,#0d192f73,#030710e0),#0307109e;place-items:center;display:grid;position:absolute;inset:0}.pause-panel{width:min(520px,100vw - 48px);color:var(--ui-cream);text-align:center;background:linear-gradient(135deg,#ffffff0a,#0000 38%),linear-gradient(#1c2d4a,#0c182c);border:1px solid #f6e5add9;outline:5px solid #050b18f0;padding:36px 42px 30px;position:relative;box-shadow:inset 0 0 0 3px #e8c8731f,0 30px 90px #000000ad}.pause-panel:before,.pause-panel:after{content:"";background:linear-gradient(transparent, var(--ui-gold), transparent);width:3px;position:absolute;top:12px;bottom:12px}.pause-panel:before{left:12px}.pause-panel:after{right:12px}.pause-ornament{border:1px solid var(--ui-gold);width:48px;height:48px;color:var(--ui-gold);background:#e8c87312;place-items:center;margin:0 auto 14px;font-size:16px;display:grid;transform:rotate(45deg)}.pause-ornament:first-letter{transform:rotate(-45deg)}.pause-panel>small{color:var(--ui-gold);letter-spacing:.27em;font-size:8px}.pause-panel h2{letter-spacing:.12em;text-shadow:0 4px #060c19;margin:7px 0 5px;font-size:48px}.pause-panel p{color:var(--ui-muted);margin:0 0 24px;font-size:11px}.pause-resume{border:1px solid var(--ui-gold-soft);color:#101a2c;cursor:pointer;background:linear-gradient(#e7c979,#b58938);justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0 21px;font-size:14px;font-weight:1000;display:flex;box-shadow:inset 0 0 0 3px #56340a29,0 10px 24px #00000059}.pause-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 20px;display:grid}.pause-actions button,.text-button,.settings-action{color:#d8deea;letter-spacing:.09em;cursor:pointer;background:linear-gradient(#243654,#111e35);border:1px solid #e8c87361;min-height:40px;font-size:8px;font-weight:900;box-shadow:inset 0 0 0 2px #050b18b3}.pause-actions button:hover,.text-button:hover,.settings-action:hover{border-color:var(--ui-gold-soft);color:var(--ui-gold-soft);transform:translateY(-2px)}.pause-panel>kbd{min-width:34px;height:24px;color:var(--ui-gold-soft);background:#0b1527;border:1px solid #e8c87385;box-shadow:inset 0 -3px #040914}.pause-key-label{color:#8290a5;margin-left:8px;font-size:8px;font-weight:900}:is(.phase-battle:has(.pause-overlay) .duel-ui,.phase-battle:has(.pause-overlay) .piano-dock,.phase-battle:has(.pause-overlay) .sprite){filter:blur(2px)saturate(.5)brightness(.58)}.duel-hud,.chord-challenge,.tutorial-screen,.result-screen,.settings-panel{background:linear-gradient(135deg,#ffffff09,#0000 36%),linear-gradient(#1c2b46fa,#0c182cfa);border-color:#f6e5ade0;outline-color:#081020;box-shadow:inset 0 0 0 2px #e8c8731a,0 14px 34px #0006}.piano-dock{border-top:1px solid var(--ui-gold);background:linear-gradient(#202f4bfa,#0c172afc);box-shadow:inset 0 3px #081020,0 -12px 32px #00000057}@media (width<=900px),(height<=760px){.title-stage-select{width:calc(100vw - 36px);max-height:calc(100vh - 92px);padding:20px 21px 22px;top:50%;transform:translate(-50%,-50%)}.stage-select-header{grid-template-columns:105px 1fr 90px;min-height:48px;margin-bottom:12px}.stage-select-header h2{font-size:21px}.stage-back{min-height:38px}.title-stage-select .world-select button{min-height:50px}.title-stage-select .course-select .level-select button{min-height:72px}.stage-start-row{grid-template-columns:minmax(0,1fr) 215px}.battle-back-button{margin-left:8px;padding:0 10px}.pause-button span{display:none}.pause-panel{padding:28px 30px 24px}}.phase-battle .hero-sprite{width:clamp(255px,25vw,350px);height:min(62vh,560px);bottom:54px;left:2.5%}.phase-battle .enemy-sprite-stage{bottom:68px;right:2.5%}.phase-battle .enemy-sprite-stage.wave-0{width:clamp(265px,26vw,350px);height:min(55vh,450px)}.phase-battle .enemy-sprite-stage.wave-1{width:clamp(290px,28vw,385px);height:min(59vh,490px)}.phase-battle .enemy-sprite-stage.wave-2{width:clamp(355px,34vw,470px);height:min(67vh,580px)}@media (width<=900px),(height<=760px){.phase-battle .hero-sprite{width:265px;height:460px;bottom:48px;left:1%}.phase-battle .enemy-sprite-stage{bottom:60px;right:1%}.phase-battle .enemy-sprite-stage.wave-0{width:270px;height:390px}.phase-battle .enemy-sprite-stage.wave-1{width:300px;height:430px}.phase-battle .enemy-sprite-stage.wave-2{width:370px;height:510px}}.battle-effect:before,.battle-effect:after{content:none!important;display:none!important}.pixel-vfx{image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;display:block;position:absolute}.vfx-impact{opacity:0}.hero-effect .vfx-projectile{background-image:url(/game-assets/vfx/spark.png);background-size:672px 96px;width:96px;height:96px;animation:.66s steps(11,end) both hero-pixel-flight,.33s steps(6,end) infinite vfx-spark-sheet;top:49%;left:22%}.hero-effect .vfx-impact{z-index:2;background-image:url(/game-assets/vfx/fire-bomb.png);background-size:1792px 128px;width:128px;height:128px;animation:.65s steps(13,end) .39s forwards vfx-fire-sheet;top:43%;right:10%}.hero-effect.effect-family-minor .vfx-projectile,.hero-effect.effect-family-jazz .vfx-projectile{background-image:url(/game-assets/vfx/dark-bolt.png);background-size:1056px 132px;width:132px;height:132px;animation:.64s steps(11,end) both hero-pixel-flight,.36s steps(7,end) infinite vfx-dark-sheet;top:45%}.hero-effect.effect-family-seventh .vfx-impact,.hero-effect.effect-family-jazz .vfx-impact{background-image:url(/game-assets/vfx/lightning.png);background-size:960px 192px;width:192px;height:192px;animation:.56s steps(4,end) .38s forwards vfx-lightning-sheet;top:34%}.hero-effect.effect-family-color .vfx-projectile{filter:hue-rotate(64deg)saturate(1.35)}.enemy-effect .vfx-projectile{filter:hue-rotate(22deg)saturate(1.25);background-image:url(/game-assets/vfx/dark-bolt.png);background-size:1056px 132px;width:132px;height:132px;animation:.62s steps(10,end) both enemy-pixel-flight,.35s steps(7,end) infinite vfx-dark-sheet;top:45%;right:20%}.enemy-effect .vfx-impact{z-index:2;filter:hue-rotate(285deg)saturate(1.25);background-image:url(/game-assets/vfx/fire-bomb.png);background-size:1792px 128px;width:128px;height:128px;animation:.62s steps(13,end) .33s forwards vfx-fire-sheet;top:43%;left:9%}.enemy-effect.effect-fire .vfx-projectile{filter:sepia(.5)hue-rotate(320deg)saturate(2.2);background-image:url(/game-assets/vfx/spark.png);background-size:672px 96px;width:96px;height:96px;animation:.6s steps(10,end) both enemy-pixel-flight,.3s steps(6,end) infinite vfx-spark-sheet}.enemy-effect.effect-shadow .vfx-impact{filter:hue-rotate(18deg)saturate(1.3);background-image:url(/game-assets/vfx/dark-bolt.png);background-size:1056px 132px;width:132px;height:132px;animation:.55s steps(7,end) .32s forwards vfx-dark-sheet}.enemy-effect.effect-slash .vfx-projectile{filter:none;background:#fff4cb;border:0;width:164px;height:12px;animation:.53s steps(9,end) both enemy-pixel-slash;top:51%;box-shadow:18px 14px #e35c69,36px 28px #fff4cb,-18px -14px #7587b8,-36px -28px #17243c}.enemy-effect.effect-slash .vfx-impact{filter:sepia(.3)hue-rotate(295deg)saturate(2);background-image:url(/game-assets/vfx/spark.png);background-size:672px 96px;width:96px;height:96px;animation:.48s steps(6,end) .29s forwards vfx-spark-impact}@keyframes hero-pixel-flight{0%{opacity:0;transform:translate(-28px,18px)scale(.55)}9%{opacity:1}72%{opacity:1;transform:translate(49vw,-9px)scale(1.08)}to{opacity:0;transform:translate(57vw,-9px)scale(.7)}}@keyframes enemy-pixel-flight{0%{opacity:0;transform:translate(28px,-10px)scale(.55)rotate(180deg)}9%{opacity:1}72%{opacity:1;transform:translate(-49vw,8px)scale(1.08)rotate(180deg)}to{opacity:0;transform:translate(-57vw,8px)scale(.7)rotate(180deg)}}@keyframes enemy-pixel-slash{0%{opacity:0;transform:translate(30px,-30px)rotate(-32deg)scaleX(.25)}12%{opacity:1}75%{opacity:1;transform:translate(-49vw,25px)rotate(-32deg)scaleX(1)}to{opacity:0;transform:translate(-57vw,25px)rotate(-32deg)scaleX(.35)}}@keyframes vfx-spark-sheet{0%{background-position:0 0}to{background-position:-576px 0}}@keyframes vfx-spark-impact{0%{opacity:0;background-position:0 0;transform:scale(.55)}12%{opacity:1}to{opacity:0;background-position:-576px 0;transform:scale(1.2)}}@keyframes vfx-dark-sheet{0%{opacity:1;background-position:0 0}to{opacity:0;background-position:-924px 0}}@keyframes vfx-fire-sheet{0%{opacity:1;background-position:0 0;transform:scale(.7)}to{opacity:0;background-position:-1664px 0;transform:scale(1.18)}}@keyframes vfx-lightning-sheet{0%{opacity:1;background-position:0 0;transform:scale(.8)}to{opacity:0;background-position:-768px 0;transform:scale(1.1)}}.battle-effect i{width:9px!important;height:9px!important;box-shadow:12px 0 0 var(--world-accent), 0 12px 0 #fff, -12px 0 0 #17243c!important;background:#fff3b0!important;border:0!important;border-radius:0!important}.hero-effect i{margin:0!important;animation:.52s steps(7,end) .39s both hero-pixel-debris!important;top:49%!important;left:auto!important;right:17%!important}.hero-effect i:nth-of-type(2){margin-top:-40px!important;margin-right:28px!important}.hero-effect i:nth-of-type(3){margin-top:38px!important;margin-right:55px!important}.hero-effect i:nth-of-type(4){margin-top:-70px!important;margin-right:75px!important}.hero-effect i:nth-of-type(5){margin-top:70px!important;margin-right:20px!important}.enemy-effect i{background:#ff8b73!important;margin:0!important;animation:.52s steps(7,end) .33s both enemy-pixel-debris!important;top:50%!important;left:16%!important;right:auto!important}.enemy-effect i:nth-of-type(2){margin-top:-42px!important;margin-left:25px!important}.enemy-effect i:nth-of-type(3){margin-top:38px!important;margin-left:52px!important}.enemy-effect i:nth-of-type(4){margin-top:-68px!important;margin-left:72px!important}@keyframes hero-pixel-debris{0%{opacity:0;transform:translate(0)scale(.5)}18%{opacity:1}to{opacity:0;transform:translate(46px,-54px)scale(1.7)rotate(90deg)}}@keyframes enemy-pixel-debris{0%{opacity:0;transform:translate(0)scale(.5)}18%{opacity:1}to{opacity:0;transform:translate(-46px,-54px)scale(1.7)rotate(-90deg)}}@keyframes hero-pixel-cast{0%,to{filter:brightness();transform:translate(0)}14%{transform:translate(-9px,2px)rotate(-2deg)}36%{filter:brightness(1.5)drop-shadow(10px 10px #17243c80);transform:translate(34px,-7px)rotate(2deg)}58%{filter:brightness(1.2);transform:translate(46px)rotate(1deg)}78%{transform:translate(12px)}}@keyframes hero-pixel-dash{0%,to{filter:brightness();transform:translate(0)}18%{transform:translate(-14px,2px)skew(-3deg)}38%{filter:brightness(1.55);transform:translate(74px,-9px)skew(4deg)}62%{transform:translate(58px)}82%{transform:translate(12px)}}@keyframes enemy-pixel-cast{0%,to{filter:brightness();transform:translate(0)}16%{transform:translate(12px,2px)rotate(2deg)}38%{filter:brightness(1.5) drop-shadow(0 0 0 var(--world-accent));transform:translate(-38px,-9px)rotate(-2deg)}64%{transform:translate(-48px)}82%{transform:translate(-12px)}}@keyframes enemy-pixel-enter{0%{opacity:0;transform:translate(150px)}20%{opacity:1;transform:translate(118px)translateY(-3px)}40%{transform:translate(84px)}60%{transform:translate(50px)translateY(-3px)}80%{transform:translate(20px)}to{opacity:1;transform:translate(0)}}.enemy-sprite-stage.is-breaking:after{content:"";z-index:8;width:192px;height:192px;image-rendering:pixelated;background:url(/game-assets/vfx/fire-bomb.png) 0 0/2688px 192px no-repeat;animation:.85s steps(13,end) .18s both enemy-break-burst;display:block;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}@keyframes enemy-break-burst{0%{opacity:1;background-position:0 0;transform:translate(-50%)scale(.65)}to{opacity:0;background-position:-2496px 0;transform:translate(-50%)scale(1.15)}}@keyframes enemy-pixel-break{0%{opacity:1;filter:brightness();transform:translate(0)scale(1)}18%{filter:brightness(2);transform:translate(-8px)scale(1.04)}34%{opacity:.7;transform:translate(9px,-4px)scale(1.08)}52%{opacity:1;filter:brightness(3)saturate(.25);transform:translate(-7px,-10px)scale(1.12)}70%{opacity:.45;transform:translate(6px,-18px)scale(1.18)}to{opacity:0;filter:brightness(4);transform:translateY(-42px)scale(1.28)}}@media (width<=900px),(height<=760px){.hero-effect .vfx-projectile{left:17%}.hero-effect .vfx-impact{right:3%}.enemy-effect .vfx-projectile{right:15%}.enemy-effect .vfx-impact{left:2%}}.generated-title-logo{z-index:3;pointer-events:none;width:min(620px,66vw);position:relative}.generated-title-logo img{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 7px #070d1ae6)drop-shadow(0 18px 28px #00000080);display:block}.phase-title:has(.title-landing) .title-command{width:min(430px,100vw - 48px);left:50%;right:auto;transform:translate(-50%)}@media (width<=900px){.topbar{padding:0 12px}.brand{gap:7px}.brand>span:last-child{display:none}.top-meta{gap:5px}.input-chip{white-space:nowrap;text-overflow:ellipsis;max-width:145px;min-height:32px;padding:0 9px;font-size:7px;overflow:hidden}.icon-button{width:32px;height:32px}.title-landing{padding-top:clamp(34px,5.5vh,58px)}.generated-title-logo{width:min(500px,78vw)}.phase-title:has(.title-landing) .title-command{bottom:58px}.landing-status{display:none}.phase-battle .hero-sprite{width:190px;height:min(45vh,355px);bottom:94px;left:1.5%}.phase-battle .enemy-sprite-stage{bottom:94px;right:1.5%}.phase-battle .enemy-sprite-stage.wave-0{width:190px;height:min(43vh,345px)}.phase-battle .enemy-sprite-stage.wave-1{width:210px;height:min(47vh,375px)}.phase-battle .enemy-sprite-stage.wave-2{width:245px;height:min(52vh,420px)}}@media (width<=720px){.dev-build-badge{font-size:6px;top:54px}.generated-title-logo{width:min(470px,84vw)}.phase-title:has(.title-landing) .adventure-button{min-height:88px;padding:14px 58px 13px 20px}.phase-title:has(.title-landing) .adventure-button strong{font-size:19px}.title-stage-select{width:calc(100vw - 20px);padding:16px}.stage-select-header{grid-template-columns:78px minmax(0,1fr) 66px}.stage-select-header h2{font-size:17px}.stage-start-row{grid-template-columns:1fr}.selected-stage-copy{display:none}.stage-start-row .primary-button{width:100%}.duel-hud{width:calc(50vw - 18px);min-width:0}.duel-name strong{font-size:9px}.chord-challenge{width:214px;top:105px;transform:translate(-50%)scale(.78)}.phase-battle .hero-sprite{width:168px;left:0}.phase-battle .enemy-sprite-stage{right:0}.phase-battle .enemy-sprite-stage.wave-0{width:168px}.phase-battle .enemy-sprite-stage.wave-1{width:184px}.phase-battle .enemy-sprite-stage.wave-2{width:214px}}.title-stage-select{width:min(1180px,100vw - 56px)}.world-map-layout{grid-template-columns:154px minmax(0,1fr);gap:12px;min-height:390px;display:grid}.world-map-tabs{grid-template-rows:repeat(4,1fr);gap:8px;display:grid}.world-map-tabs button{color:#8c99ab;text-align:left;background:#081121c7;border:1px solid #91a0b838;grid-template-rows:1fr auto;grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:0;padding:9px 8px;display:grid;box-shadow:inset 0 0 0 2px #04091373}.world-map-tabs button>i{width:30px;height:30px;color:var(--ui-gold);background:#14233c;border:1px solid;grid-row:1/3;place-items:center;font-size:10px;font-style:normal;font-weight:1000;display:grid;transform:rotate(45deg)}.world-map-tabs button>i>em{place-items:center;font-style:normal;display:grid;transform:rotate(-45deg)}.world-map-tabs button span{gap:3px;display:grid}.world-map-tabs button small{letter-spacing:.14em;font-size:6px}.world-map-tabs button strong{color:#d7deea;font-size:10px}.world-map-tabs button>b{color:#6f7e93;grid-column:2;font-size:7px}.world-map-tabs button:hover,.world-map-tabs button.selected{border-color:var(--ui-gold);color:var(--ui-cream);background:linear-gradient(90deg,#e8c87329,#14233ce6);transform:translate(3px)}.world-map-tabs button.selected{box-shadow:inset 4px 0 0 var(--ui-gold), inset 0 0 0 2px #e8c87314}.world-map-board{background:linear-gradient(180deg,#040a1724,#040a1794), var(--map-bg) center / cover;min-width:0;min-height:390px;image-rendering:pixelated;border:1px solid #f6e5adb8;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #050b18b8,inset 0 -70px 80px #030812b8}.world-map-board:before{content:"";mix-blend-mode:overlay;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.map-region-title{z-index:5;border-left:3px solid var(--map-accent);background:#050c1bcc;gap:5px;padding:9px 15px;display:grid;position:absolute;top:18px;left:22px;box-shadow:5px 5px #03071080}.map-region-title small{color:var(--map-accent);letter-spacing:.18em;font-size:7px;font-weight:1000}.map-region-title strong{color:#fff3ce;text-shadow:2px 2px #071020;font-size:13px}.map-route{z-index:3;position:absolute;inset:0}.map-path{z-index:1;transform-origin:0;filter:drop-shadow(2px 2px #071020);opacity:.8;background:repeating-linear-gradient(90deg,#f4dda0 0 8px,#0000 8px 15px);height:5px;position:absolute}.map-path.path-1{width:25%;top:68%;left:15%;transform:rotate(-36deg)}.map-path.path-2{width:22%;top:54%;left:34%;transform:rotate(30deg)}.map-path.path-3{width:25%;top:62%;left:53%;transform:rotate(-43deg)}.map-path.path-4{width:22%;top:39%;left:71%;transform:rotate(-39deg)}.map-node{z-index:4;color:#fff4d2;filter:drop-shadow(4px 6px #040913cc);background:0 0;border:0;justify-items:center;gap:5px;width:126px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.map-node>span{color:#fff0b7;background:linear-gradient(135deg,#314a70,#15243f);border:3px solid #e7cc7b;outline:4px solid #071020;place-items:center;width:52px;height:52px;font-size:13px;font-weight:1000;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #ffffff0f}.map-node>span>em{place-items:center;font-style:normal;display:grid;transform:rotate(-45deg)}.map-node>strong{color:#fff6d9;white-space:nowrap;background:#050c19d1;padding:4px 7px;font-size:7px;box-shadow:2px 2px #071020}.map-node>small{color:#f4cf67;letter-spacing:.1em;text-shadow:2px 2px #071020;font-size:8px}.map-node:hover:not(:disabled),.map-node.selected{z-index:7;transform:translate(-50%,-50%)scale(1.12)}.map-node.selected>span{background:linear-gradient(135deg,var(--map-accent),#233858 74%);border-color:#fff8cf;animation:.85s steps(2,end) infinite map-node-pulse;box-shadow:inset 0 0 0 3px #ffffff2e,0 0 0 5px #f6e5ad29}.map-node.boss-node>span{color:#fff1cf;background:linear-gradient(135deg,#7b2c3c,#22182f);border-color:#e96767;width:66px;height:66px;font-size:8px}.map-node.locked{opacity:.48;filter:grayscale()drop-shadow(3px 4px #071020)}@keyframes map-node-pulse{50%{filter:brightness(1.35);transform:rotate(45deg)translate(-3px,-3px)}}.map-stage-detail{z-index:8;border:1px solid #f6e5ad80;border-right:4px solid var(--map-accent);background:#050c1ae6;gap:4px;width:min(315px,42%);padding:11px 14px;display:grid;position:absolute;bottom:14px;right:16px;box-shadow:6px 7px #02060e8c}.map-stage-detail small{color:var(--map-accent);letter-spacing:.18em;font-size:6px;font-weight:1000}.map-stage-detail strong{color:#fff4d2;font-size:10px}.map-stage-detail span{color:#aeb9c8;font-size:7px;line-height:1.5}.map-stage-detail b{color:#e7ca79;letter-spacing:.13em;font-size:6px}.phrase-chain{z-index:23;pointer-events:none;background:#060d1ce0;border:1px solid #e8c87380;width:min(470px,58vw);padding:9px 12px 10px;display:grid;position:absolute;top:395px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #080f20d9,5px 6px #0307107a}.phrase-chain>div:first-child{justify-content:space-between;align-items:center;display:flex}.phrase-chain>div:first-child small{color:var(--world-accent);letter-spacing:.2em;font-size:6px;font-weight:1000}.phrase-chain>div:first-child strong{color:#929fb2;font-size:6px}.phrase-notes{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px;display:grid}.phrase-notes span{color:#68768b;background:#101d33;border:1px solid #8596ae47;align-items:center;gap:5px;min-width:0;height:28px;padding:0 6px;display:flex}.phrase-notes i{border:1px solid;flex:none;place-items:center;width:16px;height:16px;font-size:6px;font-style:normal;display:grid}.phrase-notes b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.phrase-notes span.current{border-color:var(--world-accent);background:var(--world-accent)}@supports (color:color-mix(in lab, red, red)){.phrase-notes span.current{background:color-mix(in srgb,var(--world-accent) 18%,#101d33)}}.phrase-notes span.current{color:#fff6d8;animation:.5s steps(2,end) infinite phrase-current}.phrase-notes span.cleared{color:#68e8b0;border-color:#68e8b080}.phrase-chain.boss-phrase{border-color:#f66;box-shadow:inset 0 0 0 2px #5f121ccc,0 0 24px #ff374633}@keyframes phrase-current{50%{filter:brightness(1.25);transform:translateY(-2px)}}.voicing-assist{color:#86e5c0;letter-spacing:.08em;margin:7px auto 0;font-size:6px;font-weight:1000}.timing-grade{z-index:58;color:#fff5ce;letter-spacing:.09em;text-shadow:5px 5px #071020;pointer-events:none;font-size:clamp(34px,6vw,74px);font-weight:1000;animation:.8s steps(7,end) both timing-grade-pop;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}.timing-grade.grade-perfect{color:#fff27c}.timing-grade.grade-great{color:#72efff}.timing-grade.grade-good{color:#c6d0dc}@keyframes timing-grade-pop{0%{opacity:0;transform:translate(-50%,-20%)scale(.45)}18%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(1.15)}}.hero-effect.grade-perfect .vfx-projectile{filter:brightness(1.55)saturate(1.35)}.hero-effect.is-finisher .vfx-projectile{transform-origin:50%;animation-duration:.76s,.26s}.hero-effect.is-finisher .vfx-impact{background-size:3080px 220px;width:220px;height:220px;animation-name:vfx-finisher-sheet}@keyframes vfx-finisher-sheet{0%{opacity:0;background-position:0 0;transform:scale(.55)}12%{opacity:1}to{opacity:0;background-position:-2860px 0;transform:scale(1.25)}}.boss-warning-overlay{z-index:75;color:#ffe1b8;text-align:center;pointer-events:none;background:#1903099e;place-content:center;justify-items:center;animation:1.45s steps(8,end) both boss-warning-screen;display:grid;position:fixed;inset:0;overflow:hidden}.boss-warning-overlay:before,.boss-warning-overlay:after{content:"";background:repeating-linear-gradient(135deg,#d52f41 0 18px,#43101b 18px 36px);height:46px;position:absolute;left:0;right:0;box-shadow:0 0 0 4px #12030a}.boss-warning-overlay:before{top:16%}.boss-warning-overlay:after{bottom:16%}.boss-warning-overlay small{color:#ff5c66;letter-spacing:.4em;font-size:10px;font-weight:1000}.boss-warning-overlay strong{color:#fff0cb;text-shadow:7px 7px #5e1020;margin:10px 0;font-size:clamp(48px,9vw,110px);line-height:.9}.boss-warning-overlay span{letter-spacing:.14em;background:#210713;border:1px solid #ff7278;padding:7px 12px;font-size:8px;font-weight:1000}@keyframes boss-warning-screen{0%{opacity:0;filter:brightness(2)}12%,82%{opacity:1}28%,45%,62%{background-color:#50050eb3}to{opacity:0}}@media (width<=900px),(height<=760px){.title-stage-select{width:calc(100vw - 30px)}.world-map-layout{grid-template-columns:118px minmax(0,1fr);min-height:310px}.world-map-board{min-height:310px}.world-map-tabs button{grid-template-columns:28px minmax(0,1fr);padding:6px}.world-map-tabs button>i{width:23px;height:23px}.world-map-tabs button>b{display:none}.map-region-title{padding:7px 10px;top:11px;left:13px}.map-node{width:94px}.map-node>span{width:42px;height:42px}.map-node.boss-node>span{width:54px;height:54px}.map-node>strong{text-overflow:ellipsis;max-width:92px;overflow:hidden}.map-stage-detail{width:42%;padding:8px 10px}.phrase-chain{transform-origin:top;width:min(420px,62vw);top:342px;transform:translate(-50%)scale(.86)}}@media (width<=900px){.phase-battle .hero-sprite{width:190px;height:min(45vh,355px);bottom:94px;left:1.5%}.phase-battle .enemy-sprite-stage{bottom:94px;right:1.5%}.phase-battle .enemy-sprite-stage.wave-0{width:190px;height:min(43vh,345px)}.phase-battle .enemy-sprite-stage.wave-1{width:210px;height:min(47vh,375px)}.phase-battle .enemy-sprite-stage.wave-2{width:245px;height:min(52vh,420px)}}@media (width<=720px){.phase-battle .hero-sprite{width:168px;left:0}.phase-battle .enemy-sprite-stage{right:0}.phase-battle .enemy-sprite-stage.wave-0{width:168px}.phase-battle .enemy-sprite-stage.wave-1{width:184px}.phase-battle .enemy-sprite-stage.wave-2{width:214px}.world-map-layout{grid-template-columns:86px minmax(0,1fr)}.world-map-tabs button{grid-template-columns:1fr;justify-items:center}.world-map-tabs button>span{display:none}.map-stage-detail{width:52%}}.generated-title-logo{transform:translateY(clamp(30px,5vh,48px))}.world-map-layout{grid-template-rows:minmax(360px,1fr) auto;grid-template-columns:168px minmax(0,1fr);align-items:stretch;min-height:0}.world-map-tabs{grid-row:1/3}.world-map-board{isolation:isolate;grid-area:1/2;min-height:360px}.world-map-board:before{z-index:2;box-shadow:inset 0 0 58px #02060eb8,inset 0 0 0 12px #e8c8730a}.map-route{z-index:4}.map-path{animation:1.9s steps(5,end) infinite map-route-shimmer}@keyframes map-route-shimmer{50%{filter:drop-shadow(2px 2px #071020)brightness(1.35)}}.map-node{transition:transform .12s steps(2,end),filter .12s steps(2,end)}.map-node.selected:before,.map-node.selected:after{content:"";z-index:-1;width:70px;height:70px;box-shadow:0 0 22px var(--map-accent);border:2px solid #ffeeaebf;border-radius:50%;position:absolute;top:22px;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.map-node.selected:before,.map-node.selected:after{box-shadow:0 0 22px color-mix(in srgb, var(--map-accent) 60%, transparent)}}.map-node.selected:before,.map-node.selected:after{animation:1.1s steps(6,end) infinite map-selected-ring}.map-node.selected:after{border-color:#ffeeae47;width:90px;height:90px;animation-delay:.18s}@keyframes map-selected-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.62)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.14)}}.map-stage-detail{z-index:10;border-right-width:2px;grid-area:2/2;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-width:0;padding:10px 14px 10px 10px;position:relative;bottom:auto;right:auto;overflow:hidden}.map-stage-number{background:linear-gradient(135deg, #fff3, transparent 42%), var(--map-accent);border:2px solid #071020;outline:1px solid #f0d586;place-items:center;width:54px;height:54px;display:grid}@supports (color:color-mix(in lab, red, red)){.map-stage-number{background:linear-gradient(135deg, #fff3, transparent 42%), color-mix(in srgb, var(--map-accent) 52%, #1a304e)}}.map-stage-number{text-shadow:2px 2px #071020;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);font-weight:1000;box-shadow:inset 0 0 0 4px #060e1c57,4px 4px #050b18;color:#fff3bd!important;font-size:20px!important;line-height:1!important}.map-stage-detail>div{gap:5px;min-width:0;display:grid}.map-stage-detail>b{white-space:nowrap;background:#e8c87314;border:1px solid #e8c8736b;padding:8px 10px}@media (width<=900px),(height<=760px){.generated-title-logo{transform:translateY(26px)}.title-stage-select{width:min(920px,100vw - 32px);max-height:calc(100vh - 82px);padding:18px 18px 20px}.world-map-layout{grid-template-rows:auto minmax(300px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.world-map-tabs{grid-row:1;grid-template-rows:1fr;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.world-map-tabs button{grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);gap:2px 6px;min-height:56px;padding:7px}.world-map-tabs button:hover,.world-map-tabs button.selected{transform:translateY(-2px)}.world-map-tabs button>i{grid-row:1/3;width:26px;height:26px}.world-map-tabs button span{display:grid}.world-map-tabs button small{font-size:5px}.world-map-tabs button strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.world-map-tabs button>b{display:none}.world-map-board{grid-area:2/1;min-height:300px}.map-stage-detail{grid-area:3/1;width:100%;padding:8px 10px 8px 8px}.map-node{width:108px}.map-node>span{width:46px;height:46px}.map-node.boss-node>span{width:58px;height:58px}.map-node>strong{max-width:100px}}@media (width<=620px){.world-map-tabs button{grid-template-columns:1fr;justify-items:center}.world-map-tabs button>i{grid-row:auto}.world-map-tabs button span{display:none}.map-stage-detail{grid-template-columns:48px minmax(0,1fr)}.map-stage-number{width:42px;height:42px;font-size:15px!important}.map-stage-detail>b{display:none}}.phase-battle .hero-sprite{transform-origin:52% 100%;animation:4.8s cubic-bezier(.45,0,.55,1) infinite hero-living-idle}.phase-battle .hero-sprite:before,.phase-battle .hero-sprite:after{content:"";pointer-events:none;position:absolute}.phase-battle .hero-sprite:before{z-index:-1;background:radial-gradient(#54bfff42,#235faa14 48%,#0000 70%);border:2px solid #70e0ff57;border-radius:50%;width:82%;height:34%;animation:2.4s steps(6,end) infinite hero-aura-breathe;bottom:1%;left:10%;box-shadow:0 0 0 7px #7ce2ff09,inset 0 0 22px #70e0ff42}.phase-battle .hero-sprite:after{z-index:2;background:#fff3ae;width:5px;height:5px;animation:3.2s steps(8,end) infinite hero-spark-drift;bottom:28%;right:14%;box-shadow:-28px -76px #78dcff,19px -128px #fff3ae,-11px -186px #78dcff,38px -229px #fff3aed9,-37px -278px #78dcffbf}.phase-battle .enemy-sprite-stage{transform-origin:50% 100%;animation:5.4s cubic-bezier(.45,0,.55,1) infinite enemy-stage-living}.phase-battle .enemy-sprite-stage:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 60%, var(--world-accent), transparent 67%);border-radius:50% 50% 44% 44%;width:94%;height:88%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.phase-battle .enemy-sprite-stage:before{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--world-accent) 24%, transparent), transparent 67%)}}.phase-battle .enemy-sprite-stage:before{box-shadow:inset 0 -18px 40px var(--world-accent)}@supports (color:color-mix(in lab, red, red)){.phase-battle .enemy-sprite-stage:before{box-shadow:inset 0 -18px 40px color-mix(in srgb, var(--world-accent) 18%, transparent)}}.phase-battle .enemy-sprite-stage:before{animation:2.8s steps(7,end) infinite enemy-aura-breathe}.phase-battle .enemy-sprite-stage:not(.is-defeated):not(.is-breaking):after{content:"";z-index:3;background:var(--world-accent);width:6px;height:6px;box-shadow:43px -55px 0 var(--world-accent), 82px 16px 0 var(--world-accent), 119px -92px 0 var(--world-accent), 151px -18px 0 #ffffffb3, 183px 56px 0 var(--world-accent);position:absolute;top:24%;left:19%}@supports (color:color-mix(in lab, red, red)){.phase-battle .enemy-sprite-stage:not(.is-defeated):not(.is-breaking):after{box-shadow:43px -55px 0 color-mix(in srgb, var(--world-accent) 82%, white), 82px 16px 0 var(--world-accent), 119px -92px 0 color-mix(in srgb, var(--world-accent) 72%, white), 151px -18px 0 #ffffffb3, 183px 56px 0 var(--world-accent)}}.phase-battle .enemy-sprite-stage:not(.is-defeated):not(.is-breaking):after{animation:3.8s steps(9,end) infinite enemy-mote-drift}.phase-battle .enemy-sprite-stage .boss-sprite{animation:5.2s ease-in-out infinite enemy-living-idle}@keyframes hero-living-idle{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(-2px,-4px)rotate(-.35deg)scale(1.006,.997)}52%{transform:translate(1px,-8px)rotate(.25deg)scale(.996,1.012)}76%{transform:translate(3px,-3px)rotate(.45deg)scaleX(1.004)}}@keyframes hero-aura-breathe{0%,to{opacity:.42;transform:scale(.88,.78)}50%{opacity:.9;transform:scale(1.06,.96)}}@keyframes hero-spark-drift{0%{opacity:0;transform:translateY(18px)}18%,72%{opacity:.88}to{opacity:0;transform:translate(-8px,-34px)}}@keyframes enemy-stage-living{0%,to{transform:translate(0)}32%{transform:translate(2px,-3px)}64%{transform:translate(-2px,-6px)}}@keyframes enemy-living-idle{0%,to{transform:translate(0)rotate(0)scale(1)}22%{transform:translate(-2px,-3px)rotate(.4deg)scale(1.004,.998)}50%{transform:translate(1px,-7px)rotate(-.3deg)scale(.997,1.012)}77%{transform:translate(3px,-2px)rotate(-.5deg)scaleX(1.006)}}@keyframes enemy-aura-breathe{0%,to{opacity:.38;transform:translate(-50%)scale(.9)}50%{opacity:.82;transform:translate(-50%)scale(1.06)}}@keyframes enemy-mote-drift{0%{opacity:0;transform:translateY(22px)rotate(0)}20%,74%{opacity:.8}to{opacity:0;transform:translate(9px,-42px)rotate(90deg)}}.phase-battle .enemy-sprite-stage.is-defeated,.phase-battle .enemy-sprite-stage.is-breaking{animation:none}@media (prefers-reduced-motion:reduce){.phase-battle .hero-sprite,.phase-battle .hero-sprite:before,.phase-battle .hero-sprite:after,.phase-battle .enemy-sprite-stage,.phase-battle .enemy-sprite-stage:before,.phase-battle .enemy-sprite-stage:after,.phase-battle .enemy-sprite-stage .boss-sprite{animation-duration:1ms;animation-iteration-count:1}}.phase-battle .hero-sprite{transform-origin:52% 91%;will-change:transform, filter;background:url(/game-assets/hero.webp) bottom/contain no-repeat;animation:3.2s ease-in-out infinite hero-natural-idle!important}@keyframes hero-natural-idle{0%,to{transform:translate(0)rotate(-.25deg)scale(1.008,.992)}25%{transform:translate(-2px,-3px)rotate(.25deg)scale(.998,1.008)}52%{transform:translate(1px,-7px)rotate(.55deg)scale(.99,1.018)}76%{transform:translate(3px,-3px)rotate(0)scale(1.005,.997)}}.phase-battle .hero-sprite.motion-cast{animation:.86s cubic-bezier(.16,.78,.24,1) hero-natural-cast!important}@keyframes hero-natural-cast{0%,to{filter:brightness();transform:translate(0)rotate(0)skew(0deg)scale(1)}11%{transform:translate(-11px,8px)rotate(-3.5deg)skew(-2deg)scale(1.045,.91)}24%{transform:translate(-4px,3px)rotate(-1.5deg)skew(-1deg)scale(1.025,.97)}43%{filter:brightness(1.2);transform:translate(47px,-15px)rotate(4.8deg)skew(4deg)scale(.945,1.075)}55%{filter:brightness(1.43);transform:translate(79px,-10px)rotate(3.2deg)skew(-2deg)scale(1.04,.96)}67%{filter:brightness(1.18);transform:translate(68px,-4px)rotate(1.2deg)skew(1deg)scale(.985,1.025)}81%{filter:brightness(1.06);transform:translate(27px,4px)rotate(-1.7deg)skew(-1deg)scale(1.035,.965)}93%{transform:translate(5px,-1px)rotate(.5deg)skew(0deg)scale(.995,1.008)}}.phase-battle .hero-sprite.motion-walk{animation:.82s cubic-bezier(.14,.76,.22,1) hero-natural-dash!important}@keyframes hero-natural-dash{0%,to{filter:brightness();transform:translate(0)rotate(0)skew(0deg)scale(1)}10%{transform:translate(-15px,8px)rotate(-4deg)skew(-3deg)scale(1.055,.9)}24%{transform:translate(-4px,2px)rotate(-1deg)skew(-1deg)scale(1.02,.98)}42%{filter:brightness(1.35);transform:translate(58px,-16px)rotate(5deg)skew(5deg)scale(.93,1.09)}57%{filter:brightness(1.18);transform:translate(105px,-8px)rotate(3.5deg)skew(2deg)scale(1.045,.955)}70%{transform:translate(82px,2px)rotate(.5deg)skew(-2deg)scale(1.02,.98)}84%{transform:translate(25px,5px)rotate(-2deg)skew(-1deg)scale(1.035,.965)}94%{transform:translate(4px,-1px)rotate(.4deg)skew(0deg)scale(.995,1.008)}}.phase-battle .hero-sprite.motion-hurt{animation:.6s ease-out hero-natural-hurt!important}@keyframes hero-natural-hurt{0%,to{filter:brightness();opacity:1;transform:translate(0)rotate(0)skew(0deg)scale(1)}17%{filter:brightness(2.2)saturate(.3);transform:translate(-20px,3px)rotate(-4deg)skew(-4deg)scale(1.04,.95)}34%{opacity:.46;transform:translate(9px,-4px)rotate(2.5deg)skew(2deg)scale(.97,1.035)}54%{opacity:1;transform:translate(-9px,2px)rotate(-1.5deg)scale(1.02,.98)}72%{transform:translate(5px,-1px)rotate(.8deg)scale(.99,1.01)}88%{transform:translate(-2px)rotate(-.3deg)scale(1.005,.995)}}.phase-battle .enemy-sprite-stage{animation:none}.phase-battle .enemy-sprite-stage .boss-sprite{object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;transform-origin:50% 88%;will-change:transform, filter, opacity;background:0 0;display:block;position:relative;inset:auto;animation:4.2s ease-in-out infinite enemy-natural-idle!important}@keyframes enemy-natural-idle{0%,to{transform:translate(0)rotate(-.3deg)scale(1.012,.988)}26%{transform:translate(-2px,-3px)rotate(.4deg)scale(.995,1.01)}55%{transform:translate(2px,-8px)rotate(.65deg)scale(.98,1.025)}78%{transform:translate(3px,-3px)rotate(-.15deg)scale(1.008,.995)}}.phase-battle .enemy-sprite-stage .boss-sprite.motion-cast{animation:.9s cubic-bezier(.16,.76,.24,1) enemy-natural-cast!important}@keyframes enemy-natural-cast{0%,to{filter:brightness();transform:translate(0)rotate(0)skew(0deg)scale(1)}11%{transform:translate(16px,9px)rotate(4deg)skew(3deg)scale(1.075,.89)}25%{filter:brightness(1.12);transform:translate(6px,3px)rotate(1.5deg)scale(1.025,.97)}44%{filter:brightness(1.3);transform:translate(-43px,-15px)rotate(-5deg)skew(-4deg)scale(.93,1.09)}57%{filter:brightness(1.55);transform:translate(-79px,-9px)rotate(-3deg)skew(2deg)scale(1.055,.95)}69%{filter:brightness(1.2);transform:translate(-67px,-3px)rotate(-1deg)scale(.985,1.025)}82%{filter:brightness(1.07);transform:translate(-25px,5px)rotate(1.5deg)skew(1deg)scale(1.035,.965)}94%{transform:translate(-4px,-1px)rotate(-.4deg)scale(.995,1.008)}}.phase-battle .enemy-sprite-stage .boss-sprite.motion-hurt{animation:.58s ease-out enemy-natural-hurt!important}@keyframes enemy-natural-hurt{0%,to{filter:brightness();opacity:1;transform:translate(0)rotate(0)skew(0deg)scale(1)}17%{filter:brightness(2.4)saturate(.2);transform:translate(22px,3px)rotate(4deg)skew(4deg)scale(1.055,.94)}35%{opacity:.36;transform:translate(-10px,-4px)rotate(-2.5deg)skew(-2deg)scale(.965,1.04)}55%{opacity:1;transform:translate(10px,2px)rotate(1.5deg)scale(1.025,.975)}74%{transform:translate(-5px,-1px)rotate(-.8deg)scale(.99,1.01)}89%{transform:translate(2px)rotate(.3deg)scale(1.005,.995)}}.phase-battle .enemy-sprite-stage .boss-sprite.motion-walk{animation:.72s steps(7,end) enemy-pixel-enter!important}.enemy-sprite-stage.is-defeated .boss-sprite{animation:1.18s steps(12,end) forwards enemy-defeat-dissolve!important}.enemy-sprite-stage.is-breaking .boss-sprite{animation:1.1s steps(9,end) forwards enemy-pixel-break!important}.phase-battle .hero-sprite:before,.phase-battle .hero-sprite:after,.phase-battle .enemy-sprite-stage:before,.phase-battle .enemy-sprite-stage:not(.is-defeated):not(.is-breaking):after{content:none!important;animation:none!important;display:none!important}.phase-battle .hero-rig{aspect-ratio:3/4;transform-origin:50% 90%;overflow:visible;background:0 0!important;height:auto!important;animation:3.2s ease-in-out infinite hero-rig-root-idle!important}.hero-rig-part{object-fit:contain;height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;display:block;position:absolute}.hero-rig-cape{z-index:1;transform-origin:58% 12%;width:62%;animation:3.4s ease-in-out infinite hero-rig-cape-idle;bottom:32%;left:2%}.hero-rig-body{z-index:2;transform-origin:50% 90%;width:70%;animation:3.2s ease-in-out infinite hero-rig-body-idle;bottom:0;left:15%}.hero-rig-head{z-index:4;transform-origin:50% 82%;width:30%;animation:3.2s ease-in-out infinite hero-rig-head-idle;bottom:63%;left:37%}.hero-rig-gear{z-index:5;transform-origin:57% 48%;width:78%;animation:3.2s ease-in-out infinite hero-rig-gear-idle;bottom:29%;left:21%}@keyframes hero-rig-root-idle{0%,to{transform:translate(0)}50%{transform:translateY(-4px)}}@keyframes hero-rig-body-idle{0%,to{transform:rotate(-.2deg)scale(1.006,.994)}50%{transform:rotate(.3deg)scale(.994,1.012)}}@keyframes hero-rig-head-idle{0%,to{transform:translate(-1px,1px)rotate(-.7deg)}50%{transform:translate(1px,-2px)rotate(.9deg)}}@keyframes hero-rig-cape-idle{0%,to{transform:translate(-1px,1px)rotate(-1.5deg)}50%{transform:translate(2px,-2px)rotate(2deg)}}@keyframes hero-rig-gear-idle{0%,to{transform:translateY(1px)rotate(-.35deg)}50%{transform:translateY(-1px)rotate(.45deg)}}.phase-battle .hero-rig.motion-cast{animation:.86s cubic-bezier(.16,.78,.24,1) hero-rig-cast-root!important}.hero-rig.motion-cast .hero-rig-body{animation:.86s ease-out hero-rig-cast-body!important}.hero-rig.motion-cast .hero-rig-head{animation:.86s ease-out hero-rig-cast-head!important}.hero-rig.motion-cast .hero-rig-cape{animation:.86s ease-out hero-rig-cast-cape!important}.hero-rig.motion-cast .hero-rig-gear{animation:.86s cubic-bezier(.16,.78,.24,1) hero-rig-cast-gear!important}@keyframes hero-rig-cast-root{0%,to{transform:translate(0)}11%{transform:translate(-10px,7px)}25%{transform:translate(-3px,2px)}44%{transform:translate(43px,-13px)}57%{transform:translate(72px,-8px)}69%{transform:translate(62px,-3px)}82%{transform:translate(24px,3px)}94%{transform:translate(4px,-1px)}}@keyframes hero-rig-cast-body{0%,to{transform:rotate(0)scale(1)}11%{transform:rotate(-3deg)scale(1.04,.92)translateY(6px)}25%{transform:rotate(-1deg)scale(1.02,.98)}44%{transform:rotate(4deg)scale(.97,1.045)translateY(-3px)}57%{transform:rotate(5deg)scale(1.025,.975)}70%{transform:rotate(1.5deg)scale(.99,1.015)}83%{transform:rotate(-1.5deg)scale(1.025,.975)}}@keyframes hero-rig-cast-head{0%,to{transform:translate(0)rotate(0)}11%{transform:translate(-5px,5px)rotate(-6deg)}25%{transform:translate(-2px,1px)rotate(-2deg)}44%{transform:translate(5px,-6px)rotate(3deg)}58%{transform:translate(8px,-4px)rotate(6deg)}72%{transform:translate(3px,1px)rotate(1deg)}84%{transform:translate(-2px,2px)rotate(-2deg)}}@keyframes hero-rig-cast-cape{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(5px,3px)rotate(5deg)}44%{transform:translate(-12px,5px)rotate(-8deg)}58%{transform:translate(-17px,3px)rotate(-11deg)}75%{transform:translate(4px,-2px)rotate(4deg)}87%{transform:translate(-2px,1px)rotate(-2deg)}}@keyframes hero-rig-cast-gear{0%,to{transform:translate(0)rotate(0)scale(1)}11%{transform:translate(-7px,6px)rotate(-6deg)scale(.99)}25%{transform:translate(-2px,2px)rotate(-2deg)}44%{transform:translate(11px,-10px)rotate(7deg)scale(1.02)}57%{transform:translate(18px,-7px)rotate(10deg)scale(1.025)}70%{transform:translate(7px)rotate(3deg)}83%{transform:translate(-2px,2px)rotate(-2deg)}}.phase-battle .hero-rig.motion-walk{animation:.82s cubic-bezier(.14,.76,.22,1) hero-rig-dash-root!important}.hero-rig.motion-walk .hero-rig-body{animation:.82s ease-out hero-rig-dash-body!important}.hero-rig.motion-walk .hero-rig-head{animation:.82s ease-out hero-rig-dash-head!important}.hero-rig.motion-walk .hero-rig-cape{animation:.82s ease-out hero-rig-dash-cape!important}.hero-rig.motion-walk .hero-rig-gear{animation:.82s ease-out hero-rig-dash-gear!important}@keyframes hero-rig-dash-root{0%,to{transform:translate(0)}10%{transform:translate(-14px,7px)}24%{transform:translate(-3px,2px)}43%{transform:translate(58px,-14px)}57%{transform:translate(99px,-7px)}71%{transform:translate(78px,2px)}84%{transform:translate(24px,4px)}95%{transform:translate(3px,-1px)}}@keyframes hero-rig-dash-body{0%,to{transform:rotate(0)scale(1)}10%{transform:rotate(-4deg)scale(1.05,.9)translateY(7px)}43%{transform:rotate(5deg)scale(.96,1.055)translateY(-4px)}58%{transform:rotate(5.5deg)scale(1.03,.97)}72%{transform:rotate(1deg)scale(.99,1.015)}85%{transform:rotate(-1.5deg)scale(1.02,.98)}}@keyframes hero-rig-dash-head{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-5px,5px)rotate(-7deg)}43%{transform:translate(6px,-7px)rotate(5deg)}58%{transform:translate(9px,-4px)rotate(7deg)}76%{transform:translate(2px,1px)rotate(1deg)}}@keyframes hero-rig-dash-cape{0%,to{transform:translate(0)rotate(0)}11%{transform:translate(6px,3px)rotate(6deg)}43%{transform:translate(-15px,6px)rotate(-10deg)}59%{transform:translate(-22px,4px)rotate(-14deg)}77%{transform:translate(5px,-2px)rotate(5deg)}}@keyframes hero-rig-dash-gear{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-8px,6px)rotate(-7deg)}43%{transform:translate(13px,-11px)rotate(9deg)}58%{transform:translate(21px,-7px)rotate(12deg)}75%{transform:translate(7px)rotate(3deg)}}.phase-battle .hero-rig.motion-hurt{animation:.6s ease-out hero-rig-hurt-root!important}.hero-rig.motion-hurt .hero-rig-body{animation:.6s ease-out hero-rig-hurt-body!important}.hero-rig.motion-hurt .hero-rig-head{animation:.6s ease-out hero-rig-hurt-head!important}.hero-rig.motion-hurt .hero-rig-cape{animation:.6s ease-out hero-rig-hurt-cape!important}.hero-rig.motion-hurt .hero-rig-gear{animation:.6s ease-out hero-rig-hurt-gear!important}@keyframes hero-rig-hurt-root{0%,to{filter:brightness();opacity:1;transform:translate(0)}17%{filter:brightness(2.2)saturate(.3);transform:translate(-20px,3px)rotate(-3deg)}35%{opacity:.46;transform:translate(9px,-4px)rotate(1.5deg)}55%{opacity:1;transform:translate(-9px,2px)rotate(-1deg)}74%{transform:translate(5px,-1px)rotate(.5deg)}}@keyframes hero-rig-hurt-body{0%,to{transform:rotate(0)scale(1)}17%{transform:rotate(-4deg)scale(1.04,.95)}35%{transform:rotate(2deg)scale(.975,1.025)}56%{transform:rotate(-1deg)scale(1.015,.985)}}@keyframes hero-rig-hurt-head{0%,to{transform:translate(0)rotate(0)}17%{transform:translate(-6px,5px)rotate(-9deg)}36%{transform:translate(3px,-2px)rotate(4deg)}57%{transform:translate(-2px,1px)rotate(-2deg)}}@keyframes hero-rig-hurt-cape{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(7px,-3px)rotate(9deg)}38%{transform:translate(-4px,2px)rotate(-4deg)}}@keyframes hero-rig-hurt-gear{0%,to{transform:translate(0)rotate(0)}17%{transform:translate(-7px,4px)rotate(-5deg)}36%{transform:translate(4px,-2px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.phase-battle .hero-rig,.phase-battle .hero-rig-part{animation-duration:1ms!important;animation-iteration-count:1!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}._page_xl1mi_1{color:#edfaff;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 3px 4px),radial-gradient(circle at 50% 0,#65f4ff21,#0000 38%),#03080c;height:100svh;min-height:100svh;padding:28px 18px 70px;font-family:Inter,Hiragino Sans,Yu Gothic,sans-serif;overflow-y:auto}._shell_xl1mi_13{width:min(880px,100%);margin:0 auto}._back_xl1mi_14{color:#65f4ff;background:#10232a;border:2px solid #05070b;outline:1px solid #65f4ff;margin-bottom:24px;padding:10px 14px;font-size:11px;font-weight:900;text-decoration:none;display:inline-block;box-shadow:4px 4px #000}._hero_xl1mi_15{background:linear-gradient(135deg,#65f4ff24,#040d12f0);border:4px solid #05070b;outline:2px solid #65f4ff;padding:28px;box-shadow:9px 9px #000}._hero_xl1mi_15 small{color:#65f4ff;letter-spacing:.2em;font-size:9px;font-weight:900}._hero_xl1mi_15 h1{color:#fff45f;margin:7px 0 10px;font-size:clamp(30px,6vw,54px);line-height:1.1}._hero_xl1mi_15 p{color:#a8bcc4;margin:0;line-height:1.8}._notice_xl1mi_19{color:#d9e7eb;background:#fff45f14;border-left:5px solid #fff45f;margin-top:20px;padding:15px 18px;line-height:1.7}._section_xl1mi_20{background:#0c1b21f0;border:3px solid #05070b;outline:1px solid #31545e;margin-top:18px;padding:22px 24px;box-shadow:6px 6px #000000b3}._section_xl1mi_20 h2{color:#65f4ff;margin:0 0 10px;font-size:20px}._section_xl1mi_20 h3{color:#fff45f;margin:20px 0 6px;font-size:14px}._section_xl1mi_20 p,._section_xl1mi_20 li,._section_xl1mi_20 dd{color:#a7bac2;font-size:13px;line-height:1.8}._section_xl1mi_20 ul,._section_xl1mi_20 ol{padding-left:22px}._section_xl1mi_20 dl{grid-template-columns:190px 1fr;margin:0;display:grid}._section_xl1mi_20 dt,._section_xl1mi_20 dd{border-bottom:1px solid #29444d;margin:0;padding:11px}._section_xl1mi_20 dt{color:#fff;font-size:12px;font-weight:900}._section_xl1mi_20 a{color:#65f4ff}._checklist_xl1mi_29{counter-reset:check;gap:9px;padding:0;list-style:none;display:grid}._checklist_xl1mi_29 li{background:#0b1a20;border:2px solid #05070b;grid-template-columns:36px 1fr;gap:12px;padding:13px;display:grid}._checklist_xl1mi_29 li:before{counter-increment:check;content:counter(check);color:#65f4ff;border:2px solid #65f4ff;place-items:center;width:32px;height:32px;font-weight:900;display:grid}._play_xl1mi_32{color:#061015;background:#65f4ff;border:4px solid #05070b;outline:1px solid #fff;place-items:center;min-height:58px;margin-top:20px;font-weight:1000;text-decoration:none;display:grid;box-shadow:6px 6px #000}._footer_xl1mi_33{color:#718890;text-align:center;margin-top:28px;font-size:10px}@media (width<=600px){._hero_xl1mi_15,._section_xl1mi_20{padding:18px 15px}._section_xl1mi_20 dl{grid-template-columns:1fr}._section_xl1mi_20 dt{border-bottom:0;padding-bottom:2px}._section_xl1mi_20 dd{padding-top:2px}}