.player-hud{font:inherit;color:inherit;cursor:pointer;position:relative;text-align:left}.player-hud:hover,.player-hud:focus-visible{border-color:#ef252c;box-shadow:0 0 22px #ef252c24;outline:none}.hud-help{width:17px;height:17px;border:1px solid #5a6575;border-radius:50%;display:grid;place-content:center;color:#aab4c2;font-size:9px;font-weight:900;margin-left:2px}
.peripheral-count-note{grid-column:1/-1;color:#a9b3c2;border:1px solid #2d3747;background:#0d131d;border-radius:9px;padding:9px 12px;font-size:10px;letter-spacing:.4px}
.rank-guide{position:fixed;inset:0;z-index:290;display:none;place-items:center;padding:20px;background:#020307e8;backdrop-filter:blur(14px)}.rank-guide.open{display:grid}.rank-guide-shell{position:relative;width:min(850px,100%);max-height:calc(100vh - 40px);overflow:auto;background:radial-gradient(circle at 10% 0,#341418,#0c1119 44%);border:1px solid #632d32;border-radius:20px;padding:30px;box-shadow:0 35px 100px #000}.rank-guide-shell>.close{position:absolute;right:20px;top:20px}.rank-guide-shell h2{font-size:31px;margin:7px 0 10px}.rank-guide-shell>p:not(.eyebrow){color:#a8b2c0;font-size:12px;max-width:650px}.rank-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.rank-guide-grid article{background:#111925;border:1px solid #303a4a;border-radius:11px;padding:14px}.rank-guide-grid b,.rank-guide-grid span{display:block}.rank-guide-grid b{color:#ffbd5f;font-size:13px}.rank-guide-grid span{color:#b0bac8;font-size:10px;margin-top:6px;line-height:1.45}.rank-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rank-ladder span{border-left:3px solid #ef252c;background:#17131a;padding:11px;color:#d8dee8;font-size:10px}.rank-ladder b{display:block;color:#ef353c;font-size:8px;margin-bottom:4px;letter-spacing:1px}
@media(max-width:650px){.rank-guide{padding:8px}.rank-guide-shell{padding:24px 16px}.rank-guide-grid,.rank-ladder{grid-template-columns:1fr}.rank-guide-shell h2{font-size:25px}}

/* Interactive beginner tutorial */
.tutorial-shell{width:min(720px,100%)}.tutorial-shell .guide-text{max-width:620px}.tutorial-stage{display:block;min-height:190px;margin:18px 0 14px;padding:14px;border:1px solid #334052;border-radius:13px;background:linear-gradient(145deg,#0a1019,#111b28);box-shadow:inset 0 1px #ffffff08}.tutorial-stage button,.tutorial-stage select{font:inherit}.tutorial-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tutorial-choice button{display:flex;flex-direction:column;align-items:flex-start;min-height:112px;padding:16px;border:1px solid #39475a;border-radius:11px;background:#111a27;color:#fff;text-align:left;cursor:pointer;transition:.2s}.tutorial-choice button:hover,.tutorial-choice button.chosen{border-color:#ef252d;background:#29151b;transform:translateY(-2px);box-shadow:0 8px 25px #0008}.tutorial-choice small{color:#ffba5a;font-size:7px;font-weight:900;letter-spacing:1px}.tutorial-choice b{margin:9px 0 5px;font-size:12px}.tutorial-choice span{color:#99a6b7;font-size:9px}.tutorial-response{margin-top:10px;padding:9px 12px;border:1px dashed #5a3b40;border-radius:8px;color:#ffbd68;background:#23171b;font-size:8px;font-weight:900;letter-spacing:.4px;text-align:center}.tutorial-response.success{border-color:#26785d;color:#53dba7;background:#0e211d}.tutorial-budget-buttons{display:flex;gap:7px}.tutorial-budget-buttons button{flex:1;padding:10px;border:1px solid #3b485a;border-radius:8px;background:#131d2a;color:#c5cfdb;font-size:9px;font-weight:900;cursor:pointer}.tutorial-budget-buttons button.chosen{border-color:#ef252d;background:#bd1018;color:#fff}.tutorial-allocation{display:grid;gap:9px;margin-top:14px}.tutorial-allocation span{position:relative;display:grid;grid-template-columns:100px 1fr 85px;align-items:center;gap:9px;color:#adb8c6;font-size:8px}.tutorial-allocation span:before{content:"";position:absolute;left:109px;right:94px;height:5px;border-radius:9px;background:#273345}.tutorial-allocation i{position:relative;z-index:1;display:block;height:5px;min-width:14px;border-radius:9px;background:linear-gradient(90deg,#ef252d,#ff934b)}.tutorial-allocation em{font-style:normal;text-align:right;color:#fff;font-weight:900}.tutorial-roadmap{display:flex;gap:6px;overflow-x:auto;padding:8px 2px 15px}.tutorial-roadmap button{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #344052;border-radius:999px;background:#121b27;color:#7f8b9b;font-size:7px;font-weight:900}.tutorial-roadmap button.current{border-color:#ef252d;color:#fff;box-shadow:0 0 18px #ef252d60;cursor:pointer;animation:tutorialPulse 1.4s infinite}.tutorial-roadmap button.done{border-color:#23906c;color:#55dfa9}.tutorial-roadmap i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#202c3c;font-style:normal}.tutorial-roadmap .current i{background:#ef252d}.tutorial-roadmap .done i{background:#16815e;color:#fff}@keyframes tutorialPulse{50%{box-shadow:0 0 28px #ef252d99}}.tutorial-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tutorial-picker label{display:block;margin-bottom:5px;color:#ff3540;font-size:7px;font-weight:900;letter-spacing:1px}.tutorial-picker select{width:100%;padding:10px;border:1px solid #3a485b;border-radius:8px;background:#121c29;color:#fff;font-size:9px}.tutorial-compat{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tutorial-compat article,.tutorial-compat button{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #3b485a;border-radius:10px;background:#121c29;color:#fff;text-align:left}.tutorial-compat button{cursor:pointer}.tutorial-compat article.done,.tutorial-compat button.done{border-color:#238568;background:#10231f}.tutorial-compat article>span,.tutorial-compat button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1c2a3a;color:#fff;font-size:8px;font-weight:900}.tutorial-compat .done>span{background:#16815e}.tutorial-compat b,.tutorial-compat small{display:block}.tutorial-compat b{font-size:9px}.tutorial-compat small{margin-top:4px;color:#95a3b5;font-size:8px}.tutorial-check{grid-column:1/-1;padding:9px;border-radius:8px;background:#0d201b;color:#51dda7;font-size:8px;font-weight:900;text-align:center;opacity:.25}.tutorial-check.visible{opacity:1}.tutorial-finish{display:grid;grid-template-columns:180px 1fr;gap:12px}.tutorial-finish>div:first-child{display:flex;flex-direction:column;padding:14px;border:1px solid #344153;border-radius:10px;background:#111a27}.tutorial-finish span{color:#ef3038;font-size:8px;font-weight:900}.tutorial-finish b{margin:9px 0;font-size:19px}.tutorial-finish small{color:#53dba7;font-size:8px}.tutorial-finish>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tutorial-finish button{border:1px solid #3b485a;border-radius:8px;background:#131d2a;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.tutorial-finish button:hover,.tutorial-finish button.chosen{border-color:#ef252d;background:#bd1018}
@media(max-width:650px){.tutorial-shell{padding:17px}.tutorial-stage{padding:10px;min-height:170px}.tutorial-choice,.tutorial-compat,.tutorial-picker,.tutorial-finish{grid-template-columns:1fr}.tutorial-choice button{min-height:88px}.tutorial-allocation span{grid-template-columns:72px 1fr 70px}.tutorial-allocation span:before{left:81px;right:79px}.tutorial-finish>div:last-child{min-height:100px}.tutorial-shell .guide-points{display:none}}
.guide-visual.tutorial-stage span{display:initial;place-items:initial;padding:0;border:0;border-radius:0;background:none;text-align:initial}.guide-visual.tutorial-stage .tutorial-allocation span{display:grid}.guide-visual.tutorial-stage .tutorial-compat article>span,.guide-visual.tutorial-stage .tutorial-compat button>span{display:grid;border-radius:50%;background:#1c2a3a;padding:0;text-align:center}.guide-visual.tutorial-stage .tutorial-compat .done>span{background:#16815e}.guide-visual.tutorial-stage .tutorial-finish span{display:initial}

/* Optional live walkthrough over the real builder */
.start-live-tutorial{display:flex;flex-direction:column;width:100%;margin:18px 0 13px;padding:15px 18px;border:1px solid #ef3038;border-radius:11px;background:linear-gradient(105deg,#b90d16,#ef252d);color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 35px #bd10183d}.start-live-tutorial:hover{filter:brightness(1.1);transform:translateY(-1px)}.start-live-tutorial span{color:#ffd572;font-size:7px;font-weight:900;letter-spacing:1.2px}.start-live-tutorial b{margin:4px 0;font-size:13px}.start-live-tutorial small{color:#ffe5e6;font-size:9px}.tutorial-divider{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#778496;font-size:7px;font-weight:900;letter-spacing:1px}.tutorial-divider:before,.tutorial-divider:after{content:"";height:1px;flex:1;background:#303a49}.live-tutorial{position:fixed;inset:0;z-index:700;display:none;pointer-events:none}.live-tutorial.open{display:block}.live-spotlight{position:fixed;border:2px solid #ff3039;border-radius:12px;box-shadow:0 0 0 9999px #020409d9,0 0 30px #ef252dcc;transition:left .28s,top .28s,width .28s,height .28s;pointer-events:none}.live-coach{position:fixed;z-index:2;padding:17px;border:1px solid #71333a;border-radius:14px;background:radial-gradient(circle at 100% 0,#35151a,#0d151f 55%);color:#fff;box-shadow:0 18px 55px #000;pointer-events:auto;transition:left .28s,top .28s}.live-close{position:absolute;right:10px;top:9px;width:28px;height:28px;border:1px solid #3c495a;border-radius:50%;background:#172231;color:#fff;cursor:pointer}.live-coach-head{display:flex;align-items:center;justify-content:space-between;padding-right:30px}.live-coach-head>span{color:#ef3038;font-size:7px;font-weight:900;letter-spacing:1.2px}.live-coach-head i{color:#8f9cad;font-size:8px;font-style:normal}.live-coach-head i b{color:#fff}.live-coach h3{margin:8px 0 6px;font-size:19px}.live-coach>p{margin:0;color:#adb8c6;font-size:10px;line-height:1.5}.live-instruction{margin:12px 0 10px;padding:8px;border-left:3px solid #ef252d;background:#251519;color:#ffbd69;font-size:8px;font-weight:900;letter-spacing:.5px}.live-actions{display:flex;justify-content:flex-end;gap:7px}.live-actions button{min-width:74px;padding:8px;border:1px solid #3b485a;border-radius:7px;background:#151f2c;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.live-actions #liveNext{border-color:#ef252d;background:#bd1018}.live-actions button:disabled{opacity:.35}.live-tour-target{outline:3px solid #ff3039!important;outline-offset:5px!important;animation:liveTargetPulse 1.25s infinite}@keyframes liveTargetPulse{50%{outline-color:#ff9a3d;outline-offset:9px}}
@media(max-width:650px){.live-coach{padding:14px}.live-coach h3{font-size:17px}.live-coach>p{font-size:9px}.start-live-tutorial{padding:13px}.tutorial-divider{margin-bottom:8px}}
.live-actions #liveBack{display:none}