:root{color-scheme:dark;--bg:#120e14;--panel:#18141b;--ink:#ecead9;--muted:#a596b0;--line:#8e7b9b32;--mint:#cabad5;--gold:#dbc399;--red:#ef9986;--mono:Consolas,"SFMono-Regular",monospace;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.6 var(--sans);overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:not(:disabled):hover{color:#fff}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}img{display:block;max-width:100%}kbd{font:10px var(--mono);border:1px solid #c9bfd135;border-radius:3px;padding:2px 5px;color:#c0b5c8}button{transition:background .18s,color .18s,border-color .18s}button.primary{background:var(--mint);color:#19141c;border:1px solid var(--mint);padding:13px 22px;font-weight:600;border-radius:3px}button.primary:not(:disabled):hover{background:#dfd4e7;color:#140e18}.secondary{border:1px solid var(--line);border-radius:3px;padding:10px 16px;background:#cfc4d707}.secondary:hover{background:#cfc4d714}.tiny-label{font:9px var(--mono);letter-spacing:.16em;color:#ab9cb5}.app-shell{height:100svh;min-height:620px;display:grid;grid-template-rows:70px minmax(0,1fr) 30px}.topbar{padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:38px;background:#120e14;position:relative;z-index:3}.game-brand{display:flex;align-items:center;gap:12px;font:23px var(--serif);letter-spacing:.08em}.brand-symbol{color:var(--gold);font:40px Georgia}.game-brand small{display:block;font:8px var(--mono);letter-spacing:.17em;color:#ab9cb5;margin-top:2px}.level-heading{border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column;gap:2px}.level-heading>span{font:9px var(--mono);color:var(--muted)}.level-heading>strong{font-size:13px;font-weight:400}.top-actions{margin-left:auto;display:flex;gap:18px;font-size:11px;color:#bfb4c6}.top-actions kbd{margin-left:6px}.play-layout{display:grid;grid-template-columns:188px minmax(0,1fr) 242px;min-height:0;max-width:1920px;width:100%;margin:auto;height:100%}.rhythm-panel,.bench-panel{background:linear-gradient(170deg,#1c1720,#161219);min-height:0;position:relative}.rhythm-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 16px 15px}.bench-panel{border-left:1px solid var(--line);padding:20px 18px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#665671 #18141b}.panel-heading{display:flex;align-items:center;gap:8px;white-space:nowrap}.panel-heading h2{font:17px var(--serif);letter-spacing:.08em}.section-number{font:9px var(--mono);color:#bcacc8}.panel-heading .tiny-label{margin-left:auto;font-size:7px}.rhythm-stats{text-align:center;padding:17px 0 8px}.rhythm-stats>strong{font:46px/1.2 var(--serif);display:block;color:#e0dec9}.rhythm-stats>span{font:8px var(--mono);letter-spacing:.22em;color:#b0a3ba}.rhythm-stats>small{display:block;height:22px;font:12px var(--mono);color:var(--gold);margin-top:10px}.note-lane{flex:1;min-height:180px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,#ab9eb509,transparent);margin:0 10px}.lane-guide{position:absolute;left:50%;width:1px;top:0;bottom:0;background:linear-gradient(transparent,#bdadc850)}#notes{position:absolute;inset:0}.rhythm-note{position:absolute;left:50%;width:52px;height:15px;margin-left:-26px;transform:translateY(-50%);background:#cebeda;border:1px solid #dfd4e7;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}.rhythm-note.accent{background:#e8c88f;border-color:#ffecbd}.judge-line{position:absolute;left:0;right:0;top:82%;height:2px;display:flex;align-items:center;color:#cabad6}.judge-line>span{height:1px;background:#c4b2d0aa;flex:1}.judge-line i{font:30px Georgia;margin:0 4px}.note-lane.hit{background:radial-gradient(ellipse at 50% 82%,#c1abd030,transparent 50%)}.hit-pad{border:1px solid #cabad566;background:#bbaac70b;border-radius:5px;padding:12px 6px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;position:relative}.hit-pad:active,.hit-pad.is-hit{background:#cabad52a}.hit-pad>span{font:22px var(--serif);letter-spacing:.15em}.hit-pad>kbd{font-size:13px}.hit-pad>small{grid-column:1/-1;font-size:9px;color:#b5a8be;letter-spacing:.08em}.rhythm-footer{padding:14px 2px 0;display:grid;gap:6px;font-size:10px}.rhythm-footer>div{display:flex;justify-content:space-between;color:var(--muted)}.rhythm-footer strong{color:#cbc1d3;font:11px var(--mono)}.mini-toggle{display:flex;gap:6px;align-items:center;font-size:10px;color:#ad9fb7;cursor:pointer;margin-top:5px}.mini-toggle input{accent-color:var(--mint);width:12px;height:12px}.battle-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#17131a}.battle-top{height:86px;flex-shrink:0;display:flex;align-items:center;padding:14px 26px;gap:22px;border-bottom:1px solid #8773951c;background:#19151c}.battle-top h1{font:21px var(--serif);letter-spacing:.08em;margin-top:5px}.goal-list{display:flex;gap:14px;margin-left:auto}.goal-item{font-size:9px;min-width:70px;color:#b5a9be}.goal-item strong{display:block;font:13px var(--mono);color:#e2dfc3}.goal-item.dead strong{color:var(--red)}.goal-bar{height:3px;background:#c8b8d31e;margin-top:4px}.goal-bar i{height:100%;display:block;background:#bfabce}.goal-item.dead .goal-bar i{background:#ef9986}.battle-metrics{border-left:1px solid var(--line);padding-left:17px;display:grid;gap:4px;font-size:10px;color:#aa9cb4}.battle-metrics b{font:11px var(--mono);color:#e4d9bd;margin-left:7px}.field-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#171319;isolation:isolate}#field{display:block;width:100%;height:100%;touch-action:none;cursor:default}.field-top-hint{position:absolute;top:17px;left:25px;font-size:10px;color:#ada0b7;pointer-events:none}.field-status{position:absolute;top:15px;right:22px;font:9px var(--mono);color:#a494af;pointer-events:none}.field-message{position:absolute;bottom:55px;left:50%;transform:translateX(-50%) translateY(6px);border:1px solid #ab9eb550;background:#1f1823ed;color:#e2d9e8;padding:9px 17px;border-radius:4px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap;max-width:90%}.field-message.show{opacity:1;transform:translateX(-50%) translateY(0)}.field-message.error{border-color:#dc9d8460;color:#ffd2bd;background:#352721ed}.field-legend{position:absolute;bottom:15px;left:23px;right:23px;display:flex;gap:18px;font-size:9px;color:#8d7a9b;pointer-events:none}.field-legend>span{display:flex;align-items:center;gap:6px}.field-legend i{width:9px;height:9px;display:inline-block;transform:rotate(45deg);border:1px solid #cbbbd63d}.legend-road{background:#b1a4bb3b}.legend-build{background:#63536e2e}.battle-bottom{height:100px;flex-shrink:0;border-top:1px solid var(--line);display:flex;gap:23px;align-items:center;padding:15px 26px;background:#17121a}.song-details{display:flex;align-items:center;gap:10px;min-width:140px}.music-symbol{font:27px var(--serif);color:var(--gold)}.song-details strong{font-size:12px;font-weight:400;display:block}.song-details small{font:9px var(--mono);color:#9988a6;display:block;margin-top:3px}.timeline{flex:1}.timeline-labels{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);color:#ab9db5}.progress-track{height:3px;background:#b9a5c722;margin-top:9px}.progress-track i{height:100%;width:0;display:block;background:#d7c49b}.volume-control{width:67px;font-size:9px;color:var(--muted)}input[type=range]{appearance:none;width:100%;height:3px;background:#9b8aa755;accent-color:var(--mint);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:var(--mint)}.currency{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);margin:18px 0;padding-bottom:16px}.currency>span{font-size:11px;color:#afa2b8}.currency>strong{font:32px/1 var(--serif);margin-left:auto;color:#ead6ae}.currency>i{font:16px Georgia;color:#c9b58e}.bench-section-title{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px}.bench-section-title h3{font:15px var(--serif)}.bench-section-title>span{font-size:9px;color:#9684a2}.character-cards{display:grid;gap:10px}.reserve-card{border:1px solid #a798b236;border-radius:5px;background:linear-gradient(110deg,#b5a0c408,#b9a8c502);position:relative;overflow:hidden;display:grid;grid-template-columns:52px 1fr;gap:10px;padding:10px;cursor:grab;user-select:none}.reserve-card.selected{border-color:#c3afd2;background:#bba5ca15}.card-portrait{width:52px;height:65px;overflow:hidden;background:#aa97b71c;border-radius:3px}.card-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;transform:scale(1.8);transform-origin:50% 10%;pointer-events:none}.card-body h4{font:16px var(--serif);margin:0 0 4px}.card-body>span{font-size:9px;color:#b4a8bd;display:block}.card-bottom{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;border-top:1px solid #b5a0c420;padding-top:7px;margin-top:2px}.card-stock{display:flex;gap:9px;font:9px var(--mono);color:#cec2d6}.card-stock>span.empty{color:#796687}.recruit-button{font-size:10px;color:#cfc0da;border:1px solid #b3a0c159;border-radius:3px;padding:4px 9px;background:#bda9cb11}.recruit-button:not(:disabled):hover{background:#bba5ca2e}.tier-tabs{display:flex;gap:4px;margin-top:7px}.tier-button{font:9px var(--mono);padding:2px 6px;border:1px solid #9e8ea930;border-radius:2px;color:#a596af}.tier-button.active{background:#bbaac72b;border-color:#bbaac776;color:#dbcfe4}.merge-button{font-size:10px;border:1px solid #c8aa714a;color:#dfc18e;padding:6px 10px;width:100%;margin-top:7px;border-radius:3px;background:#c5a96809}.merge-button:disabled{display:none}.platform-heading{margin-top:22px}.platform-tokens{display:flex;flex-wrap:wrap;gap:7px;min-height:40px}.platform-token{display:flex;align-items:center;gap:7px;border:1px solid #a994b844;padding:7px 10px;border-radius:3px;font-size:10px;color:#c6b6d1;cursor:grab;user-select:none;min-height:38px}.platform-token.selected{border-color:#eed0a4;background:#d9c9a51a}.platform-token>i{font:20px var(--serif);color:#d4c496}.platform-token small{font:9px var(--mono)}.platform-empty{font-size:10px;color:#836e92;padding:8px 0}.bench-tip{font-size:10px;line-height:1.9;color:#927f9f;margin-top:12px}.bench-selection{font-size:10px;line-height:1.8;color:#baadc3;border-top:1px solid var(--line);padding-top:16px;margin-top:21px}.bench-panel>.secondary{font-size:10px;width:100%;margin-top:12px;padding:7px}.game-footer{display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.06em;color:#8a7798;background:#120e14}.game-footer button{font-size:9px}.screen-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#0e0a10ca;backdrop-filter:blur(7px);padding:24px}.screen-overlay[hidden], [hidden]{display:none!important}.setup-dialog{width:min(1100px,100%);height:min(690px,calc(100svh - 50px));display:grid;grid-template-columns:43% 57%;border:1px solid #b5a3c240;border-radius:8px;overflow:hidden;background:#1c1720;box-shadow:0 30px 100px #0005}.setup-art{background:radial-gradient(ellipse at 60% 65%,#856d9645,transparent 65%),linear-gradient(135deg,#302936,#221b27);position:relative;padding:35px 32px;isolation:isolate;overflow:hidden}.setup-eyebrow{font:8px var(--mono);letter-spacing:.2em;color:#c4b7ce}.setup-art h1{font:39px var(--serif);letter-spacing:.17em;margin-top:19px;position:relative;z-index:3}.setup-art h1>span{display:block;font:11px var(--sans);letter-spacing:.13em;color:#baaec3;margin-top:13px}.setup-art img{position:absolute;pointer-events:none;object-fit:contain;width:82%;max-width:none;height:79%;bottom:15px;filter:drop-shadow(0 12px 15px #0a070c50)}.hero-lila{left:-18%;z-index:1;transform:rotate(-5deg)}.hero-buduji{right:-22%;z-index:2;transform:rotate(5deg)}.art-orbit{position:absolute;width:500px;height:500px;border:1px solid #c4b2d138;border-radius:50%;left:-55px;top:160px;z-index:-1}.art-orbit:before,.art-orbit:after{content:"";position:absolute;border:1px solid #c4b2d120;inset:24px;border-radius:50%}.art-orbit:after{inset:75px}.art-caption{position:absolute;bottom:25px;left:32px;font:14px var(--serif);letter-spacing:.16em;z-index:4;text-shadow:0 1px 8px #17111c}.art-caption small{display:block;font:8px var(--mono);letter-spacing:.1em;margin-top:7px;color:#bbacc6}.setup-content{padding:30px 35px;overflow-y:auto;scrollbar-width:thin}.setup-top{display:flex;justify-content:space-between;align-items:center}.prototype-tag{font:9px var(--mono);color:#b0a2ba;border:1px solid #b0a2ba38;border-radius:3px;padding:3px 7px}.setup-content h2{font:29px var(--serif);margin:12px 0 20px;letter-spacing:.1em}.stage-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stage-option{border:1px solid var(--line);border-radius:4px;padding:12px;text-align:left;background:#c5b9cd04}.stage-option.active{border-color:#bba7c9;background:#c1adcf12}.stage-option>small{font:8px var(--mono);color:#9887a4;display:block}.stage-option>strong{display:block;font:16px var(--serif);margin:5px 0}.stage-option>span{font-size:9px;color:#a292ae}.setup-section-title{font:14px var(--serif);margin:18px 0 10px}.setup-section-title small{font:9px var(--sans);color:#9988a6;margin-left:9px}.loadout-picker{display:flex;gap:8px}.loadout-option{flex:1;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;gap:10px;padding:8px;text-align:left}.loadout-option.active{border-color:#b9a7c682;background:#bda9cc10}.loadout-option>img{height:41px;width:41px;object-fit:cover;object-position:50% 9%;background:#ac98bb26;border-radius:50%}.loadout-option strong{font:14px var(--serif);display:block}.loadout-option small{font-size:9px;display:block;color:#a596b0}.loadout-option>b{font-size:14px;margin-left:auto;color:#c6b3d4}.platform-picker{display:flex;gap:7px;flex-wrap:wrap}.platform-option{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:3px;padding:6px 9px;font-size:10px;color:#b0a0bc;cursor:pointer}.platform-option input{width:12px;height:12px;accent-color:#cabad5}.setup-instructions{display:flex;flex-wrap:wrap;gap:6px 17px;margin:20px 0 10px;font-size:10px;color:#b1a4bb}.setup-instructions b{font-weight:400;color:#d1c4db;margin-right:4px}.setup-status{font-size:10px;color:#b6a4c2;min-height:19px;margin-top:8px}.setup-status.error{color:#e9ac92}.start-button{width:100%;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.setup-fineprint{font-size:9px;line-height:1.7;color:#8f7c9d;margin-top:11px}.small-dialog,.result-dialog{border:1px solid #a994b859;background:linear-gradient(140deg,#29222e,#1c1620);border-radius:7px;padding:36px;width:390px;box-shadow:0 30px 80px #0004}.small-dialog h2,.result-dialog h2{font:31px var(--serif);margin:10px 0 16px}.small-dialog p,.result-dialog>p{color:#b1a4bb;font-size:12px;line-height:1.9;margin-bottom:25px}.small-dialog>button{display:block;width:100%;margin-top:10px}.result-dialog{width:600px;text-align:center}.result-dialog>.tiny-label{color:#c9b993}.medal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.medal{padding:19px 8px;border:1px solid #a58fb52b;border-radius:4px;background:#9983a808;color:#806b8f}.medal.earned{border-color:#dfc38882;color:#e5d09d;background:#c8ad6b10}.medal>i{font:38px Georgia;display:block;font-style:normal;line-height:1.3}.medal strong{font:15px var(--serif);display:block;margin:7px 0}.medal small{font-size:9px}.result-details{display:flex;gap:17px;justify-content:center;font:11px var(--mono);color:#b2a3bd;padding:15px 0;border-top:1px solid var(--line)}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.result-actions button{min-width:150px}dialog{color:var(--ink);background:linear-gradient(145deg,#29232e,#1c1620);border:1px solid #b5a0c460;border-radius:6px;padding:35px;width:600px;max-width:calc(100vw - 50px);max-height:85svh;overflow:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#0a070cc9;backdrop-filter:blur(5px)}dialog h2{font:28px var(--serif);margin:11px 0 22px}.dialog-close{position:absolute;right:15px;top:12px;font-size:25px;color:#afa1b9}.help-steps{padding-left:22px;display:grid;gap:15px;font-size:12px;color:#b3a6bc;line-height:1.9}.help-steps b{font-weight:400;color:#ece7ce}.help-note{font-size:11px;color:#a191ac;border-top:1px solid var(--line);padding-top:16px;margin:22px 0}.help-note+button{width:100%}#settings-dialog label{display:block;color:#cbbed4;font-size:12px}#settings-dialog label strong{float:right;font:11px var(--mono)}#settings-dialog input{display:block;margin:15px 0}#settings-dialog p{font-size:11px;color:#aa9bb4;margin-bottom:25px}#settings-dialog>.primary{width:100%}.drag-ghost{position:fixed;z-index:30;pointer-events:none;display:grid;place-items:center;width:65px;height:75px;transform:translate(-50%,-70%);opacity:.85;filter:drop-shadow(0 4px 6px #0008)}.drag-ghost img{max-width:100%;max-height:100%}.drag-ghost>.ghost-platform{font:50px var(--serif);color:#e6c997}.small-screen-message{display:none}.card-reserve-tier{color:#e1cd9e;font:9px var(--mono)}
@media(max-width:1250px){.play-layout{grid-template-columns:162px minmax(0,1fr) 215px}.topbar{padding:0 20px;gap:24px}.bench-panel{padding:16px 13px 12px}.rhythm-panel{padding:17px 12px}.battle-top{padding:12px 18px;gap:13px}.battle-top h1{font-size:18px}.battle-bottom{padding:12px 18px;gap:16px}.song-details{min-width:100px}.song-details small{font-size:8px}.volume-control{width:50px}.battle-metrics{padding-left:12px;font-size:9px}.panel-heading .tiny-label{display:none}.game-footer{padding:0 20px}.field-legend{gap:10px;font-size:8px}.setup-dialog{max-width:1030px}}
@media(max-height:760px){.topbar{height:60px}.app-shell{grid-template-rows:60px minmax(0,1fr) 27px}.rhythm-stats{padding:10px 0 3px}.rhythm-stats>strong{font-size:34px}.rhythm-stats>small{margin-top:4px;height:18px}.rhythm-panel,.bench-panel{padding-top:14px}.battle-top{height:74px}.battle-bottom{height:84px}.currency{margin:13px 0;padding-bottom:11px}.reserve-card{padding:8px;gap:8px}.card-portrait{height:48px;width:44px}.reserve-card{grid-template-columns:44px 1fr}.card-body h4{font-size:15px}.tier-tabs{margin-top:4px}.bench-section-title{margin:10px 0 7px}.platform-heading{margin-top:17px}.bench-tip{font-size:9px}.bench-selection{margin-top:14px;padding-top:11px}.setup-content{padding:25px 30px}.setup-content h2{margin:10px 0 14px}.setup-section-title{margin:13px 0 8px}.setup-instructions{margin-top:14px}.setup-art h1{font-size:34px}.setup-dialog{height:calc(100svh - 48px)}}
@media(max-width:950px){body{overflow:auto}.app-shell{min-width:950px}.screen-overlay{min-width:0}.setup-dialog{grid-template-columns:32% 68%;min-height:590px}.setup-art{padding:28px 20px}.setup-art h1{font-size:28px}.setup-content{padding:25px}.hero-lila{left:-35%}.hero-buduji{right:-35%}.setup-art img{width:110%;height:70%}.small-screen-message{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);padding:9px 17px;border:1px solid #b6a1c550;background:#221c26f2;border-radius:4px;font-size:10px;color:#cabdd4;z-index:35;text-align:center;pointer-events:none}.game-footer{padding-right:35px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
:root{--bg:#100d16;--panel:#21182b;--ink:#eee4f5;--muted:#b29fc1;--line:#b58bc940;--mint:#c4a3e2;--gold:#dbc399}
.topbar,.game-footer{background:#120e18}.rhythm-panel,.bench-panel{background:linear-gradient(165deg,#261b30,#16121d)}.battle-panel,.field-wrap{background:#17121d}.battle-top,.battle-bottom{background:linear-gradient(105deg,#1b1523,#292329)}
.brand-symbol{color:#eee8ff;text-shadow:0 0 10px #ba8fe07a}.game-brand{color:#ead7f6}.tiny-label,.section-number{color:#c5acdd}.panel-heading h2{color:#e1c9f0}.currency>strong,.currency>i{color:#e6cca0}.rhythm-note{background:#c4a3e2;border-color:#ebd7ff}.rhythm-note.accent{background:#ddc194;border-color:#fff0cf}
.setup-dialog{background:#1d1626;border-color:#b58bc94f}.setup-art{background:radial-gradient(ellipse at 75% 80%,#c3a47129,transparent 65%),radial-gradient(ellipse at 20% 30%,#8d60b32e,transparent 60%),linear-gradient(140deg,#100c17,#251b30 70%,#3b332b)}.setup-art h1{color:#ead8fb;text-shadow:0 0 22px #a572cc22}.art-orbit{border-color:#b28dce73}.art-orbit:before{border-color:#d7bc9252}.art-orbit:after{border-color:#bc92d34a}.setup-eyebrow,.setup-art h1>span,.art-caption small{color:#cbb5dd}.setup-art:after{content:'✧';position:absolute;right:20px;top:145px;font:45px Georgia;color:#d7bd91;opacity:.75;pointer-events:none}.art-caption{color:#e6d1f4;text-shadow:0 1px 9px #130b1c}
.stage-option.active,.loadout-option.active{border-color:#b895d1;background:#b68ad316}.setup-content h2,.setup-section-title{color:#ead7f6}.start-button{box-shadow:0 0 20px #a477c51a}.reserve-card.selected{border-color:#cba7e5;background:#a77ec321}.platform-token.selected{border-color:#dbc399;background:#c9af7d17}.medal.earned{border-color:#dfc38882;color:#e5d09d;background:#c8ad6b10}.screen-overlay{background:#09060ed6}.small-dialog,.result-dialog,dialog{background:linear-gradient(140deg,#30223e,#1b1423);border-color:#b58bc95f}.hit-pad{border-color:#b88dd27a;background:#a277c415}.hit-pad:active,.hit-pad.is-hit{background:#bf95dd38}
.small-screen-message{pointer-events:auto}.small-screen-message button{display:block;margin:6px auto 0;color:#ecd3ff;border:1px solid #b58bc970;border-radius:3px;padding:4px 12px}.result-details{flex-wrap:wrap}.result-details>span{white-space:nowrap}
.rhythm-panel{cursor:pointer;user-select:none}.rhythm-panel input,.rhythm-panel label{cursor:auto}.rhythm-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 8px;font-size:8px;color:#bca5ce;margin:4px 0 11px}.rhythm-note,.rhythm-note.accent{background:#c4a3e2;border-color:#ecd9ff;pointer-events:none}.judge-line{z-index:3;pointer-events:none}.hold-note{width:39px;margin-left:-19.5px;transform:none;border:0;background:none!important;clip-path:none;overflow:visible;min-height:18px}.hold-ribbon{position:absolute;inset:6px 5px;background:linear-gradient(90deg,#a875cd77,#d8bcf0aa,#a875cd77);border:1px solid #d2b5e795;border-top:0;border-bottom:0}.hold-head,.hold-tail{position:absolute;left:-3px;right:-3px;height:15px;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);background:#c4a3e2;z-index:2}.hold-head{bottom:-7px;border:1px solid #eedbff}.hold-tail{top:-7px;background:#ead6fa}.hold-note.is-held .hold-ribbon{background:linear-gradient(90deg,#d1a7ec70,#f2e1ffbb,#d1a7ec70)}.hold-note.is-held .hold-head{background:#fff1ff;filter:drop-shadow(0 0 5px #c99be4)}.card-drag-mark{font-size:18px;color:#cdb0e3;line-height:1}.reserve-card{touch-action:none}.enemy-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.enemy-guide-card{display:flex;align-items:center;gap:5px;min-height:67px;padding:5px;border:1px solid #b58bc934;background:#c6a4df05;border-radius:4px}.enemy-guide-card canvas{display:block;width:57px;height:49px;flex-shrink:0}.enemy-guide-card b{font-size:10px;font-weight:400;color:#e6d4f1;display:block}.enemy-guide-card b small{display:block;font:8px var(--sans);color:#cfba98;margin-top:2px}.enemy-guide-card em{display:block;font:8px/1.7 var(--sans);color:#b6a5c1;font-style:normal;margin-top:4px}.decoy-guide{grid-column:auto;border-color:#d4a29538}.decoy-guide b small{color:#dbac9b}.decoy-notice{font-size:9px;color:#b6a4c2;line-height:1.7;margin-top:7px}.setup-content h2{margin-bottom:15px}.setup-section-title{margin-top:14px}.setup-instructions{margin-top:15px}
.tier-button{white-space:nowrap;padding:3px 5px;min-width:31px}.rhythm-panel:focus{outline:none}.rhythm-panel:focus-visible{box-shadow:inset 0 0 0 1px #bc91d34a}