/* Fullscreen concert application. Screens are scene overlays, never document pages. */
:root{font-family:"Avenir Next","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#fff3f7;background:#100b22;--pink:#ff88c9;--mint:#88dbff;--gold:#efce96;--muted:#c8bed4;--panel:#11162bda;--line:#e9cd9860;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100dvh;background:linear-gradient(90deg,#140c2566,transparent 48%,#100d2166),url('../assets/art/concert.png') center/cover;user-select:none;-webkit-user-select:none}body:after{content:"";pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 140px #08041470;z-index:1}button,input,select{font:inherit}button{color:inherit;background:linear-gradient(110deg,#182139e8,#30203be0);border:1px solid var(--line);border-radius:3px;cursor:pointer;min-height:48px;padding:10px 22px;touch-action:manipulation;box-shadow:inset 0 0 0 3px #080b211f;transition:filter .15s,border-color .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.22);border-color:#ffe0b7;box-shadow:0 0 20px #ff81c63d,inset 0 0 0 2px #ffe1af25}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b3ecff;outline-offset:4px}.primary{background:linear-gradient(115deg,#973966e8,#cc528edb,#712763ec);border-color:#ffe0b1;color:#fff7f2;text-shadow:0 1px 8px #60224b;font-weight:800;box-shadow:0 0 18px #ff80be50,inset 0 0 0 3px #ffb6d130}.quiet{background:#111629ba}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input,select{color:#fff7fc;border:1px solid #b496b566;border-radius:3px;background:#11152fcc;min-height:40px;padding:8px 12px;max-width:100%;user-select:text}input[type=range]{padding:0;width:100%;accent-color:var(--pink)}input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--pink)}label{display:grid;gap:8px;font-size:13px;color:#e2d3e7}h1,h2,h3,p{margin:0}h2{font-size:clamp(22px,2.8vw,40px);font-weight:800;letter-spacing:-.04em;text-shadow:0 2px 15px #211125}h3{font-size:20px}p{line-height:1.65;color:#e0d2e5}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--gold);text-transform:uppercase}.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.spread{justify-content:space-between}.pill{font-size:12px;padding:6px 13px;border:1px solid #c1a0e366;background:#17172cd9;color:#eee0fc;border-radius:3px}.stats{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.stat{display:grid;gap:2px;white-space:nowrap}.stat small{font-size:11px;color:#d5c2e2}.stat strong{font-family:Georgia,"Apple SD Gothic Neo",serif;font-size:clamp(22px,2.7vw,36px);font-variant-numeric:tabular-nums;color:#fff3e9}.panel{background:linear-gradient(115deg,#141a32e8,#201c35e0);border:1px solid var(--line);padding:22px;border-radius:3px;box-shadow:0 7px 25px #06031545}#app{position:absolute;inset:0;overflow:hidden;z-index:2}#topbar{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));z-index:40;pointer-events:none}#topbar nav{display:flex;gap:5px;pointer-events:auto}.utility{min-width:42px;min-height:40px;padding:5px 8px;border-color:#b69abd46;background:#111323c7;font-size:23px;color:#e4cce5;text-shadow:0 0 8px #ef84bb}.utility.language{font-size:12px;min-width:43px}.loading{position:absolute;inset:45% 0;text-align:center;color:white}.stage-wrap{position:relative;width:100%;height:100%;overflow:hidden}.stage-wrap canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.lobby{height:100%;position:relative;isolation:isolate}.lobby:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c092563,transparent 42%,#0a07234a);z-index:-1}.lobby-character{position:absolute;left:27%;top:-1%;height:112%;width:49%;pointer-events:none;z-index:0}.lobby-character img{height:100%;width:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 0 18px #ff9dc53b);animation:lobby-breathe 7s ease-in-out infinite}.lobby-logo{position:absolute;left:4%;top:6%;width:30%;z-index:2;transform:rotate(-6deg);text-shadow:0 0 16px #ff6dbc,0 0 5px #ffb8e7}.logo-kicker{display:block;font-size:9px;letter-spacing:.3em;color:#f6dcec;padding-left:15px}.lobby-logo h1{position:relative;font-family:"Snell Roundhand","Brush Script MT",Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(58px,7.4vw,122px);line-height:.74;color:#ffd4f1;letter-spacing:-.07em;padding:16px 0 7px}.lobby-logo h1 span{display:block;margin-left:12%;font-size:1.12em}.lobby-logo h1 em{position:absolute;right:0;bottom:0;font-size:.37em;letter-spacing:-.03em;transform:rotate(-11deg)}.lobby-logo p{font-size:12px;letter-spacing:.3em;text-align:center;margin:18px 0 0;color:#ffd6ee}.lobby-menu{position:absolute;left:3.5%;top:43%;width:29%;display:grid;gap:13px;z-index:3}.menu-button{display:flex;align-items:center;text-align:left;gap:18px;min-height:78px;padding:12px 22px;border-radius:0 18px 0 18px;box-shadow:0 0 0 1px #0004,inset 0 0 0 4px #ffffff09;background:linear-gradient(105deg,#19203de8,#322744c9)}.menu-button.primary{background:linear-gradient(110deg,#933468f2,#c955a1d9,#6d2a69df);box-shadow:0 0 24px #ff79b961,inset 0 0 0 4px #ffffff12}.menu-symbol{font-size:32px;color:#fcd9ed;width:35px;text-align:center}.menu-button b{display:block;font-size:clamp(17px,1.9vw,29px);letter-spacing:-.04em}.menu-button small{display:block;font-size:11px;color:#e4c6e4;font-weight:400;margin-top:3px}.menu-button i{font-size:32px;font-style:normal;margin-left:auto;color:#ffe7eb}.qa-button{font-size:10px;min-height:28px;padding:4px;background:#171429c9}.mode-select{position:absolute;right:3.5%;top:24%;width:26%;z-index:3;display:grid;gap:15px}.mode-select h2{font-family:Georgia,"Apple SD Gothic Neo",serif;text-align:center;font-size:19px;letter-spacing:.06em;border-bottom:1px solid var(--gold);padding-bottom:12px}.ornament{font-size:28px;color:var(--gold);text-align:center;line-height:.6;text-shadow:0 0 12px #ffc777}.mode-card{display:flex;align-items:center;gap:15px;text-align:left;min-height:100px;border-radius:20px 0 20px 0;position:relative;background:linear-gradient(110deg,#141e38ed,#291c3ce8);border-color:#ae80bb88}.mode-card>span{font-size:38px;color:#ff9eba}.mode-card>div{flex:1}.mode-card strong{display:block;font-size:clamp(20px,2.2vw,32px);font-family:Georgia,"Apple SD Gothic Neo",serif}.mode-card small{display:block;font-size:11px;margin-top:5px;line-height:1.5;color:#d6bbd8}.mode-card i{font-size:24px;font-style:normal}.mode-card.easy.selected{background:linear-gradient(110deg,#114239ed,#153343eb);border-color:#dce8a6;box-shadow:0 0 24px #9fffd755,inset 0 0 0 3px #adf9c414}.mode-card.easy>span,.mode-card.easy.selected strong{color:#b3efb2}.mode-card.hard.selected{background:linear-gradient(110deg,#55213ded,#331e3beb);border-color:#ffd0db;box-shadow:0 0 24px #ff5da755,inset 0 0 0 3px #ffc0cf14}.mode-card.hard.selected strong{color:#ffacda}.seed-control{margin-top:3px;font-size:10px;letter-spacing:.12em;grid-template-columns:auto 1fr;align-items:center;gap:10px}.seed-control input{min-width:0;width:100%;height:36px;min-height:36px;font-size:12px;letter-spacing:.05em}.best-record{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;padding:12px 0;border-top:1px solid #ffffff24;color:#dccce4}.best-record b{font-family:Georgia,serif;font-size:25px;color:#fff0d7}.lobby-quote{position:absolute;bottom:10%;left:5%;font-style:italic;color:#ffdbf2;text-shadow:0 0 8px #ff96cf;font-size:16px;transform:rotate(-5deg);pointer-events:none}.lobby-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:22px;height:65px;padding:12px 4%;border-top:1px solid #e3c09166;background:linear-gradient(90deg,#0a1024ed,#17152bd9);font-size:10px;color:#ccb4cc}.lobby-footer>span:first-child{letter-spacing:.08em;color:#f1d6ae;font-family:Georgia,serif;white-space:nowrap}.lobby-footer b{padding:0 8px}.lobby-footer button{padding:4px 8px;font-size:10px;min-height:30px;border:0;background:transparent}.lobby-footer>span:last-child{max-width:45%;font-size:9px}.scene-art{position:absolute;left:-5%;bottom:-7%;height:100%;width:39%;pointer-events:none;filter:drop-shadow(0 0 18px #ffa1d433)}.scene-art img{height:100%;width:100%;object-fit:contain;object-position:center bottom}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading h2{margin:7px 0}.page-heading p{font-size:12px}.page-heading>.stats{padding:14px 22px;background:#121830e6;border:1px solid var(--line)}body[data-screen=map] #app{padding:28px 3% 72px}body[data-screen=map] .page-heading{position:relative;z-index:4}body[data-screen=map] .page-heading>div:first-child{padding:12px 18px;background:linear-gradient(110deg,#161830e8,#16183080);border-left:3px solid var(--gold)}.map-layout{position:absolute;left:27%;top:23%;right:3%;bottom:80px;display:flex;flex-direction:column;gap:16px}.route-map{position:relative;flex:1;min-height:145px;overflow-x:auto;overflow-y:hidden;border:1px solid #eac99588;background:linear-gradient(120deg,#141b39eb,#3b2442d9);box-shadow:inset 0 0 60px #70457729,0 10px 30px #0004;border-radius:3px;scrollbar-color:#dc8bbe #19192f;touch-action:pan-x}.graph{position:relative;width:1638px;height:100%;min-height:145px}.graph svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.floor-number{position:absolute;bottom:9px;transform:translateX(-50%);font-size:11px;font-family:Georgia,serif;color:#d4adc5;letter-spacing:.12em}.map-node{position:absolute;transform:translate(-50%,-50%);width:65px;min-height:58px;padding:3px;border-radius:50%;display:grid;justify-content:center;gap:1px;z-index:2;font-size:9px;background:radial-gradient(circle at 35% 20%,#4c5486,#142341);border-color:#9995c8}.map-node .symbol{font-size:22px;line-height:1}.map-node.available{opacity:1;border-color:#a7eaff;box-shadow:0 0 15px #67d2ff79,inset 0 0 12px #71d2ff50}.map-node.selected{background:radial-gradient(circle at 35% 20%,#c354a8,#641e63);border-color:#ffe8d1;box-shadow:0 0 22px #ff87cfaa,inset 0 0 12px #fca6db68}.map-node.done{opacity:.8;background:#1e514e;color:#c4ffea}.map-node:disabled{opacity:.5}.map-node.done:disabled{opacity:.85}.map-sidebar{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.map-sidebar .panel{padding:16px 19px;display:grid;gap:9px}.map-sidebar h3{font-size:19px}.map-sidebar p{font-size:12px}.map-sidebar .primary{min-height:45px}.inventory{display:flex;flex-wrap:wrap;gap:7px}.inventory button{font-size:11px;padding:6px 9px;min-height:34px;background:#1b1b33d9}.inventory-panel h3{margin-bottom:4px}.node-page{position:relative;margin:0 4% 0 34%;height:100%;padding:6vh 0 80px;display:flex;flex-direction:column;justify-content:center;overflow:auto;scrollbar-color:#c080aa transparent}.node-page>.eyebrow{margin-bottom:8px}.node-page .lead{margin:12px 0 18px;font-size:13px}.node-page>.stats{margin-top:15px;background:#12192fe0;padding:16px 20px;border:1px solid var(--line)}.node-page>.primary{align-self:flex-end}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.choice-card{--cardcolor:#7fceff;position:relative;display:flex;flex-direction:column;text-align:center;align-items:center;gap:16px;min-height:250px;padding:25px 18px 20px;border:2px solid var(--cardcolor);background:linear-gradient(140deg,#233955e8,#131b31f5);border-radius:15px 3px 15px 3px;box-shadow:0 0 17px color-mix(in srgb,var(--cardcolor) 35%,transparent),inset 0 0 30px color-mix(in srgb,var(--cardcolor) 12%,transparent)}.choice-card:before,.choice-card:after{content:"✧";position:absolute;color:var(--cardcolor);font-size:17px}.choice-card:before{top:7px;left:9px}.choice-card:after{bottom:7px;right:9px}.choice-card.tone-1{--cardcolor:#df9eff;background:linear-gradient(140deg,#482b5be8,#231831f5)}.choice-card.tone-2{--cardcolor:#ffd795;background:linear-gradient(140deg,#55432ae8,#292031f5)}.card-icon{font-size:60px;line-height:1.2;color:var(--cardcolor);text-shadow:0 0 20px var(--cardcolor);min-height:75px}.choice-card strong{font-size:clamp(15px,1.55vw,22px);color:#fff4f4}.choice-card p{font-size:12px;color:#e0d8e7;line-height:1.7}.card-footer{margin-top:auto;font-size:11px;color:var(--cardcolor);border-top:1px solid #ffffff24;padding-top:10px;width:100%}.choice-card.selected{border-color:#fff2d1;box-shadow:0 0 27px #ffc3ec7d,inset 0 0 30px #ffbadd36}.choice-card.selected:after{content:"✓";font-size:22px;color:white}.result-layout{position:relative;margin:0 4% 0 38%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:40px 0 80px;overflow:auto}.result-banner{padding:10px 0}.result-banner h1{font-size:clamp(25px,3.3vw,50px);color:#ffe3b2;text-shadow:0 0 20px #f183ba;line-height:1.35;margin:12px 0}.result-banner p{font-size:12px}.result-banner .seed-text{margin-top:10px;color:#d7c0df;font-size:10px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-stats .panel{padding:16px 10px;text-align:center}.result-stats .stat strong{font-size:26px}.result-stats .stat small{font-size:9px;white-space:normal;min-height:24px}.grade-list{display:flex;gap:16px;flex-wrap:wrap}.grade-list span{font-size:12px}.grade-list b{color:var(--gold);padding-left:3px}
/* Ready screen and performance share the same uninterrupted stage. */
body[data-screen=intro] #app{padding:0}body[data-screen=intro] .node-page{position:absolute;inset:0;margin:0;padding:0;overflow:hidden}body[data-screen=intro] .intro-stage{position:absolute;inset:0;margin:0;z-index:0}body[data-screen=intro] .node-page>.row:first-child{position:absolute;top:4%;left:3%;right:3%;z-index:3;align-items:flex-start}body[data-screen=intro] .node-page>.row:first-child>div:first-child{padding:16px 22px;background:#12172cdd;border:1px solid var(--line)}body[data-screen=intro] .node-page>.row:first-child .stats{background:#12172cdd;padding:15px 22px;border:1px solid var(--line)}body[data-screen=intro] .node-page>.row:nth-of-type(3){position:absolute;bottom:12%;left:3%;right:3%;z-index:3;align-items:flex-end}body[data-screen=intro] .node-page>.row:nth-of-type(3)>div{width:32%;padding:20px;background:#14152bdc;border:1px solid var(--line)}body[data-screen=intro] .node-page>.row:nth-of-type(3)>.primary{min-width:240px;font-size:22px;min-height:66px;margin-left:auto}body[data-screen=intro] .node-page>.small{position:absolute;bottom:4%;left:3%;font-size:11px;max-width:65%;z-index:4}body[data-screen=intro] .test-badge{position:absolute;top:22%;left:4%;z-index:4}
.play-page,.play-stage,#play-stage{position:absolute;inset:0}.show-banner{position:absolute;top:3%;left:2%;display:flex;gap:12px;padding:13px 21px 13px 12px;background:linear-gradient(100deg,#10182df2,#191c38c9);border:1px solid var(--line);border-radius:30px 3px 30px 3px;min-width:295px;max-width:37%;z-index:3}.show-emblem{font-size:52px;color:var(--gold);line-height:1}.show-banner>div{display:grid;gap:3px}.show-banner small{font-size:10px;color:#dcc3df}.show-banner strong{font-family:Georgia,"Apple SD Gothic Neo",serif;font-size:21px;color:#ffefd9}.show-banner>div>span{font-size:10px;color:#cfc8e8}.play-mode{position:absolute;top:3%;right:20%;display:flex;gap:8px;align-items:center;z-index:4}.mode-badge{min-width:155px;padding:11px 20px;color:#c5ffcd;border:1px solid #efdf9caa;background:linear-gradient(100deg,#163d36ee,#124643d9);font-size:19px;font-weight:800;text-align:center;box-shadow:0 0 15px #80ffc628;border-radius:20px 3px 20px 3px}.mode-badge.hard{color:#ffc2df;background:linear-gradient(100deg,#492443ee,#321734e9)}.pause-button{font-size:19px;min-height:48px;min-width:48px;padding:8px 12px;background:#16182ddc}.play-resources{position:absolute;top:3%;right:2%;display:flex;gap:21px;border:1px solid var(--line);background:#13182dda;padding:10px 20px;z-index:3}.play-resources .stat strong{font-size:27px}.play-resources .stat small{font-size:9px}.performance-build{position:absolute;top:21%;left:2%;width:18%;z-index:3}.performance-build .eyebrow{margin-bottom:10px}.performance-build .inventory{display:grid;gap:7px}.performance-build .inventory button{font-size:11px;text-align:left;padding:8px 14px;border-color:#d4b1e657;border-left:3px solid #c2a4f9;background:linear-gradient(90deg,#1c213de6,#24243b99);border-radius:20px 0 0 20px}.empty-upgrade{font-size:11px;line-height:1.6;background:#1c2031c9;padding:12px 15px;color:#d6c3e1;border-left:2px solid #ccb6e4}.rival-panel{position:absolute;right:2%;top:19%;width:17%;min-height:175px;border:1px solid var(--line);background:linear-gradient(135deg,#141a32e8,#1e1632ed);z-index:3;overflow:hidden}.rival-portrait{height:clamp(100px,23vh,230px);background-image:url('../assets/art/rivals.png');background-size:200% auto;background-repeat:no-repeat;background-position:left top;mask-image:linear-gradient(#000 70%,transparent)}.rival-portrait.boss{background-position:right top}.rival-copy{padding:12px 15px;display:grid;gap:8px}.rival-copy small{font-size:11px;color:#f4b1d9}.rival-copy strong{font-family:Georgia,serif;font-style:italic;color:#ffc4e5;font-size:30px}.rival-copy>span{font-size:10px;color:#cebad9}.opponent-bar{height:6px;border:1px solid #ddc8f270;background:#0b122b;border-radius:4px;overflow:hidden}.opponent-bar i{display:block;height:100%;background:linear-gradient(90deg,#687df3,#9feaff);width:0%}.crowd-emblem{text-align:center;color:#b1dcff;font-size:55px;padding-top:12px;text-shadow:0 0 20px #7bc2ff}.rival-panel.show{min-height:170px}.live-score{position:absolute;bottom:7%;left:2%;display:grid;gap:3px;z-index:4;min-width:15%;padding:10px 18px;background:linear-gradient(90deg,#101526e8,#10152677);border-top:1px solid var(--gold);border-bottom:1px solid #eaca9d44}.live-score>small{font-family:Georgia,"Apple SD Gothic Neo",serif;font-size:13px;color:var(--gold)}.live-score strong{font-family:Georgia,serif;font-style:italic;font-size:clamp(24px,3.4vw,49px);text-shadow:0 0 12px #ee93c38a;font-variant-numeric:tabular-nums}.live-score>span{font-size:9px;color:#d6b8d2}.lanes{position:absolute;left:22%;right:18%;bottom:10.5%;display:grid;gap:5px;z-index:6;transform:perspective(900px) rotateX(0deg)}.lane{position:relative;height:51px;border:1px solid #a7d9ff8f;border-radius:3px;background:linear-gradient(90deg,#402344db,#151b33e3 30%,#352343bd);box-shadow:0 0 20px #a979e530;overflow:hidden;touch-action:none}.lane:nth-child(2){border-color:#b1ecff8f;background:linear-gradient(90deg,#19334bdb,#17203fe3 30%,#20395bbd)}.pad{position:absolute;left:0;top:0;bottom:0;width:77px;min-height:48px;border:0;border-right:1px solid #fff5;padding:0;background:#923b71c9;font-weight:900;font-size:20px;color:#ffb9e0;z-index:5;touch-action:none}.lane:nth-child(2) .pad{background:#286892b9;color:#bdeaff}.pad.pressed{background:#e892c5!important;box-shadow:inset 0 0 25px #fff8;color:white}.lane:nth-child(2) .pad.pressed{background:#8bdbff!important}.track{position:absolute;left:78px;right:5px;top:0;height:100%;overflow:hidden;pointer-events:none}.hitline{position:absolute;left:42px;top:2px;bottom:2px;width:2px;background:#fff8;box-shadow:0 0 12px #ffe4fd}.target-ring{position:absolute;left:27px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:2px solid #ffd3ea;border-radius:50%;box-shadow:0 0 12px #ff88ce77,inset 0 0 8px #ff78bb50}.lane:nth-child(2) .target-ring{border-color:#a6e2ff;transform:translateY(-50%) rotate(45deg);width:26px;height:26px;left:30px;border-radius:3px;box-shadow:0 0 12px #8aceff70}.note{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#ff9ad4;border:3px solid #fff2fb;box-shadow:0 0 8px #ff8bd8,0 0 20px #ff6aba;will-change:transform}.lane:nth-child(2) .note{border-radius:3px;background:#85d3ff;border-color:#edfbff;box-shadow:0 0 8px #9bd7ff,0 0 20px #77baff}.fever-display{position:absolute;bottom:3.5%;left:32%;right:27%;z-index:5;display:grid;gap:4px;text-align:center}.fever-display>small{font-family:Georgia,"Apple SD Gothic Neo",serif;font-size:13px;font-weight:900;color:var(--gold)}.fever-bar{height:16px;border:2px solid #ffe0a8;border-radius:20px;background:#221c36d9;padding:2px;box-shadow:0 0 8px #ffcda04a}.fever-bar i{display:block;height:100%;background:linear-gradient(90deg,#f383c5,#ffbacc,#ffe78c);border-radius:20px;box-shadow:0 0 13px #ffb9ca;transition:width .15s}.fever-display>span{position:absolute;right:15px;bottom:0;font-size:15px;line-height:16px;color:#fff1b9}.fever-active .fever-display{filter:drop-shadow(0 0 10px #ffca63)}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#282342;z-index:4}.progress-track i{display:block;height:100%;background:#fda2d4}.play-footer{position:absolute;bottom:10px;left:2%;right:23%;display:flex;justify-content:space-between;font-size:9px;color:#e7cce3;z-index:5;text-shadow:0 0 5px black}.center-cue{position:absolute;inset:30% 22% auto;text-align:center;pointer-events:none;z-index:9;text-shadow:0 0 30px #16072b,0 2px 10px #230928}.center-cue strong{font-family:Georgia,serif;font-style:italic;font-size:90px;color:#fff1cd}.center-cue p{color:#fff1f9;background:#201430a3;padding:4px 18px;display:table;margin:auto;font-size:15px}.judgment{position:absolute;left:34%;right:30%;bottom:29%;z-index:5;text-align:center;pointer-events:none;font-size:36px;font-style:italic;font-weight:900;color:#ffedf9;text-shadow:0 0 8px #ff91ce,0 0 15px #7173fb,2px 2px 2px #71317f}.judgment small{font-style:normal;font-size:12px;display:block;color:#fff6d1}.micro-overlay{position:fixed;left:22%;right:18%;top:12%;bottom:26%;z-index:20;padding:22px 25px;background:linear-gradient(130deg,#10182bf5,#25192def);border:1px solid var(--gold);box-shadow:0 0 60px #0b061ed9;overflow:auto}.micro-overlay h2{font-size:25px}.micro-overlay>.small{margin-top:8px;font-size:12px}.micro-overlay .card-grid{margin:16px 0 0;gap:12px}.micro-overlay .choice-card{min-height:185px;padding:18px 12px;gap:10px}.micro-overlay .card-icon{font-size:37px;min-height:40px}.micro-overlay .choice-card strong{font-size:16px}.micro-overlay .choice-card p{font-size:11px}.micro-overlay .card-footer{font-size:10px;padding-top:6px}
/* Native-like dialogs with an internal scroll area and persistent controls. */
dialog{width:min(660px,94vw);max-height:90dvh;padding:27px;border:1px solid var(--gold);border-radius:4px;background:linear-gradient(130deg,#18203bf7,#251932fc);color:#f9eefa;box-shadow:0 0 60px #0d072dcc,0 0 0 4px #fae8bd16;z-index:100}dialog::backdrop{background:#070713aa;backdrop-filter:blur(7px)}dialog h2{margin-bottom:20px;font-size:27px}dialog .dialog-body{display:grid;gap:18px}dialog p{font-size:13px}dialog a{color:#b0e3ff;font-size:13px}.dialog-actions{position:sticky;bottom:-27px;display:flex;justify-content:flex-end;gap:8px;padding-top:18px;margin-top:10px;background:#211a31;z-index:2}.dialog-actions button{font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .wide{grid-column:1/-1}.check-label{display:flex;align-items:center;gap:10px}.guide-step{display:flex;gap:18px;align-items:center}.guide-step b{font-family:Georgia,serif;font-size:30px;color:#ffb3de}.guide-step p{font-size:13px}#toast{position:fixed;z-index:150;left:50%;bottom:70px;transform:translateX(-50%);padding:12px 25px;border:1px solid var(--gold);background:#182139ed;pointer-events:none;opacity:0;font-size:12px;max-width:85vw}#toast.visible{opacity:1}#rotate{display:none}.test-badge{font-size:10px;color:#ffdc88}.seed-text{overflow-wrap:anywhere}.reduced .lobby-character img{animation:none}@keyframes lobby-breathe{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-5px) rotate(.2deg)}}
@media(min-aspect-ratio:2/1){.lobby-character{height:124%;top:-3%;left:28%;width:44%}.lobby-logo{top:7%;width:29%}.lobby-logo h1{font-size:clamp(58px,6vw,105px)}.mode-select{top:16%}.lobby-menu{top:43%}.lobby-quote{display:none}}
@media(max-height:650px){.lobby-logo h1{font-size:clamp(51px,6.4vw,86px)}.lobby-logo p{font-size:10px;margin-top:12px}.logo-kicker{font-size:7px}.lobby-menu{gap:9px;top:42%}.menu-button{min-height:62px;padding:8px 17px;gap:12px}.menu-button b{font-size:20px}.menu-button small{font-size:9px}.menu-symbol{font-size:24px}.mode-select{gap:11px;top:18%}.mode-select h2{font-size:15px;padding-bottom:9px}.mode-card{min-height:77px;padding:9px 16px;gap:10px}.mode-card strong{font-size:24px}.mode-card small{font-size:9px}.mode-card>span{font-size:28px}.seed-control{font-size:9px}.seed-control input{font-size:10px;height:31px;min-height:31px}.best-record{padding:8px 0}.best-record b{font-size:20px}.lobby-quote{font-size:13px;bottom:13%}.lobby-footer{height:50px;gap:16px;font-size:8px}.lobby-footer>span:last-child{font-size:8px}.lobby-footer button{font-size:8px}.utility{min-height:34px;min-width:34px;font-size:20px}#topbar{bottom:9px;right:13px}.utility.language{font-size:10px;min-width:34px}.page-heading{margin-bottom:12px}.page-heading .stats{padding:10px 15px;gap:18px}.stat strong{font-size:24px}.stat small{font-size:10px}.map-layout{bottom:60px;gap:10px}.map-sidebar .panel{padding:12px;gap:7px}.map-sidebar h3{font-size:15px}.map-sidebar p{font-size:11px}.map-sidebar .primary{min-height:40px}.inventory button{font-size:10px;min-height:30px}.node-page{padding:24px 0 60px}.card-grid{margin:16px 0;gap:12px}.choice-card{min-height:210px;padding:18px 12px;gap:10px}.card-icon{font-size:47px;min-height:60px}.choice-card strong{font-size:17px}.choice-card p{font-size:11px}.node-page .lead{font-size:11px;margin:9px 0}.result-layout{gap:14px;padding-top:24px;padding-bottom:60px}.result-stats .stat strong{font-size:24px}.result-layout .panel{padding:13px}.result-layout .row button{font-size:12px}.show-banner{min-width:240px;padding:9px 15px 9px 9px;gap:9px}.show-banner strong{font-size:18px}.show-emblem{font-size:42px}.show-banner>div>span{font-size:9px}.play-resources{padding:8px 14px;gap:16px}.play-resources .stat strong{font-size:22px}.mode-badge{min-width:115px;padding:9px 13px;font-size:16px}.pause-button{min-height:42px;min-width:42px}.rival-copy{padding:9px 12px;gap:5px}.rival-copy strong{font-size:25px}.rival-copy small{font-size:10px}.rival-portrait{height:21vh}.rival-panel.show{min-height:130px}.crowd-emblem{font-size:40px}.performance-build .inventory button{font-size:10px;min-height:30px}.empty-upgrade{font-size:10px;padding:10px}.lanes{bottom:10.5%;gap:4px}.lane{height:49px}.judgment{bottom:31%;font-size:29px}.live-score{bottom:11%;padding:9px 12px}.fever-display{bottom:3.5%}.micro-overlay{top:10%;bottom:28%;padding:17px}.micro-overlay h2{font-size:21px}.micro-overlay .choice-card{min-height:157px;padding:13px 10px;gap:7px}.micro-overlay .card-icon{font-size:25px;min-height:29px}.micro-overlay .card-grid{margin-top:10px}.micro-overlay .choice-card strong{font-size:14px}.micro-overlay .choice-card p{font-size:10px}}
@media(max-height:450px) and (orientation:landscape){.lobby-logo{left:4%;top:5%;width:29%}.lobby-logo h1{font-size:clamp(45px,6vw,61px)}.lobby-logo p{font-size:8px;letter-spacing:.15em;margin-top:8px}.logo-kicker{font-size:6px}.lobby-character{height:123%;left:26%;top:-2%;width:49%}.lobby-menu{top:43%;gap:6px;left:3.5%;width:29%}.menu-button{min-height:49px;padding:6px 12px;gap:8px;border-radius:0 12px 0 12px}.menu-button b{font-size:16px}.menu-button small{font-size:8px;margin-top:0}.menu-button i{font-size:22px}.menu-symbol{font-size:23px;width:25px}.lobby-menu .qa-button{position:absolute;left:105%;bottom:0;width:120px;font-size:8px;min-height:22px;opacity:.8}.mode-select{top:13%;right:3%;width:26.5%;gap:8px}.ornament{font-size:20px}.mode-select h2{font-size:12px;padding-bottom:6px}.mode-card{min-height:63px;padding:7px 11px;gap:8px}.mode-card strong{font-size:20px}.mode-card small{font-size:8px;margin-top:3px}.mode-card>span{font-size:26px}.mode-card i{font-size:16px}.seed-control{font-size:8px;gap:5px}.seed-control input{min-height:27px;height:27px;font-size:9px;padding:4px 7px}.best-record{font-size:9px;padding:4px 0}.best-record b{font-size:17px}.lobby-quote{display:none}.lobby-footer{height:35px;padding:3px 3.5%;gap:12px}.lobby-footer>span:last-child{max-width:40%;font-size:7px}.lobby-footer>span:first-child{font-size:8px}.lobby-footer button{min-height:25px;font-size:8px}.utility{min-width:29px;min-height:29px;font-size:18px;padding:3px 5px}.utility.language{min-width:30px;font-size:9px}#topbar{bottom:4px;right:8px}#topbar nav{gap:3px}.scene-art{width:32%;height:101%;left:-5%;bottom:-4%}body[data-screen=map] #app{padding:12px 2% 38px}.page-heading h2{font-size:21px;margin:3px 0}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:9px}.page-heading>.stats{padding:8px 12px;gap:16px}.stat strong{font-size:21px}.stat small{font-size:9px}body[data-screen=map] .page-heading>div:first-child{padding:8px 12px}.map-layout{left:24%;right:2%;top:26%;bottom:39px;gap:8px;flex-direction:row}.route-map{width:57%;min-height:130px;flex:1}.graph{height:100%;min-height:130px;width:1638px}.map-node{width:49px;min-height:48px;font-size:7px}.map-node .symbol{font-size:18px}.floor-number{font-size:8px;bottom:3px}.map-sidebar{display:block;width:36%;overflow:auto}.map-sidebar .panel{padding:10px;gap:7px}.map-sidebar h3{font-size:14px}.map-sidebar .eyebrow{font-size:8px}.map-sidebar p{font-size:9px;line-height:1.5}.map-sidebar .primary{min-height:48px;font-size:11px;padding:6px}.map-sidebar .inventory-panel{display:none}.node-page{margin-left:28%;margin-right:3%;padding:14px 0 40px;justify-content:flex-start}.node-page h2{font-size:24px}.node-page h3{font-size:16px}.node-page .lead{font-size:10px;line-height:1.4;margin:7px 0}.node-page>.eyebrow{font-size:8px}.node-page>.stats{margin-top:8px;padding:8px 12px;gap:20px}.node-page>.stats .stat strong{font-size:20px}.card-grid{gap:9px;margin:12px 0}.choice-card{padding:11px 9px;min-height:155px;gap:8px;border-radius:10px 2px}.card-icon{font-size:31px;min-height:36px}.choice-card strong{font-size:13px}.choice-card p{font-size:10px;line-height:1.45}.card-footer{font-size:9px;padding-top:6px}.choice-card:before,.choice-card:after{font-size:11px}.node-page>.primary,.node-page>.row button{font-size:11px;min-height:40px;padding:8px 12px}.node-page>.page-heading{margin-bottom:4px}.result-layout{margin-left:29%;margin-right:3%;padding:14px 0 40px;gap:10px;justify-content:flex-start}.result-banner{padding:0}.result-banner h1{font-size:25px;margin:6px 0}.result-banner .eyebrow{font-size:8px}.result-banner p{font-size:10px}.result-banner .seed-text{font-size:8px;margin-top:4px}.result-stats{gap:7px}.result-stats .panel{padding:9px 5px}.result-stats .stat strong{font-size:21px}.result-stats .stat small{font-size:8px;min-height:20px}.result-layout>.panel{padding:10px}.grade-list{gap:10px}.grade-list span{font-size:10px}.result-layout .small{font-size:9px}.result-layout>.row{gap:6px}.result-layout .row button{font-size:10px;padding:7px 10px;min-height:42px}.show-banner{top:3%;left:1.5%;min-width:194px;max-width:35%;padding:7px 12px 7px 7px;gap:6px}.show-emblem{font-size:33px}.show-banner strong{font-size:14px}.show-banner small{font-size:8px}.show-banner>div>span{font-size:7px}.show-banner>div{gap:2px}.play-mode{top:3%;right:21%;gap:5px}.mode-badge{font-size:13px;min-width:84px;padding:7px 11px}.pause-button{font-size:15px;min-height:35px;min-width:35px;padding:5px}.play-resources{right:1.5%;padding:7px 10px;gap:12px}.play-resources .stat strong{font-size:19px}.play-resources .stat small{font-size:7px}.performance-build{top:25%;left:1.5%;width:20%;max-height:28%;overflow:auto}.performance-build>.eyebrow{font-size:8px;margin-bottom:5px}.performance-build .inventory{gap:4px}.performance-build .inventory button{font-size:8px;min-height:27px;padding:6px 10px}.empty-upgrade{font-size:8px;padding:8px 10px;line-height:1.5}.rival-panel{right:1.5%;top:22%;width:17%;min-height:110px}.rival-panel.show{min-height:100px}.rival-portrait{height:24vh}.rival-copy{padding:7px 10px;gap:4px}.rival-copy strong{font-size:20px}.rival-copy small{font-size:8px}.rival-copy>span{font-size:7px}.crowd-emblem{font-size:30px;padding-top:7px}.opponent-bar{height:4px}.lanes{left:22%;right:20%;bottom:12.5%;gap:3px}.lane{height:48px}.pad{width:58px;font-size:17px;min-height:48px}.track{left:59px;right:59px}.lane:nth-child(2) .pad{left:auto;right:0;border-right:0;border-left:1px solid #fff5}.target-ring{width:28px;height:28px;left:29px}.lane:nth-child(2) .target-ring{width:22px;height:22px;left:32px}.note{box-shadow:0 0 6px #ff8bd8,0 0 11px #ff6aba}.live-score{left:1.5%;bottom:13%;padding:7px 10px;min-width:18%}.live-score small{font-size:10px}.live-score strong{font-size:28px}.live-score>span{font-size:8px}.fever-display{left:29%;right:29%;bottom:4.1%;gap:1px}.fever-display>small{font-size:10px}.fever-bar{height:13px;border-width:1px}.fever-display>span{font-size:12px;line-height:13px}.play-footer{bottom:4px;left:1.5%;right:25%;font-size:7px;gap:10px}.play-footer>span:first-child{max-width:65%}.center-cue{inset:25% 22% auto}.center-cue strong{font-size:60px}.center-cue p{font-size:11px}.judgment{bottom:40%;font-size:22px}.judgment small{font-size:9px}.micro-overlay{left:12%;right:12%;top:9%;bottom:8%;padding:12px 16px}.micro-overlay h2{font-size:19px}.micro-overlay .small{font-size:10px;margin-top:6px}.micro-overlay .pill{font-size:9px}.micro-overlay .card-grid{gap:9px;margin-top:9px}.micro-overlay .choice-card{min-height:136px;padding:12px 10px;gap:6px}.micro-overlay .card-icon{font-size:24px;min-height:25px}.micro-overlay .choice-card strong{font-size:13px}.micro-overlay .choice-card p{font-size:10px}.micro-overlay .card-footer{font-size:9px}.micro-overlay>.row{flex-wrap:nowrap}body[data-screen=intro] .node-page>.row:first-child{top:3%;left:2%;right:2%}body[data-screen=intro] .node-page>.row:first-child>div:first-child{padding:10px 13px}body[data-screen=intro] .node-page>.row:first-child h2{font-size:21px}body[data-screen=intro] .node-page>.row:first-child .stats{padding:10px 14px;gap:17px}body[data-screen=intro] .node-page>.row:nth-of-type(3){bottom:15%;left:2%;right:2%}body[data-screen=intro] .node-page>.row:nth-of-type(3)>div{padding:12px;width:30%}body[data-screen=intro] .node-page>.row:nth-of-type(3)>div .lead{font-size:9px}body[data-screen=intro] .node-page>.row:nth-of-type(3)>div h3{font-size:16px}body[data-screen=intro] .node-page>.row:nth-of-type(3)>.primary{min-width:185px;min-height:52px;font-size:17px}body[data-screen=intro] .node-page>.small{bottom:6%;left:2%;font-size:8px;max-width:70%}body[data-screen=intro] .pill{font-size:9px}.settings-grid{gap:10px 18px}.settings-grid label{font-size:11px}.settings-grid .wide{font-size:10px}dialog{padding:18px;max-height:94dvh}dialog h2{font-size:21px;margin-bottom:12px}.dialog-actions{bottom:-18px;padding-top:10px;margin-top:5px}.dialog-actions button{font-size:11px;min-height:40px}dialog .dialog-body{gap:12px}.guide-step p{font-size:11px}.test-badge{font-size:8px}}
@media(orientation:portrait) and (max-width:900px){#rotate{display:flex;position:fixed;inset:0;z-index:200;background:linear-gradient(#161229ee,#21112bee),url('../assets/art/concert.png') center/cover;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center;padding:35px}#rotate span{font-size:85px;color:var(--pink)}#rotate strong{font-size:21px}#rotate p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.lobby-character img{animation:none}}body.reduced *{transition:none!important}
/* Quiet backstage scenes separate building a run from the live performance. */
body[data-screen=node],body[data-screen=reward]{background:linear-gradient(90deg,transparent 26%,#140d2026 50%,#160e2833),url('../assets/art/backstage.png') center/cover}body[data-screen=node] .scene-art,body[data-screen=reward] .scene-art{display:none}body[data-screen=node] .node-page,body[data-screen=reward] .node-page{margin-left:42%}body[data-screen=reward] .node-page>h2{text-shadow:0 2px 12px #0c0717}.map-node:disabled{opacity:.64}.map-node.done:disabled{opacity:.9}
@media(max-height:450px) and (orientation:landscape){body[data-screen=node] .node-page,body[data-screen=reward] .node-page{margin-left:36%;margin-right:2%}}
@media(max-height:450px) and (orientation:landscape){body[data-screen=map] .scene-art{height:80%;bottom:0}body[data-screen=reward] .node-page>h2{font-size:21px}body[data-screen=reward] .node-page>.stats{padding:6px 12px}body[data-screen=reward] .choice-card{min-height:125px;padding:10px 8px;gap:5px}body[data-screen=reward] .choice-card .card-icon{font-size:24px;min-height:27px}body[data-screen=reward] .choice-card strong{font-size:12px}body[data-screen=reward] .choice-card .card-footer{padding-top:4px}body[data-screen=reward] .card-grid{margin:10px 0}body[data-screen=reward] .node-page .lead{margin:5px 0}body[data-screen=reward] .node-page>.row button{min-height:36px}}
.lane[data-grade=perfect] .target-ring{border-color:#fff7c2;box-shadow:0 0 20px #ffd898,inset 0 0 13px #ffd89888}.lane[data-grade=great] .target-ring{border-color:#e9faff;box-shadow:0 0 14px #a5e5ff}.lane[data-grade=good] .target-ring{border-color:#dabaff}.lane[data-grade=miss]{border-color:#db657e;background-color:#a1416244}.judgment[data-grade=miss]{color:#cfbed6;text-shadow:0 0 6px #521b4b,1px 2px #29102d}.judgment[data-grade=great]{color:#b8ebff}.judgment[data-grade=good]{color:#e0c7ff}
/* Touch controls stay at thumb edges, with the note highway unobstructed. */
@media(max-height:450px) and (orientation:landscape){.lanes .lane{overflow:visible}.lanes .track{left:0;right:0;overflow:hidden}.lanes .pad{left:-20.5vw;width:18vw;border:1px solid #ffc6e4a8;border-radius:4px;box-shadow:0 0 15px #e97fb54d;background:linear-gradient(110deg,#632850eb,#a23e7adb);font-size:23px}.lanes .lane:nth-child(2) .pad{left:auto;right:-18.5vw;border:1px solid #b4e9ffb0;background:linear-gradient(110deg,#265c87eb,#267b9bdb)}.performance-build{top:23%;max-height:17%}.live-score{top:43%;bottom:auto;padding:5px 9px;width:18%;min-width:0}.live-score strong{font-size:25px;line-height:1.12}.live-score>small{font-size:9px}.live-score>span{font-size:7px}}
/* Touring essentials remain inside the scene: saved show, ranks and rhythm setup. */
.lobby-menu.has-save{top:36%;gap:10px}.has-save .menu-button{min-height:66px}.has-save .menu-button[data-action=start]{background:linear-gradient(105deg,#19203de8,#322744c9);box-shadow:none}.has-save .menu-button[data-action=guide]{min-height:50px}.has-save .menu-button[data-action=guide] small{display:none}.lobby-footer{gap:12px}.lobby-footer>span:last-child{max-width:28%}
.rank-panel{display:flex;align-items:center;gap:18px;margin:8px 0;padding:8px 18px;background:linear-gradient(90deg,#19172ddd,#22172bcc);border-block:1px solid #f3d39c70}.rank-medal{font:italic bold 54px Georgia,serif;color:#ffe2a7;text-shadow:0 0 18px #f3ab67}.rank-panel>div{flex:1}.rank-panel small{color:#d7d0e7;font-size:11px}.grade-distribution{display:flex;width:100%;height:6px;overflow:hidden;background:#1b2037;border-radius:9px;margin:8px 0}.grade-distribution i{display:block}.grade-perfect{background:#ffe3a8}.grade-great{background:#8ae8ff}.grade-good{background:#c4a0ee}.grade-miss{background:#a24869}.result-layout .rank-panel{margin:0}.timing-hint{position:absolute;left:30%;right:30%;bottom:35%;text-align:center;font-size:11px;color:#fff0db;letter-spacing:.12em;text-shadow:0 2px 5px #100923}
.recap-row{display:grid;grid-template-columns:2fr 38px 1fr 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff20;align-items:center;font-size:12px}.recap-row>b{color:#ffdf9f;font-size:20px}.recap-row>strong{text-align:right}.recap-row>span:last-child{text-align:right;overflow-wrap:anywhere;color:#cbbad9}
.calibration{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.cal-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:115px;height:115px;border:2px solid #ffe0ae;border-radius:50%;box-shadow:0 0 28px #ff78bd88,inset 0 0 20px #ff78bd55;font:italic 44px Georgia,serif;color:#ffdfb7;background:#321831}.cal-orb small{font:12px system-ui}.calibration>p{max-width:460px}.calibration button{min-width:220px;min-height:60px;touch-action:none}.calibration #cal-state{color:#ffcee8}.reduced .cal-orb{transform:none!important}
@media(max-height:600px) and (orientation:landscape){.lobby-menu.has-save{top:34%;gap:5px}.has-save .menu-button{min-height:43px;padding:5px 10px}.has-save .menu-button b{font-size:15px}.has-save .menu-button[data-action=guide]{min-height:36px}.rank-panel{gap:12px;padding:4px 12px;margin:4px 0}.rank-medal{font-size:30px}.rank-panel .eyebrow{font-size:8px}.rank-panel small{font-size:9px}.grade-distribution{margin:4px 0;height:4px}.timing-hint{bottom:34%;font-size:8px}.calibration{gap:8px}.cal-orb{width:80px;height:80px;font-size:30px}.calibration p{font-size:11px}.calibration button{min-height:48px}.recap-row{font-size:10px;gap:8px}.lobby-footer{gap:6px}.lobby-footer>span:last-child{display:none}}

.judgment .timing-hint{position:static;display:block;font-size:10px;font-style:normal;font-weight:500;margin-top:3px;color:#ffe4bd;min-height:12px}
@media(max-height:450px) and (orientation:landscape){.judgment .timing-hint{font-size:8px;min-height:9px;margin-top:2px}}
/* Overflowing result panels start at the top instead of clipping their headings. */
.node-page,.result-layout{justify-content:safe center}
body[data-screen=reward] .node-page{padding-top:3vh;padding-bottom:64px}
@media(max-height:450px) and (orientation:landscape){body[data-screen=reward] .node-page{padding-top:12px;padding-bottom:40px}}