:root{--ink: #07080D;--panel: #151922;--red: #B31942;--gold: #FFC857;--cream: #F7E7B0;--cyan: #35D0FF;--panel-glass: rgba(21, 25, 34, .62);--panel-glass-strong: rgba(13, 16, 23, .86);--hair: rgba(255, 200, 87, .22);--hair-cyan: rgba(53, 208, 255, .28);--text: #EAF0F7;--text-dim: rgba(234, 240, 247, .62);--disabled: .4;--radius: 16px;--radius-sm: 10px;--tap: 44px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--ink);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{position:fixed;inset:0;display:grid;grid-template-columns:232px 1fr 340px;grid-template-rows:84px 1fr;grid-template-areas:"hud hud hud" "nav stage side";gap:14px;padding:14px}.world-layer{position:fixed;inset:0;z-index:0}.world-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 8%,transparent 55%,rgba(7,8,13,.55) 100%),linear-gradient(to bottom,rgba(7,8,13,.35),transparent 22%,transparent 70%,rgba(7,8,13,.5))}.app>*{position:relative;z-index:2}.glass{background:var(--panel-glass);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0a}.hud{grid-area:hud;display:flex;align-items:center;gap:14px;padding:0 18px}.hud-brand{display:flex;flex-direction:column;gap:2px;padding-right:8px;min-width:190px}.hud-brand .title{font-weight:800;font-size:17px;letter-spacing:.5px;color:var(--gold);text-shadow:0 0 22px rgba(255,200,87,.35)}.hud-brand .sub{font-size:11px;color:var(--text-dim);letter-spacing:.4px}.hud-res{display:flex;gap:10px;flex:1}.res{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--radius-sm);background:#07080d66;border:1px solid rgba(255,255,255,.05);min-width:132px}.res .ic{font-size:20px;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.res .col{display:flex;flex-direction:column}.res .label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.res .val{font-size:18px;font-weight:700}.res .rate{font-size:10px;color:var(--cyan)}.res.gold .val{color:var(--gold)}.res .val.cream{color:var(--cream)}.hud-right{margin-left:auto;display:flex;gap:8px;align-items:center}.chip{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--hair);color:var(--cream);background:#07080d66;display:inline-flex;align-items:center;gap:6px;min-height:36px}.chip.cyan{border-color:var(--hair-cyan);color:var(--cyan)}.nav{grid-area:nav;padding:12px 10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:6px 10px}.nav-btn{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:var(--tap);border-radius:var(--radius-sm);color:var(--text);font-size:13.5px;font-weight:600;border:1px solid transparent;transition:background .15s,border-color .15s,transform .1s;text-align:left;width:100%}.nav-btn .ic{font-size:18px;width:24px;text-align:center}.nav-btn:hover{background:#35d0ff0f}.nav-btn.active{background:linear-gradient(90deg,#ffc85729,#ffc85705);border-color:var(--hair);color:var(--cream)}.nav-btn .dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.nav-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:8px}.nav-mini{font-size:11px;color:var(--text-dim);text-align:center}.stage{grid-area:stage;position:relative;display:flex;flex-direction:column;pointer-events:none}.stage>*{pointer-events:auto}.stage-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stage-title-card{padding:12px 16px;max-width:60%}.stage-title-card .eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan)}.stage-title-card h2{font-size:20px;font-weight:800;color:var(--cream);margin-top:2px}.stage-title-card p{font-size:12px;color:var(--text-dim);margin-top:4px;line-height:1.4}.stage-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.primary-action{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:16px 34px;min-height:64px;border-radius:18px;background:linear-gradient(180deg,var(--gold),#E8A93B);color:#1a1206;font-weight:800;font-size:17px;letter-spacing:.3px;box-shadow:0 12px 30px #ffc85759,inset 0 1px #ffffff80;transition:transform .08s ease,box-shadow .15s}.primary-action .sub{font-size:11px;font-weight:600;opacity:.72;letter-spacing:.3px}.primary-action:hover{transform:translateY(-1px)}.primary-action:active{transform:translateY(2px) scale(.99);box-shadow:0 6px 16px #ffc8574d}.world-switch{display:flex;gap:6px;padding:8px;flex-wrap:wrap;max-width:380px}.world-pill{padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);background:#07080d80;min-height:40px}.world-pill.active{border-color:var(--hair-cyan);color:var(--cyan);background:#35d0ff14}.world-pill.locked{opacity:var(--disabled)}.event-stack{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-width:320px}.event-banner{padding:10px 14px;border-radius:12px;background:var(--panel-glass-strong);backdrop-filter:blur(14px);border:1px solid var(--hair);box-shadow:0 10px 30px #0006;animation:eventPop .35s cubic-bezier(.2,.9,.3,1.2)}.event-banner.gold{border-color:var(--hair);box-shadow:0 0 24px #ffc85740}.event-banner.cyan{border-color:var(--hair-cyan);box-shadow:0 0 24px #35d0ff38}@keyframes eventPop{0%{opacity:0;transform:scale(.9) translateY(-6px)}to{opacity:1;transform:none}}.event-top{display:flex;justify-content:space-between;align-items:center}.event-label{font-size:13px;font-weight:800;color:var(--cream)}.event-mult{font-size:15px;font-weight:800;color:var(--gold)}.event-meter{height:5px;border-radius:5px;background:#ffffff1f;overflow:hidden;margin:6px 0 3px}.event-meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--cream));border-radius:5px;transition:width .5s linear}.event-time{font-size:10px;color:var(--text-dim)}.side{grid-area:side;display:flex;flex-direction:column;gap:14px;overflow:hidden}.card{padding:16px;display:flex;flex-direction:column;gap:10px}.card h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);display:flex;align-items:center;gap:8px}.card h3.cyan{color:var(--cyan)}.card .row{display:flex;justify-content:space-between;font-size:13px}.card .row .k{color:var(--text-dim)}.card .row .v{font-weight:700}.card .row .v.gold{color:var(--gold)}.card .row .v.cyan{color:var(--cyan)}.card .row .v.red{color:var(--red)}.nba-name{font-size:15px;font-weight:800;color:var(--cream)}.nba-problem{font-size:12px;color:var(--text-dim);line-height:1.4}.nba-buy{margin-top:4px;padding:12px;min-height:var(--tap);border-radius:12px;font-weight:800;font-size:14px;background:linear-gradient(180deg,var(--cyan),#1FA9D6);color:#04222e;box-shadow:0 8px 22px #35d0ff47;transition:transform .08s,filter .15s}.nba-buy:hover{filter:brightness(1.06)}.nba-buy:active{transform:translateY(2px)}.nba-buy.locked{background:#ffffff14;color:var(--text-dim);box-shadow:none;cursor:not-allowed}.help-line{font-size:12px;color:var(--text-dim);line-height:1.5}.help-line b{color:var(--cream);font-weight:600}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--cyan);background:#07080d80;padding:8px 10px;border-radius:8px;line-height:1.6;overflow-x:auto}.drawer{position:absolute;left:0;top:0;bottom:84px;width:400px;max-width:46%;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .28s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.drawer-head{padding:14px 16px;border-bottom:1px solid var(--hair)}.drawer-head .eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan)}.drawer-head h2{font-size:18px;font-weight:800;color:var(--cream)}.drawer-head p{font-size:12px;color:var(--text-dim);margin-top:3px}.drawer-body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.seg{display:inline-flex;background:#07080d99;border-radius:10px;padding:3px;gap:3px}.seg button{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-dim);min-height:34px}.seg button.active{background:var(--gold);color:#1a1206}.upg{padding:12px 14px;border-radius:12px;background:#07080d6b;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .2s}.upg.afford{border-color:var(--hair);box-shadow:0 0 0 1px var(--hair),0 0 22px #ffc8571f}.upg.pulse{animation:upgPulse .5s ease}@keyframes upgPulse{0%{box-shadow:0 0 0 2px var(--gold)}to{box-shadow:0 0 0 1px var(--hair)}}.upg-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.upg-name{font-size:14px;font-weight:700;color:var(--cream)}.upg-cat{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--cyan)}.upg-lvl{font-size:12px;font-weight:800;color:var(--gold);white-space:nowrap}.upg-problem{font-size:11.5px;color:var(--text-dim);line-height:1.4}.upg-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;min-height:var(--tap);border-radius:10px;font-weight:700;font-size:13px;background:linear-gradient(180deg,#ffc857eb,#e8a93beb);color:#1a1206;transition:transform .08s,filter .15s}.upg-buy .cost{font-weight:800}.upg-buy:hover{filter:brightness(1.05)}.upg-buy:active{transform:translateY(2px)}.upg-buy.locked{background:#ffffff12;color:var(--text-dim);cursor:not-allowed}.upg-delta{font-size:11px;color:var(--cyan)}.upg.locked-tier{opacity:var(--disabled)}.upg-lockmsg{font-size:11px;color:var(--red)}.drawer-wide{width:460px;max-width:52%}.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--gold);margin-bottom:6px}.studio-trends{padding:12px 14px;border-radius:12px;background:#35d0ff0f;border:1px solid var(--hair-cyan);margin-bottom:4px}.trend-row{display:flex;gap:8px;flex-wrap:wrap}.trend-pill{padding:6px 12px;border-radius:999px;background:#35d0ff24;color:var(--cyan);font-size:13px;font-weight:700;border:1px solid var(--hair-cyan)}.trend-hint{font-size:11px;color:var(--text-dim);margin-top:8px}.composer{display:flex;flex-direction:column;gap:8px}.movie-title{width:100%;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600;background:#07080d8c;border:1px solid var(--hair);color:var(--cream);outline:none}.movie-title::placeholder{color:#eaf0f759;font-weight:400}.movie-title:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #35d0ff33}.pick-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-top:4px}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pick{position:relative;display:flex;align-items:center;gap:6px;padding:9px 10px;min-height:42px;border-radius:10px;font-size:12px;font-weight:600;color:var(--text-dim);background:#07080d6b;border:1px solid rgba(255,255,255,.07);text-align:left}.pick .pi{font-size:15px}.pick.active{border-color:var(--gold);color:var(--cream);background:#ffc8571f}.pick.hot{box-shadow:0 0 0 1px var(--hair-cyan)}.hot-tag{position:absolute;top:3px;right:4px;font-size:8px;font-weight:800;color:var(--cyan);letter-spacing:.5px}.seg.full{display:grid;grid-template-columns:repeat(3,1fr)}.seg.full button{min-height:40px}.budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.budget-pick{display:flex;flex-direction:column;gap:2px;padding:10px 12px;min-height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#07080d6b;text-align:left}.budget-pick .bname{font-size:13px;font-weight:700;color:var(--text)}.budget-pick .bsub{font-size:11px;color:var(--cyan)}.budget-pick.active{border-color:var(--gold);background:#ffc8571f}.budget-pick.active .bname{color:var(--cream)}.budget-pick.locked{opacity:var(--disabled)}.film-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#07080d6b;border:1px solid rgba(255,255,255,.06)}.film-ic{font-size:18px}.film-mid{flex:1;min-width:0}.film-title{font-size:13px;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-sub{font-size:11px;color:var(--text-dim)}.film-badge{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--text-dim);padding:3px 7px;border-radius:6px;background:#ffffff0f}.film-badge.live{color:var(--cyan);background:#35d0ff24;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.55}}.toast-wrap{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:50}.toast{padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:700;background:var(--panel-glass-strong);backdrop-filter:blur(14px);border:1px solid var(--hair);animation:toastIn .3s ease,toastOut .3s ease 2.4s forwards;box-shadow:0 14px 40px #00000080}.toast.gold{color:var(--gold);border-color:var(--hair)}.toast.cyan{color:var(--cyan);border-color:var(--hair-cyan)}.toast.red{color:var(--red);border-color:#b3194280}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.modal-scrim{position:fixed;inset:0;z-index:60;background:#030408b8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(520px,92vw);padding:26px;text-align:center}.modal .big-ic{font-size:46px}.modal h2{font-size:24px;font-weight:800;color:var(--gold);margin-top:6px}.modal p{color:var(--text-dim);font-size:14px;margin-top:8px;line-height:1.5}.modal .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.modal .stat{padding:14px;border-radius:12px;background:#07080d80}.modal .stat .n{font-size:22px;font-weight:800;color:var(--cream)}.modal .stat .l{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.modal .actions{display:flex;gap:12px;margin-top:22px}.btn{flex:1;padding:14px;min-height:var(--tap);border-radius:12px;font-weight:800;font-size:14px;transition:transform .08s,filter .15s}.btn:active{transform:translateY(2px)}.btn.gold{background:linear-gradient(180deg,var(--gold),#E8A93B);color:#1a1206}.btn.cyan{background:linear-gradient(180deg,var(--cyan),#1FA9D6);color:#04222e}.btn.ghost{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn.danger{background:#b3194229;color:var(--red);border:1px solid rgba(179,25,66,.5)}.btn.disabled{opacity:var(--disabled);pointer-events:none}.settings-block{margin-top:18px;display:flex;flex-direction:column;gap:10px;text-align:left}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px}.set-label{font-size:14px;font-weight:600;color:var(--text)}.toggle{width:52px;height:30px;border-radius:999px;background:#ffffff1f;position:relative;transition:background .18s;flex:none}.toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 2px 6px #0006}.toggle.on{background:var(--cyan)}.toggle.on .knob{transform:translate(22px)}.lb-modal{width:min(560px,94vw)}.lb-submit{display:flex;gap:8px;margin-top:16px}.lb-submit .movie-title{flex:1}.lb-submit .btn{flex:none;width:auto;padding:12px 18px}.lb-myscore{font-size:13px;color:var(--text-dim);margin-top:10px}.lb-list{margin-top:14px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;text-align:left}.lb-empty{padding:24px;text-align:center;color:var(--text-dim);font-size:13px}.lb-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#07080d6b;border:1px solid rgba(255,255,255,.05)}.lb-row.you{border-color:var(--gold);background:#ffc8571a}.lb-rank{font-size:14px;font-weight:800;color:var(--text-dim);text-align:center}.lb-rank.top1,.lb-rank.top2,.lb-rank.top3{font-size:18px}.lb-name{font-size:13px;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-meta{font-size:11px;color:var(--text-dim)}.lb-score{font-size:13px;font-weight:800;color:var(--gold)}.boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--ink);z-index:100}.boot .logo{font-size:30px;font-weight:800;color:var(--gold);letter-spacing:1px;text-shadow:0 0 40px rgba(255,200,87,.4)}.boot .bar{width:220px;height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden}.boot .bar i{display:block;height:100%;width:40%;background:var(--gold);border-radius:4px;animation:load 1s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(320%)}}.meter{height:8px;border-radius:6px;background:#ffffff14;overflow:hidden}.meter>i{display:block;height:100%;border-radius:6px;transition:width .4s ease}.meter.gold>i{background:linear-gradient(90deg,var(--gold),var(--cream))}.meter.cyan>i{background:linear-gradient(90deg,var(--cyan),#9fe9ff)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1100px){.app{grid-template-columns:76px 1fr;grid-template-areas:"hud hud" "nav stage"}.side,.nav-btn span.txt{display:none}.nav-btn{justify-content:center}.drawer{max-width:62%}}