:root{--base: #0a0a0a;--qb: #5a1414;--wr: #a5acaf;--gold: #ffb612;--lit: #e8e6e1;--red: #c8102e}*{box-sizing:border-box}@keyframes juice-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes juice-modal-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes juice-pulse{0%,to{box-shadow:0 0 #ffb6128c}50%{box-shadow:0 0 0 8px #ffb61200}}@keyframes juice-star-pop{0%{opacity:0;transform:scale(.3) rotate(-15deg)}60%{opacity:1;transform:scale(1.25) rotate(6deg)}to{opacity:1;transform:scale(1) rotate(0)}}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--base);color:var(--lit);font-family:Oswald,sans-serif}.shell{--chrome-h: 150px;max-width:1240px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}@media(max-height:560px){.shell.play{--chrome-h: 12px;padding:0;max-width:none}.shell.play header{display:none}.shell.play .route-bar{position:fixed;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:20;margin:0;padding:4px 8px;max-width:96vw;overflow-x:auto;background:#0a0a0a99}.shell.play .route-bar .route-label{display:none}.shell.play .stage{border:none}}@media(max-width:980px),(max-height:540px){.shell{padding:4px 6px}header{margin-bottom:4px}.level-info{gap:10px}.route-bar{flex-wrap:wrap;gap:5px;margin-bottom:5px}.route-btn{padding:6px 10px;font-size:12px}}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}h1{font-family:Lilita One,sans-serif;font-size:clamp(22px,6vw,38px);margin:0;color:var(--gold);letter-spacing:1px;white-space:nowrap}.level-info{font-family:Lilita One,sans-serif;font-size:clamp(16px,4.5vw,24px);display:flex;gap:16px;white-space:nowrap}.level-info .tier{color:var(--wr)}.route-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.route-label{font-size:13px;letter-spacing:2px;color:var(--wr)}.route-btn{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:1px;padding:4px 14px;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.3);cursor:pointer}.route-btn.active{border-color:var(--gold);color:var(--gold)}.route-btn.demo-btn{margin-left:auto;border-color:#ffb6128c;color:var(--gold)}.route-mark{margin-left:6px;color:var(--gold)}.mute-btn{background:transparent;border:1px solid rgba(232,230,225,.3);border-radius:4px;cursor:pointer;font-size:16px;line-height:1;padding:3px 7px}.stage{position:relative;border:1px solid rgba(232,230,225,.2);animation:juice-fade-in .24s cubic-bezier(.22,1,.36,1)}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0a0a0aa6;animation:juice-fade-in .2s cubic-bezier(.22,1,.36,1)}.result-title{font-family:Lilita One,sans-serif;font-size:clamp(30px,9vw,54px);letter-spacing:1px}.name-error{color:var(--red);font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.5px;margin:6px 0 0}.result-reason{font-family:Oswald,sans-serif;font-size:clamp(14px,4vw,20px);letter-spacing:1.5px;color:var(--gold);margin-top:2px}.stars{display:flex;gap:18px;justify-content:center;font-size:36px;color:var(--gold)}.star-slot{display:flex;flex-direction:column;align-items:center;line-height:1.1}.star-fill{display:inline-block;animation:juice-star-pop .35s cubic-bezier(.34,1.56,.64,1) both}.stars-dim{color:#e8e6e133}.star-label{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:2px;color:var(--gold)}.star-label.dim{color:#e8e6e14d}.select-screen{display:flex;flex-direction:column;gap:14px;animation:juice-fade-in .24s cubic-bezier(.22,1,.36,1)}.stat-panel{border:1px solid rgba(232,230,225,.2);padding:10px 14px}.stat-panel-header{display:flex;align-items:baseline;gap:16px}.stat-panel h2,.tier-header h2{font-family:Lilita One,sans-serif;font-size:24px;margin:0 0 6px;color:var(--lit);letter-spacing:2px}.points-badge{font-family:Lilita One,sans-serif;font-size:20px;color:var(--gold)}.master-note{font-family:Oswald,sans-serif;font-size:12px;letter-spacing:1px;color:var(--gold);border:1px solid rgba(255,182,18,.5);padding:2px 8px;border-radius:2px}.stat-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:2px 0}.stat-label{width:170px;font-size:14px;letter-spacing:1px}.stat-pips{color:var(--gold);letter-spacing:3px;width:90px}.pips-dim{color:#e8e6e140}.plus-btn{font-family:Oswald,sans-serif;font-size:16px;width:26px;height:26px;background:transparent;color:var(--gold);border:1px solid var(--gold);cursor:pointer;line-height:1}.practice-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,182,18,.35);color:var(--gold);font-family:Oswald,sans-serif;letter-spacing:1px}.practice-label{color:var(--gold);font-family:Oswald,sans-serif;font-size:15px;letter-spacing:1px}.stat-desc{font-size:12px;color:#e8e6e180}.stat-effect{margin-left:auto;font-family:Lilita One,sans-serif;font-size:16px;letter-spacing:1px;color:#e8e6e199;white-space:nowrap}.eff-label{color:#e8e6e166}.eff-cur{color:var(--lit)}.eff-arrow,.eff-next{color:var(--gold)}.eff-milestone{color:var(--gold);white-space:normal}.tier-section{border:1px solid rgba(232,230,225,.15);padding:8px 14px 12px}.tier-section.locked{opacity:.45}.tier-header{display:flex;align-items:baseline;gap:16px}.tier-progress{font-family:Lilita One,sans-serif;font-size:18px;color:var(--wr)}.lock-note{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;letter-spacing:1px;color:var(--red)}.inline-unlock{font-family:Lilita One,sans-serif;font-size:12px;letter-spacing:1px;padding:2px 7px;background:transparent;color:var(--gold);border:1px solid var(--gold);cursor:pointer}.next-stadium{border:1px solid rgba(255,182,18,.4);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.next-stadium-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.next-stadium-label{font-family:Lilita One,sans-serif;font-size:16px;letter-spacing:2px;color:var(--gold)}.next-stadium-target{font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:1px;color:var(--lit)}.next-stadium-bar{height:8px;background:#e8e6e126;overflow:hidden}.next-stadium-fill{height:100%;background:var(--gold);transition:width .4s cubic-bezier(.22,1,.36,1)}.unlock-stadium{border-color:#c8102e8c}.unlock-actions{display:flex;gap:8px;flex-wrap:wrap}.unlock-actions a{text-decoration:none}.next-stadium-sub{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:1px;color:#e8e6e199}.level-grid{display:flex;flex-wrap:wrap;gap:8px}.level-btn{width:64px;padding:6px 0 4px;background:transparent;border:1px solid rgba(232,230,225,.3);color:var(--lit);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.level-btn:disabled{cursor:default}.level-btn:not(:disabled):hover{border-color:var(--gold)}.lvl-num{font-family:Lilita One,sans-serif;font-size:22px;line-height:1}.lvl-stars{font-size:12px;color:var(--gold);min-height:14px}.lvl-stars.partial{opacity:.45}.track-toggle{display:flex;align-items:center;gap:8px}.title-screen{display:flex;flex-direction:column;gap:16px;max-width:620px;margin:4vh auto 0;animation:juice-fade-in .24s cubic-bezier(.22,1,.36,1)}.title-tag{font-family:Lilita One,sans-serif;font-size:20px;letter-spacing:2px;color:var(--wr);text-align:center;margin:0}.slot-list{display:flex;flex-direction:column;gap:10px}.slot-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(232,230,225,.3);padding:12px 14px}.slot-card[data-pos=qb]{border-left:4px solid var(--qb)}.slot-card[data-pos=wr]{border-left:4px solid var(--wr)}.slot-info{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}.slot-badge{font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:1px;padding:1px 8px;border:1px solid rgba(232,230,225,.35)}.slot-badge[data-pos=qb]{background:var(--qb);color:var(--lit)}.slot-badge[data-pos=wr]{background:var(--wr);color:var(--base)}.slot-name{font-family:Lilita One,sans-serif;font-size:24px;letter-spacing:1px;color:var(--lit)}.slot-progress{font-family:Lilita One,sans-serif;font-size:17px;color:#e8e6e199}.slot-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.slot-continue{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:1px;padding:8px 16px;background:transparent;color:var(--gold);border:1px solid var(--gold);cursor:pointer}.slot-continue:hover{background:#ffb6121f}.slot-career{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:1px;padding:8px 12px;background:transparent;color:#e8e6e1b3;border:1px solid rgba(232,230,225,.3);cursor:pointer}.slot-career:hover{border-color:var(--lit);color:var(--lit)}.slot-delete{font-family:Oswald,sans-serif;font-size:13px;padding:8px 10px;background:transparent;color:#e8e6e180;border:1px solid rgba(232,230,225,.25);cursor:pointer}.slot-delete:hover,.slot-delete.confirm{color:var(--red);border-color:var(--red)}.slot-card.new-slot{justify-content:center;font-family:Lilita One,sans-serif;font-size:24px;letter-spacing:2px;background:transparent;color:var(--gold);border-style:dashed;cursor:pointer;padding:16px}.slot-card.new-slot:hover{border-color:var(--gold)}.title-hint{text-align:center;font-size:14px;color:#e8e6e18c;margin:0}.install-hint{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;max-width:min(430px,calc(100vw - 24px));padding:9px 10px 9px 12px;border:1px solid rgba(255,182,18,.55);background:#0a0a0af0;color:var(--lit);font-size:13px;letter-spacing:.3px;animation:juice-fade-in .24s cubic-bezier(.22,1,.36,1)}.install-hint-action,.install-hint-dismiss{border:0;background:transparent;color:var(--gold);cursor:pointer;font-family:Oswald,sans-serif;font-weight:700}.install-hint-action{padding:4px 6px;letter-spacing:1px}.install-hint-dismiss{padding:2px 4px;color:#e8e6e1a6;font-size:20px;line-height:1}.settings-rows{display:flex;flex-direction:column;gap:14px;margin:16px 0 18px;min-width:min(380px,70vw)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.settings-label{display:flex;flex-direction:column;font-size:15px;letter-spacing:1px}.settings-hint{font-size:12px;letter-spacing:0;color:#e8e6e180}.settings-hint.error{color:var(--red)}.settings-legal{justify-content:center;margin-top:4px}.settings-legal a{font-size:12px;letter-spacing:1px;color:#e8e6e180;text-decoration:none}.settings-legal a:hover{color:var(--gold)}.toggle-btn{font-family:Lilita One,sans-serif;font-size:20px;letter-spacing:1px;width:66px;padding:4px 0;background:transparent;color:#e8e6e18c;border:1px solid rgba(232,230,225,.35);cursor:pointer}.toggle-btn.on{color:var(--gold);border-color:var(--gold)}.settings-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.option-btn{font-family:Lilita One,sans-serif;font-size:14px;letter-spacing:.5px;padding:6px 8px;background:transparent;color:#e8e6e18c;border:1px solid rgba(232,230,225,.35);cursor:pointer}.option-btn.on{color:var(--gold);border-color:var(--gold)}.option-btn:disabled{opacity:.35;cursor:default}.unlock-row{align-items:flex-start}.unlock-code{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.unlock-code input{width:164px;font-family:Oswald,sans-serif;font-size:14px;letter-spacing:1px;padding:6px 8px;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.35)}.unlock-code input:focus{outline:none;border-color:var(--gold)}.name-input{font-family:Lilita One,sans-serif;font-size:24px;letter-spacing:2px;text-align:center;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.35);padding:6px 10px;margin-bottom:14px;width:min(280px,80%)}.name-input:focus{outline:none;border-color:var(--gold)}.look-editor{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.look-preview{flex:0 0 auto;border:1px solid rgba(232,230,225,.25);background:#ffffff0a;image-rendering:auto}.look-controls{display:flex;flex-direction:column;gap:12px;min-width:240px}.look-row{display:flex;align-items:center;gap:12px}.look-label{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:2px;color:var(--wr);width:64px;text-align:right;flex-shrink:0}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(232,230,225,.35);cursor:pointer;padding:0;color:#e8e6e1b3;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.swatch.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffb61259}.number-input{font-family:Lilita One,sans-serif;font-size:22px;text-align:center;width:66px;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.35);padding:3px 6px}.number-input:focus{outline:none;border-color:var(--gold)}.slot-number{font-family:Lilita One,sans-serif;font-size:20px;color:var(--gold)}.stat-panel-num{color:var(--gold)}.modal .result-buttons{justify-content:center;margin-top:14px}.board-modal{min-width:min(420px,86vw)}.board-level-picker{display:grid;grid-template-columns:92px 1fr 92px;gap:10px;align-items:center;margin:10px 0 4px}.board-level-picker span{color:var(--lit);font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:1px}.board-level-picker button:disabled{cursor:default;opacity:.35}.board-rows{display:flex;flex-direction:column;gap:2px;margin:12px 0 4px;max-height:52vh;overflow-y:auto}.board-row{display:grid;grid-template-columns:34px 1fr 60px 52px;gap:8px;align-items:baseline;padding:3px 8px;text-align:left}.board-row:nth-child(odd){background:#e8e6e10d}.board-row.me{border:1px solid var(--gold)}.board-rank{font-family:Lilita One,sans-serif;font-size:20px;color:var(--wr)}.board-name{font-size:14px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-stars{color:var(--gold);font-size:13px}.board-acc{font-family:Lilita One,sans-serif;font-size:20px;text-align:right}@media(max-width:460px){.board-level-picker{grid-template-columns:76px 1fr 76px;gap:6px}.board-level-picker button{padding-inline:6px}.board-level-picker span{font-size:15px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;padding:16px;animation:juice-fade-in .18s cubic-bezier(.22,1,.36,1)}.modal{background:var(--base);border:1px solid rgba(232,230,225,.35);padding:18px 22px;max-width:720px;text-align:center;animation:juice-modal-in .22s cubic-bezier(.22,1,.36,1)}.modal h2{font-family:Lilita One,sans-serif;font-size:32px;margin:0;color:var(--gold);letter-spacing:2px}.modal-sub{margin:6px 0 14px;font-size:14px;color:var(--wr)}.build-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.build-card{flex:1 1 180px;max-width:220px;background:transparent;border:1px solid rgba(232,230,225,.35);color:var(--lit);padding:14px 12px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.build-card:hover{border-color:var(--gold)}.build-card.selected{border-color:var(--gold);background:#ffb6121f}.build-name{font-family:Lilita One,sans-serif;font-size:24px;color:var(--gold);letter-spacing:2px}.build-desc{font-size:13px;color:#e8e6e1b3}.demo-hint{font-family:Oswald,sans-serif;font-size:15px;letter-spacing:1px;color:var(--wr)}.result-buttons{display:flex;gap:12px}.result-buttons button{font-family:Oswald,sans-serif;font-size:16px;letter-spacing:2px;padding:8px 24px;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.5);cursor:pointer}.result-buttons button.primary{border-color:var(--gold);color:var(--gold);animation:juice-pulse 1.6s ease-out infinite}.career-screen{display:flex;flex-direction:column;gap:14px;animation:juice-fade-in .24s cubic-bezier(.22,1,.36,1)}.career-head{border:1px solid rgba(232,230,225,.2);padding:12px 16px}.career-head[data-pos=qb]{border-left:4px solid var(--qb)}.career-head[data-pos=wr]{border-left:4px solid var(--wr)}.career-head h2{font-family:Lilita One,sans-serif;font-size:28px;letter-spacing:2px;margin:0;color:var(--lit)}.career-num{color:var(--gold)}.career-sub{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:2px;color:#e8e6e199}.career-topline{display:flex;gap:32px;margin-top:12px;flex-wrap:wrap}.career-stat{display:flex;flex-direction:column}.career-stat-num{font-family:Lilita One,sans-serif;font-size:40px;line-height:1;color:var(--gold)}.career-stat-max{font-size:24px;color:#e8e6e166}.career-stat-label{font-family:Oswald,sans-serif;font-size:12px;letter-spacing:1px;color:#e8e6e18c;margin-top:4px}.career-tiers,.career-best{border:1px solid rgba(232,230,225,.15);padding:8px 14px 12px}.career-tiers h3,.career-best h3{font-family:Lilita One,sans-serif;font-size:20px;letter-spacing:2px;color:var(--lit);margin:4px 0 10px}.career-tier-row{display:flex;align-items:center;gap:12px;padding:3px 0}.career-tier-name{width:150px;font-size:14px;letter-spacing:1px}.career-tier-count{font-family:Lilita One,sans-serif;font-size:17px;color:var(--wr);width:42px}.career-tier-bar{flex:1;min-width:60px;height:8px;background:#e8e6e11f;overflow:hidden}.career-tier-fill{display:block;height:100%;background:var(--gold)}.career-tier-stars{font-family:Lilita One,sans-serif;font-size:16px;color:var(--gold);width:70px;text-align:right}.career-perk-row{display:flex;align-items:baseline;gap:12px;padding:3px 0}.career-perk-name{font-family:Lilita One,sans-serif;font-size:17px;color:var(--gold);white-space:nowrap}.career-perk-name.pending{color:var(--wr)}.career-perk-effects{font-size:13px;letter-spacing:.5px;color:#e8e6e1bf}.career-best-rows{display:flex;flex-direction:column;gap:6px}.career-best-row{display:flex;align-items:center;gap:14px;padding:6px 10px;background:transparent;border:1px solid rgba(232,230,225,.2);color:var(--lit);cursor:pointer;text-align:left}.career-best-row:hover{border-color:var(--gold)}.career-best-lvl{font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:1px;width:80px}.career-best-stars{color:var(--gold);letter-spacing:2px;flex:1}.career-best-acc{font-family:Lilita One,sans-serif;font-size:18px;color:var(--wr)}.career-empty{font-size:14px;color:#e8e6e18c;margin:0}