:root{color:#edf3f4;font-synthesis:none;--cyan:#99e9f1;--red:#eb7f6e;--muted:#91a6b6;--navy:#0d1d2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070f19;font-family:Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{color:inherit}a{color:var(--cyan)}#app{min-height:100svh}.boot{text-align:center;place-content:center;gap:15px;min-height:100svh;padding:25px;display:grid}.boot-fire{color:var(--cyan);filter:drop-shadow(0 0 15px #3abeed);font-size:42px}.shell{background:#0a1827;max-width:460px;min-height:100svh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 100px #0008}.art-bg{opacity:.17;pointer-events:none;background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.shell:after{content:"";pointer-events:none;background:linear-gradient(#08152411,#07111dee);position:absolute;top:0;bottom:0;left:0;right:0}.surface{z-index:1;padding:32px 25px 15px;position:relative}.eyebrow{letter-spacing:.23em;color:var(--cyan);text-align:center;margin:0 0 17px;font-size:10px;font-weight:700}.hero{background:#081423;height:min(61svh,510px);margin:0 -25px;position:relative;overflow:hidden}.hero-character{object-fit:cover;object-position:50% 25%;opacity:.94;width:100%;height:100%}.hero-shade{background:linear-gradient(#07132200 50%,#081523 98%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-logo{object-fit:contain;filter:drop-shadow(0 6px 22px #000b);width:65%;max-height:230px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.hero-copy{text-align:center;letter-spacing:.08em;width:100%;font-family:Yu Mincho,serif;font-size:18px;position:absolute;bottom:9px}.hero-copy small{color:#adc4ce;letter-spacing:.15em;font-family:sans-serif;font-size:11px}.title-actions{padding-top:23px}.primary,.secondary,.mv-button{text-align:center;border:0;border-radius:9px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:53px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.primary{color:#0a2835;background:linear-gradient(120deg,#a6edf2,#5fc9dd);box-shadow:0 7px 28px #3299bc22}.primary span{letter-spacing:.12em;font-size:10px}.secondary{color:#d4e4e9;background:#12304455;border:1px solid #345467;margin-top:12px;font-size:13px}.hint{text-align:center;color:var(--muted);margin:18px 0 5px;font-size:11px;line-height:1.9}footer{z-index:1;padding:21px 24px max(20px,env(safe-area-inset-bottom));color:#738c9e;border-top:1px solid #31475755;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex;position:relative}footer a{text-decoration:none}.menu-head{align-items:center;gap:15px;margin:6px 0 25px;display:flex}.menu-head h1{margin:0;font-family:Yu Mincho,serif;font-size:23px}.menu-head .eyebrow{text-align:left;margin:0 0 8px;font-size:9px}.back,.round{background:#112537;border:1px solid #37505e;border-radius:50%;width:35px;height:35px;font-size:18px}.round{margin-left:auto;font-size:16px}.intro{color:#b7c8d1;margin-bottom:28px;font-size:13px;line-height:1.8}.song-list{gap:15px;display:grid}.song-card{text-align:left;background:linear-gradient(120deg,#152b3eee,#0b1c2cf0);border:1px solid #3e6475;border-radius:13px;align-items:center;gap:15px;min-height:150px;padding:12px;transition:transform .2s;display:flex}.song-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.song-card img{object-fit:cover;border-radius:7px;width:82px;height:112px}.song-card span{flex-direction:column;flex:1;gap:8px;display:flex}.song-card small{letter-spacing:.12em;color:var(--cyan);font-size:8px}.song-card strong{font-family:Yu Mincho,serif;font-size:20px}.song-card em{color:#a2b9c8;font-size:10px;font-style:normal;line-height:1.6}.song-card b{color:#e49a8c;font-size:10px}.song-card i{color:var(--cyan);font-style:normal}.guide-card{background:#0c203166;border:1px solid #38516388;border-radius:12px;margin:28px 0 40px;padding:22px}.guide-card>b{letter-spacing:.12em;font-family:Yu Mincho,serif}.guide-card p{color:#acc4d2;font-size:12px;line-height:1.9}.key-guide{justify-content:center;gap:9px;display:flex}.key-guide span{border:1px solid #6d929e;border-radius:5px;place-items:center;width:45px;height:32px;font-weight:700;display:grid}.difficulty-art{object-fit:cover;object-position:center 30%;border:1px solid #3a5667;border-radius:12px;width:100%;height:220px}.difficulty-buttons{gap:18px;margin-bottom:30px;display:grid}.difficulty{text-align:left;background:linear-gradient(120deg,#113c4b,#0f2538);border:1px solid #448192;border-radius:12px;flex-direction:column;gap:8px;padding:22px;display:flex}.difficulty span{letter-spacing:.09em;color:var(--cyan);font-size:25px}.difficulty small{color:#becdd4;font-size:12px}.difficulty b{letter-spacing:.04em;font-size:10px}.difficulty.normal{background:linear-gradient(120deg,#402737,#182233);border-color:#a6655a}.difficulty.normal span{color:#eea194}.loading-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:75svh;display:flex}.loading-view h1{font-size:22px}.loading-view p{color:#b8cbd4;font-size:13px;line-height:1.9}.error{color:#f2a391!important}.play-shell{touch-action:none;-webkit-user-select:none;user-select:none;background:#0a1625;width:min(100vw,56.25svh,460px);height:min(177.78vw,100svh,817.78px);margin:auto;position:relative}#game-canvas{position:absolute;top:0;bottom:0;left:0;right:0}#game-canvas canvas{touch-action:none;display:block}.play-hud{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:3%;left:7%;right:7%}.play-hud small{letter-spacing:.06em;color:#a6c1ce;font-size:clamp(8px,2.5vw,11px);display:block}.play-hud strong{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:24px;display:block}.pause-button{pointer-events:auto;background:#0f263ac9;border:1px solid #477789;border-radius:50%;width:35px;height:35px;font-size:15px}.play-progress{background:#59879c44;height:2px;position:absolute;top:12%;left:7%;right:7%}.play-progress i{background:var(--cyan);width:0;height:100%;display:block}.combo-hud{text-align:center;pointer-events:none;text-shadow:0 2px 10px #000;width:100%;position:absolute;top:34.5%}.combo-hud strong{font-size:31px;line-height:1;display:block}.combo-hud small{letter-spacing:.25em;color:#b7cfda;font-size:8px}.combo-hud b{letter-spacing:.12em;height:20px;color:var(--cyan);margin-top:7px;font-size:15px;display:block}.countin{text-align:center;text-shadow:0 0 15px #082538;pointer-events:none;color:#d2f5f4;width:100%;font-family:Yu Mincho,serif;font-size:50px;position:absolute;top:65%}.play-section{text-align:center;letter-spacing:.14em;color:#c5f5f5;width:100%;font-size:10px;position:absolute;top:28.7%}.overlay{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040b15d9;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.pause-panel,.settings-panel{background:#0e2233;border:1px solid #3c6477;border-radius:17px;width:min(100%,390px);max-height:90svh;padding:28px;overflow:auto;box-shadow:0 20px 80px #0008}.pause-panel h1,.settings-panel h1{text-align:center;margin:0 0 20px;font-family:Yu Mincho,serif;font-size:25px}.pause-panel p{text-align:center;color:#a5bfcd;margin-bottom:26px;font-size:12px;line-height:1.8}.text-button{color:#9eb9c8;background:0 0;border:0;margin:16px auto 0;font-size:12px;display:block}.settings-panel label{margin-top:17px;font-size:12px;display:block}.settings-panel output{float:right;color:var(--cyan)}.settings-panel input[type=range]{accent-color:#8edfef;width:100%;height:23px;margin:14px 0 0}.settings-panel select{float:right;background:#152e42;border:1px solid #477280;padding:5px;font-size:12px}.settings-panel .check{align-items:center;gap:12px;margin-bottom:23px;display:flex}.setting-note{color:#90aabb;margin:4px 0 0;font-size:10px;line-height:1.7}.result-title{text-align:center;margin:0 0 19px;font-family:Yu Mincho,serif;font-size:19px}.result-art{border-radius:10px;height:200px;position:relative;overflow:hidden}.result-art img{object-fit:cover;object-position:center 27%;opacity:.65;width:100%;height:100%}.result-art:after{content:"";background:linear-gradient(#0000,#0b1b2bcc);position:absolute;top:0;bottom:0;left:0;right:0}.rank{z-index:1;color:#dbd2a1;text-shadow:0 3px 25px #061220;font-family:serif;font-size:98px;font-style:italic;position:absolute;bottom:0;right:20px}.result-score{text-align:center;flex-direction:column;gap:5px;margin:20px 0 22px;display:flex}.result-score small{letter-spacing:.15em;color:#94afbf;font-size:9px}.result-score strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:41px}.result-score span{color:var(--cyan);letter-spacing:.08em;font-size:13px}.result-stats{text-align:center;border-top:1px solid #3e5d70;border-bottom:1px solid #3e5d70;grid-template-columns:1fr 1fr;padding:18px 0;display:grid}.result-stats span{color:#91acbd;font-size:10px;display:block}.result-stats b{margin-top:8px;font-size:23px;display:block}.judgement-list{background:#142a3b;border-radius:10px;gap:9px;margin:14px 0 25px;padding:17px 22px;display:grid}.judgement-list div{justify-content:space-between;font-size:11px;display:flex}.judgement-list span{letter-spacing:.12em;color:#b5d2de}.mv-button{color:#efd6ca;background:#452d34;border:1px solid #a1695c;margin:13px 0;font-size:13px}.result-actions{padding-bottom:20px}@media (min-width:650px){body{background:radial-gradient(at 50% 35%,#183248,#070f19 70%)}.shell{border:1px solid #31485a;border-radius:18px;min-height:0;margin-top:25px;margin-bottom:25px}.play-shell{margin-top:0}.surface{padding-top:28px}.hero{height:440px}}@media (max-height:650px){.hero{height:52svh}.surface{padding-top:22px}.title-actions{padding-top:15px}.hint{margin-top:10px}.hero-logo{max-height:150px;bottom:65px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.combo-hud em{letter-spacing:.06em;color:#bdd0d9;height:12px;font-size:9px;font-style:normal;display:block}.hero-character{object-position:50% 50%;height:66%;position:absolute;top:0;left:0}.hero-shade{background:linear-gradient(#0000 30%,#081523 67%)}.hero-logo{width:68%;max-height:145px;bottom:66px}@media (max-height:650px){.hero-logo{max-height:115px;bottom:62px}}.combo-hud{top:36%}.combo-hud small{line-height:12px;display:block}.combo-hud b{line-height:25px}.combo-hud em{line-height:12px}.combo-hud b{letter-spacing:.06em;height:25px;font-size:21px;font-weight:900}.combo-hud b[data-grade=GREAT]{color:#ffdc79}.combo-hud b[data-grade=GOOD]{color:#ffa276}.combo-hud b[data-grade=MISS]{color:#ff7978}.combo-hud em{font-size:10px}.audio-notice{background:#16394b;border:1px solid #9bdfe7;border-radius:10px;margin:0 0 18px;padding:14px 16px}.audio-notice b{color:#d0f5f8;font-size:14px}.audio-notice p{color:#bdd3df;margin:8px 0 0;font-size:11px;line-height:1.7}.combo-milestone{z-index:3;color:#8cf3ff;pointer-events:none;background:#092237eb;border:1px solid;border-radius:12px;grid-template-columns:25px 1fr;align-items:center;width:84px;height:65px;padding:5px;animation:1.4s ease-out both combo-flare;display:grid;position:absolute;top:38%;left:4%;box-shadow:0 0 20px #36b3d366}.combo-milestone[hidden]{display:none}.combo-milestone svg{filter:drop-shadow(0 0 6px);grid-row:span 2;width:24px;height:42px}.combo-milestone b{text-align:center;font-size:23px;line-height:1}.combo-milestone small{letter-spacing:.04em;text-align:center;font-size:8px}.combo-milestone[data-level="50"]{color:#ffdc79;box-shadow:0 0 24px #ffbd5755}.combo-milestone[data-level="100"]{color:#baf3ff;box-shadow:0 0 28px #60e5ffaa}.combo-milestone.still{animation:none}@keyframes combo-flare{0%{opacity:0;transform:scale(.75)}12%{opacity:1;transform:scale(1.12)}28%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.04)}}@media (max-width:350px){.combo-hud strong{font-size:26px}.combo-hud small{font-size:7px;line-height:10px}.combo-hud b{height:22px;margin-top:4px;font-size:18px;line-height:22px}.combo-hud em{height:10px;font-size:8px;line-height:10px}}