:root{--bg: #f5f3f1;--surface: #ffffff;--surface-2: #faf8f6;--ink: #2f2c3a;--sub: #8c8694;--rose: #d15c78;--rose-dark: #b04a63;--rose-tint: #faeef1;--navy: #262536;--navy-2: #322f45;--gold: #b8934c;--gold-tint: #f8f1e2;--lav: #7d6fae;--lav-tint: #f1edf9;--hairline: #eae4df;--hairline-2: #ddd5cf;--good: #3f9459;--good-tint: #edf5ef;--bad: #c05038;--bad-tint: #faefeb;--shadow-card: 0 1px 2px rgba(24, 18, 32, .04), 0 4px 16px rgba(24, 18, 32, .05);--shadow-pop: 0 8px 24px rgba(24, 18, 32, .12), 0 24px 64px rgba(24, 18, 32, .16);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic Medium,Yu Gothic,Noto Sans JP,sans-serif;font-size:14.5px;line-height:1.7;background:var(--bg);min-height:100vh}body{overflow-x:hidden}body.in-game{overflow:hidden}h1,h2,h3,h4{font-weight:700;letter-spacing:.03em;margin:0 0 .5em}#app{max-width:1080px;margin:0 auto;padding:14px 16px 40px}body.in-game #app{max-width:none;padding:0;height:100dvh}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes stampIn{0%{opacity:0;transform:scale(1.8) rotate(-5deg)}60%{opacity:1;transform:scale(.96) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,4px) scale(.92)}18%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-38px) scale(1)}}@keyframes flashIn{0%{opacity:0}22%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes flashText{0%{opacity:0;transform:translateY(12px);letter-spacing:.5em}30%{opacity:1;transform:none;letter-spacing:.28em}to{opacity:1;letter-spacing:.3em}}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-12px) scale(1.2);opacity:1}}@keyframes heroSway{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-6px) rotate(var(--tilt))}}@keyframes pulseSoft{0%,to{box-shadow:0 0 #d15c7859}50%{box-shadow:0 0 0 9px #d15c7800}}@keyframes barFill{0%{width:0}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}button,select,input,.song-opt,.venue-card,.candidate-card,.member-card,.sw-thumb{touch-action:manipulation}button{font-family:inherit;font-size:14px;font-weight:600;border:none;background:#f1edeb;color:var(--ink);border-radius:12px;padding:10px 18px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease,opacity .15s ease,transform .1s ease}button:hover:not(:disabled){background:#eae4e1}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--rose);color:#fff}button.primary:hover:not(:disabled){background:var(--rose-dark)}button.big{font-size:15.5px;padding:14px 30px;border-radius:14px}button.mini{font-size:12px;padding:5px 13px;border-radius:9px;background:transparent;border:1px solid var(--hairline-2)}button.mini:hover:not(:disabled){background:var(--surface-2);border-color:var(--rose);color:var(--rose-dark)}button.ready{animation:pulseSoft 1.8s ease-in-out infinite}select,input[type=text]{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--hairline-2);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:500}input[type=text]:focus,select:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px #d15c781f}.hint{font-size:12px;color:var(--sub);font-weight:400}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.ribbon{margin:0 0 14px}.ribbon>span{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:.05em;color:var(--ink)}.ribbon>span:before{content:"";width:5px;height:18px;border-radius:3px;background:var(--rose);flex-shrink:0}.sub-h{font-size:13.5px;font-weight:700;color:var(--ink);margin:20px 0 10px;display:flex;align-items:center;gap:8px}.sub-h:before{content:"";width:5px;height:14px;border-radius:3px;background:var(--gold);flex-shrink:0}.r-e{color:#98a0ab}.r-d{color:#6d99cd}.r-c{color:#3fae9e}.r-b{color:#6faa47}.r-a{color:#e88f31}.r-s{color:#e05a83}.r-ss{color:#c9982e}.rank-chip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:17px;border-radius:5px;font-size:11px;font-weight:800;color:#fff!important;line-height:1}.rank-chip.r-e{background:#98a0ab}.rank-chip.r-d{background:#6d99cd}.rank-chip.r-c{background:#3fae9e}.rank-chip.r-b{background:#6faa47}.rank-chip.r-a{background:#e88f31}.rank-chip.r-s{background:#e05a83}.rank-chip.r-ss{background:#c9982e}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;pointer-events:none}.delta-float{position:fixed;z-index:350;transform:translate(-50%);font-size:13px;font-weight:700;padding:3px 11px;border-radius:12px;pointer-events:none;animation:floatUp 1.25s ease forwards;background:var(--surface);box-shadow:var(--shadow-pop)}.delta-float.plus{color:var(--good)}.delta-float.minus{color:var(--bad)}.week-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:380;background:#262536f2;display:flex;align-items:center;justify-content:center;animation:flashIn .9s ease forwards;pointer-events:none}.week-flash-text{font-family:var(--serif);font-size:clamp(26px,5vw,38px);color:#f4eff2;letter-spacing:.3em;border-top:1px solid rgba(244,239,242,.4);border-bottom:1px solid rgba(244,239,242,.4);padding:12px 38px;animation:flashText .9s ease forwards}.app-frame{height:100dvh;display:flex;flex-direction:column}.topbar{background:var(--navy);color:#f0edf2;display:flex;align-items:center;gap:14px 26px;padding:calc(10px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px));flex-wrap:wrap;z-index:50}.tb-date{min-width:168px}.tb-cal{font-size:15px;font-weight:700;letter-spacing:.05em;line-height:1.4}.tb-progress{height:4px;border-radius:2px;background:#ffffff24;overflow:hidden;margin:4px 0 3px}.tb-progress span{display:block;height:100%;background:var(--rose);transition:width .6s ease}.tb-sub{font-size:10px;color:#9d97ad}.tb-group{display:flex;align-items:center;gap:10px}.tb-name{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.08em}.tb-rank{background:#b8934c38;color:#e5c88a;border:1px solid rgba(229,200,138,.45);border-radius:999px;padding:1px 12px;font-size:11px;font-weight:700;letter-spacing:.08em}.tb-res{display:flex;gap:8px;align-items:center;margin-left:auto}.tb-chip{background:#ffffff12;border-radius:10px;padding:4px 13px;line-height:1.35}.tb-chip .k{display:block;font-size:9px;color:#9d97ad;letter-spacing:.16em}.tb-chip strong{font-size:14.5px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.tb-sound{background:transparent;border:1px solid rgba(255,255,255,.25);color:#c9c3d4;font-size:11px;font-weight:600;padding:6px 12px;border-radius:10px}.tb-sound:hover:not(:disabled){background:#ffffff14;color:#fff}.stage{flex:1;overflow-y:auto;overscroll-behavior:contain}.tab-body{max-width:1060px;margin:0 auto;padding:16px 16px 28px;animation:fadeUp .28s ease both}.dock{background:var(--navy);border-top:1px solid rgba(255,255,255,.08);display:flex;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));gap:4px;z-index:50}.dock-btn{flex:1;max-width:170px;margin:0 auto;background:transparent;color:#918ba3;font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:10px 4px;border-radius:10px}.dock-btn:hover:not(:disabled){color:#fff;background:#ffffff0f}.dock-btn.active{background:var(--rose);color:#fff}.dock-btn.active:active{transform:none}.panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:20px 22px;margin-bottom:14px}.param-bar{display:flex;gap:4px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:10px 12px;margin-bottom:12px;overflow-x:auto}.param-chip{flex:1;min-width:72px;text-align:center;border-right:1px solid var(--hairline);padding:2px 4px;line-height:1.35}.param-chip:last-child{border-right:none}.param-chip .p-label{display:block;font-size:10px;color:var(--sub);font-weight:600;letter-spacing:.1em}.param-chip .p-rank{font-size:20px;font-weight:800;margin-right:4px}.param-chip .p-val{font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}.param-chip.total{background:var(--gold-tint);border-radius:10px;border-right:none}.param-chip .p-val.big{font-size:20px;color:var(--gold)}.scene{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:12px;margin-bottom:12px}.scene-visual{position:relative;background:#f3e5ea;border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;min-height:340px}.scene-visual>img.portrait-img,.scene-visual>svg{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:top center;aspect-ratio:auto}.scene-nameplate{position:absolute;left:10px;bottom:66px;background:#fffffff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;box-shadow:var(--shadow-card);padding:6px 14px;line-height:1.45;max-width:calc(100% - 20px)}.scene-nameplate strong{font-size:14.5px;font-weight:700;margin-right:8px}.scene-nameplate .np-sub{display:block;font-size:10.5px;color:var(--sub);font-weight:600}.member-switch{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:6px}.sw-thumb{width:46px;height:46px;padding:0;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.9);background:#fff;flex-shrink:0;opacity:.82}.sw-thumb img,.sw-thumb svg{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;aspect-ratio:auto}.sw-thumb.active{border-color:var(--rose);opacity:1;transform:translateY(-3px)}.scene-side{display:flex;flex-direction:column}.cmd-title{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--sub);margin:2px 0 8px 4px}.cmd-list{display:grid;gap:8px;flex:1}.cmd{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name cost" "desc cost";align-items:center;text-align:left;padding:10px 16px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-card);min-height:56px}.cmd b{grid-area:name;font-size:15px;font-weight:700;letter-spacing:.03em}.cmd i{grid-area:desc;font-style:normal;font-size:11px;color:var(--sub);font-weight:400}.cmd em{grid-area:cost;font-style:normal;font-size:11.5px;font-weight:700;color:var(--gold);background:var(--gold-tint);border-radius:999px;padding:4px 12px;margin-left:12px;white-space:nowrap}.cmd:hover:not(:disabled){background:var(--rose-tint)}.milestone-card{border-radius:var(--r-lg);padding:16px 20px;background:var(--surface);border-left:5px solid var(--gold);box-shadow:var(--shadow-card);margin-bottom:12px}.ms-kicker{font-size:10.5px;font-weight:800;letter-spacing:.22em;color:var(--gold)}.ms-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.ms-head h3{font-size:18px;margin:0}.ms-head button small{display:block;font-size:10px;font-weight:600;opacity:.9}.milestone-card .reqs{margin:8px 0 0;padding:0;list-style:none;font-size:12.5px;font-weight:600}.milestone-card .reqs li.ok{color:var(--good)}.milestone-card .reqs li.ng{color:var(--bad)}.job-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.job-row{display:flex;gap:12px;align-items:center;border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 14px;background:var(--surface)}.job-row .job-info{flex:1;min-width:0}.job-row .job-name{font-weight:700;font-size:14px}.job-row .job-desc{font-size:11.5px;color:var(--sub);line-height:1.55}.job-row .job-reward{font-size:12px;color:var(--rose-dark);white-space:nowrap;font-weight:700;text-align:right;line-height:1.5}.job-row.unavailable{opacity:.5}.report-list{list-style:none;margin:0;padding:0}.report-list li{padding:9px 14px;border-left:3px solid var(--hairline-2);margin-bottom:7px;font-size:13.5px;background:var(--surface-2);border-radius:0 10px 10px 0;animation:fadeUp .4s ease both;animation-delay:calc(var(--i, 0) * .1s)}.report-list li.good{border-left-color:var(--good);background:var(--good-tint)}.report-list li.bad{border-left-color:var(--bad);background:var(--bad-tint)}.report-list li.event{border-left-color:var(--gold);background:var(--gold-tint)}.report-list li.grade{border:none;background:none;text-align:center;padding:10px 0 2px}.grade-stamp{display:inline-block;font-family:var(--serif);font-size:29px;font-weight:700;letter-spacing:.12em;color:var(--rose-dark);border:2px solid currentColor;border-radius:10px;padding:4px 22px;transform:rotate(-2deg);animation:stampIn .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i, 0) * .1s)}.grade-stamp.legend{color:var(--gold)}.grade-stamp.fail{color:var(--bad)}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px}.member-card{background:var(--surface);border-radius:var(--r-md);padding:12px;cursor:pointer;box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .15s ease;animation:fadeUp .4s ease both;animation-delay:calc(var(--i, 0) * 50ms)}.member-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #1812200f,0 10px 28px #1812201a}.member-card .portrait{border-radius:var(--r-sm);overflow:hidden}.member-card .portrait svg{display:block;width:100%;height:auto}.member-card .name{font-weight:700;margin-top:8px;font-size:14px}.cond{font-size:10.5px;border-radius:999px;padding:1px 9px;margin-left:6px;font-weight:700}.cond.c-good{background:var(--good-tint);color:var(--good)}.cond.c-normal{background:#f0edf0;color:var(--sub)}.cond.c-bad{background:var(--bad-tint);color:var(--bad)}.stat-bars{margin-top:8px}.stat-bar{display:grid;grid-template-columns:48px 24px 1fr 32px;gap:5px;align-items:center;font-size:10.5px;color:var(--sub);font-weight:600;margin-bottom:4px}.stat-bar .num{text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.stat-bar .bar{height:6px;border-radius:3px;background:#efebe8;overflow:hidden}.stat-bar .bar span{display:block;height:100%;border-radius:3px;background:var(--rose);animation:barFill .7s ease both}.gauge-row{display:flex;gap:10px;font-size:10.5px;color:var(--sub);font-weight:600;margin-top:8px;flex-wrap:wrap}.member-detail{background:var(--surface-2);border-radius:var(--r-md);padding:18px 20px;margin-top:12px;display:flex;gap:20px;flex-wrap:wrap;animation:fadeUp .3s ease both}.member-detail .portrait{width:180px;flex-shrink:0;border-radius:var(--r-sm);overflow:hidden;align-self:flex-start;box-shadow:var(--shadow-card)}.member-detail .portrait svg{width:100%;height:auto;display:block}.detail-radar{align-self:center}.member-detail .info{flex:1;min-width:250px}.member-detail dl{display:grid;grid-template-columns:96px 1fr;gap:3px 12px;font-size:13px;margin:8px 0}.member-detail dt{color:var(--sub)}.member-detail dd{margin:0}.episode-dots{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.episode-dots .dot{font-size:11px;font-weight:600;padding:3px 12px;border-radius:999px;background:#f0edf0;color:var(--sub)}.episode-dots .dot.seen{background:var(--lav-tint);color:var(--lav)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.table-scroll .chart-table,.table-scroll .disc-table{min-width:480px}.chart-table,.disc-table{width:100%;border-collapse:collapse;font-size:13px}.chart-table th,.chart-table td,.disc-table th,.disc-table td{padding:9px 10px;border-bottom:1px solid var(--hairline);text-align:left}.chart-table th,.disc-table th{color:var(--sub);font-weight:600;font-size:11px;letter-spacing:.08em}.chart-table tr.mine td{background:var(--rose-tint);font-weight:700}.chart-table .pos{font-family:var(--serif);font-weight:700;width:56px}.chart-table tr.top1 .pos{color:var(--gold);font-size:16px}.produce-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.produce-form label{display:block;font-size:11.5px;font-weight:600;color:var(--sub);margin-bottom:5px}.produce-form select{width:100%}.producing-note{background:var(--lav-tint);color:#5c5086;border-radius:var(--r-sm);padding:11px 16px;font-size:13.5px;font-weight:600}.venue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}.venue-card{border:1px solid var(--hairline);border-radius:var(--r-md);padding:13px 15px;cursor:pointer;background:var(--surface);transition:border-color .12s ease,background .12s ease}.venue-card:hover:not(.locked){border-color:var(--rose)}.venue-card.selected{border:2px solid var(--rose);padding:12px 14px;background:var(--rose-tint)}.venue-card.locked{opacity:.45;cursor:default}.venue-card .v-name{font-weight:700;font-size:14.5px}.venue-card .v-info{font-size:11.5px;color:var(--sub);line-height:1.6}.setlist-pick{display:flex;flex-direction:column;gap:7px}.setlist-pick .song-opt{display:flex;gap:12px;align-items:center;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:9px 14px;cursor:pointer;font-size:13px;font-weight:600;background:var(--surface);transition:border-color .12s ease,background .12s ease}.setlist-pick .song-opt:hover{border-color:var(--lav)}.setlist-pick .song-opt.picked{border-color:var(--lav);background:var(--lav-tint)}.setlist-pick .order{font-weight:800;color:var(--lav);width:48px;font-size:12px}.live-options{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:14px;font-size:14px;font-weight:500}.live-options label{cursor:pointer}.facility-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--hairline);padding:13px 0}.facility-row:last-of-type{border-bottom:none}.facility-row .f-info{flex:1}.facility-row .f-name{font-weight:700}.facility-row .f-desc{font-size:12px;color:var(--sub)}.level-pips{display:flex;gap:4px}.level-pips span{width:20px;height:8px;border-radius:4px;background:#ece7e3}.level-pips span.on{background:var(--rose)}.records-hero{display:flex;gap:8px 30px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--sub)}.records-hero strong{display:block;font-size:21px;color:var(--ink);font-family:var(--serif)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.ach-card{border:1px solid var(--hairline);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;background:var(--surface)}.ach-card.unlocked{border-color:transparent;background:var(--gold-tint)}.ach-card .a-name{font-weight:700}.ach-card.unlocked .a-name{color:var(--gold)}.ach-card .a-desc{font-size:11px;color:var(--sub)}.ending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ending-card{border:1px solid var(--hairline);border-radius:var(--r-sm);padding:13px 10px;text-align:center;font-size:13px;color:var(--sub);background:var(--surface);font-family:var(--serif)}.ending-card.seen{border-color:transparent;color:var(--lav);background:var(--lav-tint);font-weight:700}.fans-chart{width:100%;height:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#201c2c80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100;animation:overlayIn .2s ease both}.modal{background:var(--surface);border-radius:20px;max-width:580px;width:100%;max-height:86vh;overflow-y:auto;padding:26px 28px;box-shadow:var(--shadow-pop);animation:popIn .3s cubic-bezier(.2,1.2,.35,1) both}.modal.modal-wide{max-width:760px}.modal h3{color:var(--ink);font-size:19px;margin-bottom:10px}.modal .modal-kicker{font-size:10.5px;letter-spacing:.26em;color:var(--rose);font-weight:800;margin-bottom:3px}.modal .modal-portrait{width:138px;float:right;margin:0 0 12px 16px;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-card)}.modal .modal-portrait svg{width:100%;height:auto;display:block}.modal .nameplate{font-size:12px;color:var(--sub);font-weight:600;margin-bottom:8px}.modal .nameplate strong{font-family:var(--serif);font-size:15px;color:var(--ink);margin-right:8px}.modal .choices{display:flex;flex-direction:column;gap:10px;margin-top:18px;clear:both}.modal .choices button{text-align:left;padding:13px 18px;border-radius:var(--r-md);font-size:14px;line-height:1.6;background:var(--surface-2);border-left:4px solid var(--rose)}.modal .choices button:hover:not(:disabled){background:var(--rose-tint)}.modal .modal-actions{margin-top:20px;text-align:right}.modal .result-stamp{text-align:center;margin:6px 0 14px}.ending-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#232131;color:#f4eef1;z-index:200;display:flex;align-items:center;justify-content:center;padding:22px;overflow-y:auto;animation:overlayIn .6s ease both}.ending-box{max-width:660px;text-align:center}.ending-box .e-label{letter-spacing:.45em;color:var(--gold);font-size:13px;font-weight:800;animation:fadeUp .7s ease .2s both}.ending-box h2{font-family:var(--serif);font-size:clamp(34px,7vw,46px);color:#fff;margin:12px 0 26px;animation:fadeUp .8s ease .55s both}.ending-box .e-text{text-align:left;line-height:2.1;background:#ffffff0d;border-radius:var(--r-md);padding:22px 26px;animation:fadeUp .8s ease 1s both}.ending-box .e-stats{display:flex;justify-content:center;gap:12px 30px;flex-wrap:wrap;margin:24px 0;font-size:13px;color:#b3abbe;animation:fadeUp .8s ease 1.4s both}.ending-box .e-stats strong{display:block;font-size:21px;color:#fff;font-family:var(--serif)}.ending-box .e-note{color:#b3abbe;font-size:12px;line-height:1.9;animation:fadeUp .8s ease 1.7s both}.ending-box .actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap;animation:fadeUp .8s ease 1.9s both}.ending-box button{background:#ffffff14;color:#f4eef1}.ending-box button:hover:not(:disabled){background:#ffffff24}.ending-box button.primary{background:var(--rose)}.ending-box button.primary:hover:not(:disabled){background:var(--rose-dark)}.title-screen{text-align:center;padding:48px 12px 40px;animation:fadeUp .5s ease both}.title-hero{position:relative;height:250px;margin:10px auto 30px;max-width:640px}.title-hero .hero-card{--tilt: 0deg;position:absolute;bottom:0;width:132px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-pop);animation:heroSway 5s ease-in-out infinite}.title-hero .hero-card img,.title-hero .hero-card svg{display:block;width:100%;aspect-ratio:200 / 260;object-fit:cover;object-position:top center}.sparkle{position:absolute;width:6px;height:6px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:sparkleFloat 3.2s ease-in-out infinite}.title-screen .catch{color:var(--rose);letter-spacing:.28em;font-size:12.5px;font-weight:700;margin-bottom:8px}.title-screen h1{font-family:var(--serif);font-size:clamp(38px,8vw,50px);color:var(--ink);margin-bottom:4px}.title-screen .subtitle{color:var(--sub);letter-spacing:.34em;font-size:12.5px;margin-bottom:32px}.title-screen .menu{display:flex;flex-direction:column;gap:12px;max-width:330px;margin:0 auto}.title-screen .menu button{padding:15px 20px;font-size:15.5px;letter-spacing:.08em}.title-screen .menu button:not(.primary){background:var(--surface);box-shadow:var(--shadow-card)}.title-meta{margin-top:36px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;color:var(--sub);font-size:12px;font-weight:600}.setup-screen{animation:fadeUp .4s ease both}.setup-screen h2{font-family:var(--serif);font-size:24px;margin:8px 0 2px}.setup-lead{color:var(--sub);font-size:13px;margin:0 0 14px}.setup-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:16px 18px;margin-bottom:18px}.setup-form label{display:block;font-size:12px;font-weight:600;color:var(--sub);margin-bottom:5px}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;margin:14px 0 20px}.candidate-card{background:var(--surface);border:2px solid transparent;border-radius:var(--r-md);padding:9px 9px 12px;cursor:pointer;text-align:center;box-shadow:var(--shadow-card);transition:transform .12s ease,border-color .15s ease;position:relative;animation:fadeUp .45s ease both;animation-delay:calc(var(--i, 0) * 35ms)}.candidate-card:hover:not(.locked){transform:translateY(-3px)}.candidate-card.selected{border-color:var(--rose);background:var(--rose-tint)}.candidate-card.locked{opacity:.55;cursor:default;box-shadow:none}.candidate-card .portrait{border-radius:var(--r-sm);overflow:hidden}.candidate-card .portrait svg{display:block;width:100%;height:auto}.candidate-card .name{font-weight:700;margin-top:8px;font-size:14px}.candidate-card .meta{font-size:11px;color:var(--sub);line-height:1.5}.candidate-card .mini{margin-top:8px}.candidate-card .badge{position:absolute;top:14px;left:14px;background:var(--rose);color:#fff;font-size:13px;font-weight:800;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);animation:popIn .25s ease both}.locked-face{aspect-ratio:200 / 240;background:#ebe6e6;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#a29aa2;font-size:12px;font-weight:600;padding:10px;line-height:1.6}.setup-footer{position:sticky;bottom:10px;z-index:40;background:#262536f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:10px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#f0eaee}.slot-row{display:flex;gap:6px}.slot{width:42px;height:52px;border-radius:9px;border:1px dashed rgba(240,234,238,.35);overflow:hidden;background:#ffffff0d}.slot img,.slot svg{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;aspect-ratio:auto}.setup-footer .count{font-size:13px;font-weight:700;letter-spacing:.05em}.setup-footer .spacer{flex:1}.live-show{position:fixed;top:0;right:0;bottom:0;left:0;z-index:390;background:#0c0a14;cursor:pointer;animation:overlayIn .3s ease both}.live-show.out{opacity:0;transition:opacity .3s ease}.live-show canvas{display:block;width:100%;height:100%}.live-show .ls-head{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:0;right:0;text-align:center;color:#f2ecf4;pointer-events:none}.live-show .ls-venue{display:block;font-size:11px;letter-spacing:.3em;color:#b3a8c4;font-weight:700}.live-show .ls-song{display:block;font-family:var(--serif);font-size:20px;letter-spacing:.1em}.live-show .ls-skip{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));right:18px;color:#8f86a3;font-size:11px;font-weight:700;letter-spacing:.1em;pointer-events:none}.suggest-panel{border-left:5px solid var(--rose)}.suggest-list{display:flex;flex-direction:column;gap:8px}.suggest-row{display:flex;gap:10px;align-items:center}.suggest-no{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--rose-tint);color:var(--rose-dark);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.suggest-text{flex:1;font-size:13px;line-height:1.6}.suggest-row .mini{flex-shrink:0;border-color:var(--rose);color:var(--rose-dark)}.trend-banner{display:flex;gap:6px 24px;flex-wrap:wrap;align-items:center;background:var(--navy);color:#d9d2e4;border-radius:var(--r-md);padding:10px 18px;margin-bottom:14px;font-size:13px}.trend-banner strong{color:#fff}.trend-banner .trend-crowd strong{color:var(--gold-2, #e5c88a)}.trend-next{font-size:12px;color:#b0a7c4}.cmd.warn{border-left:4px solid var(--bad);background:var(--bad-tint)}.cmd.warn b{color:var(--bad)}.trust-chip.warn{color:var(--bad);font-weight:800}.sw-thumb.hurt{border-color:var(--bad);opacity:.55}.rel-list{display:flex;gap:6px;flex-wrap:wrap}.rel-chip{font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:999px;background:#f0edf0;color:var(--sub)}.rel-chip.good{background:var(--good-tint);color:var(--good)}.rel-chip.bad{background:var(--bad-tint);color:var(--bad)}.care-thumb{width:44px;flex-shrink:0;border-radius:8px;overflow:hidden}.care-thumb img,.care-thumb svg{display:block;width:100%;height:auto}.choice-odds{display:inline-block;margin-left:10px;font-size:11px;font-weight:800;color:var(--gold);background:var(--gold-tint);border-radius:999px;padding:1px 9px;white-space:nowrap}.choice-odds.ng{color:var(--bad);background:var(--bad-tint)}.score-hero .score-total{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--ink);line-height:1.2}.score-hero .score-total span{font-size:16px;color:var(--sub);margin-left:6px}.score-hero .score-parts{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:var(--sub);margin:6px 0}.e-score{margin:18px 0 4px;animation:fadeUp .8s ease 1.2s both}.e-score-label{display:block;font-size:10px;letter-spacing:.3em;color:var(--gold);font-weight:800}.e-score-num{font-family:var(--serif);font-size:44px;color:#fff}.e-score-rank{margin-left:12px;font-size:14px;color:#e5c88a;font-weight:700}.portrait-img{display:block;width:100%;aspect-ratio:200 / 240;object-fit:cover;object-position:top center;border-radius:inherit}@media (max-width: 680px){body{font-size:13.5px}.topbar{gap:6px 14px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.tb-group{order:-1;flex:1 1 100%;justify-content:space-between}.tb-name{font-size:16px}.tb-date{min-width:0;flex:1}.tb-cal{font-size:13.5px}.tb-chip{padding:3px 10px}.tb-chip strong{font-size:13px}.tab-body{padding:12px 12px 22px}select,input[type=text]{font-size:16px}button.mini{padding:6px 14px;font-size:12.5px}.dock-btn{font-size:11px;letter-spacing:0;padding:10px 2px}.scene{grid-template-columns:1fr}.scene-visual{min-height:0;height:clamp(240px,38dvh,340px)}.scene-visual>img.portrait-img,.scene-visual>svg{min-height:0;height:100%}.param-chip{min-width:60px}.param-chip .p-rank{font-size:17px}.panel{padding:15px}.modal{padding:20px 16px}.modal .modal-portrait{width:104px}.modal .choices button{padding:12px 14px}.grade-stamp{font-size:23px}.ms-head button{width:100%}.produce-form{grid-template-columns:1fr 1fr}.produce-form>div:last-child{grid-column:1 / -1}.produce-form button{width:100%}.live-options{flex-direction:column;gap:6px}.live-options label{display:block;margin-bottom:4px}.facility-row{flex-wrap:wrap}.facility-row button{margin-left:auto}.job-row{flex-wrap:wrap}.job-row .job-reward{text-align:left}.job-row button,.job-row select{margin-left:auto}.records-hero{gap:8px 18px}.setup-footer{bottom:8px;padding:8px 12px}.setup-footer .big{width:100%;padding:13px 10px;font-size:15px}.title-hero{height:210px}.title-hero .hero-card{width:96px}}
