/* RUSHD Ladder · route-scoped approved design · CF1.3.9 */
#rushdLadder{color-scheme:dark;--rl-ink:#f6f1df;--rl-muted:#b9c7bd;--rl-night:#06130f;--rl-panel:#0b211a;--rl-panel2:#102c23;--rl-green:#1d6d50;--rl-emerald:#45b889;--rl-gold:#d8ad55;--rl-gold2:#f2d58d;--rl-red:#da6a62;--rl-line:rgba(238,215,155,.18);--rl-shadow:0 22px 70px rgba(0,0,0,.42)}
    #rushdLadder,#rushdLadder *{box-sizing:border-box}
    #rushdLadder{margin:0;min-width:0;overflow-x:clip;overflow-y:visible;background:var(--rl-night);color:var(--rl-ink);font-family:Almarai,"Segoe UI",Tahoma,Arial,sans-serif}
    #rushdLadder button,#rushdLadder a{font:inherit}
    #rushdLadder button{color:inherit}
    #rushdLadder [hidden]{display:none!important}
    .rl-page{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;background:
      radial-gradient(circle at 15% 8%,rgba(216,173,85,.12),transparent 26rem),
      radial-gradient(circle at 83% 20%,rgba(45,137,99,.22),transparent 31rem),
      linear-gradient(145deg,#06130f 0%,#091b16 48%,#07130f 100%)}
    .rl-page:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
    .rl-page:after{content:"";position:absolute;z-index:-1;width:38rem;height:38rem;border:1px solid rgba(216,173,85,.12);border-radius:50%;inset:5rem auto auto -22rem;box-shadow:0 0 0 5rem rgba(216,173,85,.015),0 0 0 10rem rgba(216,173,85,.012)}
    .rl-wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
    .rl-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--rl-line)}
    .rl-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}
    .rl-mark{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(242,213,141,.55);border-radius:50%;background:radial-gradient(circle at 35% 25%,#365f4f,#10271f 65%);color:var(--rl-gold2);font-size:25px;font-weight:800;box-shadow:inset 0 0 0 5px rgba(255,255,255,.025),0 8px 28px rgba(0,0,0,.3)}
    .rl-brand strong,.rl-brand small{display:block}
    .rl-brand strong{font-size:18px;letter-spacing:.03em}
    .rl-brand small{margin-top:3px;color:var(--rl-muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
    .rl-tools{display:flex;gap:9px;align-items:center}
    .rl-tool{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--rl-line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--rl-ink);cursor:pointer;transition:.2s ease}
    .rl-tool:hover,.rl-tool:focus-visible{border-color:rgba(242,213,141,.56);background:rgba(216,173,85,.1);outline:none}
    .rl-tool-icon{width:42px;padding:0;font-size:17px}
    .rl-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.72fr);gap:58px;align-items:center;padding:76px 0 48px}
    .rl-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--rl-gold2);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    .rl-kicker:before{content:"";width:34px;height:1px;background:var(--rl-gold)}
    .rl-title{margin:0;max-width:780px;font-size:clamp(48px,7.2vw,92px);line-height:.98;letter-spacing:-.055em}
    .rl-title span{display:block;color:transparent;-webkit-text-stroke:1px rgba(242,213,141,.72);font-size:.72em;letter-spacing:.01em;margin-top:12px}
    .rl-lead{max-width:690px;margin:28px 0 0;color:#d1dbd4;font-size:clamp(16px,2vw,20px);line-height:1.95}
    .rl-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
    .rl-stat{min-width:124px;padding:15px 17px;border-inline-start:2px solid var(--rl-gold);background:linear-gradient(90deg,rgba(216,173,85,.09),transparent)}
    [dir="ltr"] .rl-stat{background:linear-gradient(-90deg,rgba(216,173,85,.09),transparent)}
    .rl-stat strong,.rl-stat span{display:block}
    .rl-stat strong{font-size:24px;color:var(--rl-gold2)}
    .rl-stat span{margin-top:4px;color:var(--rl-muted);font-size:11px}
    .rl-start-card{position:relative;padding:34px;border:1px solid rgba(242,213,141,.24);border-radius:26px;background:linear-gradient(160deg,rgba(19,51,41,.96),rgba(7,23,18,.94));box-shadow:var(--rl-shadow);overflow:hidden}
    .rl-start-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(216,173,85,.13);border-radius:50%;inset:-75px -70px auto auto}
    .rl-card-label{color:var(--rl-gold2);font-size:12px;font-weight:800;letter-spacing:.08em}
    .rl-start-card h2{margin:14px 0 12px;font-size:30px;line-height:1.35}
    .rl-start-card p{margin:0;color:var(--rl-muted);font-size:14px;line-height:1.8}
    .rl-rules{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}
    .rl-rules li{display:flex;align-items:flex-start;gap:11px;color:#e4e8e4;font-size:13px;line-height:1.65}
    .rl-rules b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:rgba(216,173,85,.12);color:var(--rl-gold2);font-size:11px}
    .rl-primary,.rl-secondary{border-radius:14px;min-height:54px;padding:0 21px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
    .rl-primary{width:100%;background:linear-gradient(135deg,#f0d189,#bd8737);color:#102017;box-shadow:0 13px 34px rgba(194,142,59,.22)}
    .rl-primary:hover,.rl-primary:focus-visible{transform:translateY(-2px);box-shadow:0 17px 42px rgba(194,142,59,.34);outline:none}
    .rl-secondary{background:rgba(255,255,255,.045);border-color:var(--rl-line);color:var(--rl-ink)}
    .rl-secondary:hover,.rl-secondary:focus-visible{border-color:rgba(242,213,141,.5);outline:none}
    .rl-note{display:flex;align-items:center;gap:9px;margin-top:16px;color:#91a69a;font-size:10px;line-height:1.6}
    .rl-note:before{content:"✓";color:var(--rl-emerald);font-size:14px}
    .rl-identity{padding:64px 0 88px}
    .rl-identity-card{position:relative;width:min(620px,100%);margin-inline:auto;padding:clamp(26px,5vw,46px);border:1px solid rgba(242,213,141,.25);border-radius:28px;background:linear-gradient(155deg,rgba(16,49,38,.98),rgba(5,20,15,.98));box-shadow:var(--rl-shadow);overflow:hidden}
    .rl-identity-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(216,173,85,.13);border-radius:50%;inset:-105px auto auto -95px;pointer-events:none}
    [dir="ltr"] .rl-identity-card:after{inset:-105px -95px auto auto}
    .rl-identity-card h2{margin:14px 0 12px;font-size:clamp(28px,5vw,42px);line-height:1.35}
    .rl-identity-card>p{margin:0;color:var(--rl-muted);font-size:14px;line-height:1.9}
    .rl-identity-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}
    .rl-identity-form label{display:grid;gap:8px;color:#e5ebe7;font-size:12px;font-weight:700}
    .rl-identity-form input{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#06150e;color:#fff;outline:none;font:inherit}
    .rl-identity-form input:focus{border-color:var(--rl-gold);box-shadow:0 0 0 3px rgba(216,173,85,.1)}
    .rl-identity-error{grid-column:1/-1;min-height:20px;color:#ffaaa3;font-size:11px}
    .rl-identity-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}
    .rl-identity-actions .rl-primary{width:auto;min-width:230px}
    .rl-game{padding:50px 0 80px}
    .rl-game-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
    .rl-stage{min-width:0}
    .rl-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:14px 17px;border:1px solid var(--rl-line);border-radius:15px;background:rgba(5,17,13,.62)}
    .rl-status-label{color:var(--rl-muted);font-size:11px}
    .rl-status strong{font-size:14px;color:var(--rl-gold2)}
    .rl-progress{height:4px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
    .rl-progress span{display:block;height:100%;width:6.66%;background:linear-gradient(90deg,var(--rl-green),var(--rl-gold2));transition:width .45s ease}
    .rl-card{padding:clamp(22px,4vw,42px);border:1px solid rgba(242,213,141,.2);border-radius:25px;background:linear-gradient(155deg,rgba(15,47,37,.97),rgba(6,22,17,.98));box-shadow:var(--rl-shadow)}
    .rl-question-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}
    .rl-chip{padding:7px 10px;border:1px solid rgba(242,213,141,.2);border-radius:999px;background:rgba(216,173,85,.07);color:var(--rl-gold2);font-size:10px}
    .rl-question{margin:0;min-height:100px;font-size:clamp(22px,3.4vw,35px);line-height:1.6;letter-spacing:-.025em}
    .rl-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
    .rl-answer{position:relative;display:flex;align-items:center;gap:13px;min-height:80px;padding:15px 16px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.032);color:var(--rl-ink);text-align:start;cursor:pointer;overflow:hidden;transition:.2s ease}
    .rl-answer:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;transition:.2s ease}
    [dir="rtl"] .rl-answer:before{inset:0 0 0 auto}
    .rl-answer:hover:not(:disabled),.rl-answer:focus-visible{border-color:rgba(242,213,141,.48);background:rgba(216,173,85,.065);outline:none}
    .rl-answer.is-selected{border-color:var(--rl-gold);background:rgba(216,173,85,.13);box-shadow:inset 0 0 0 1px rgba(242,213,141,.18)}
    .rl-answer.is-selected:before{background:var(--rl-gold2)}
    .rl-answer.is-correct{border-color:var(--rl-emerald);background:rgba(69,184,137,.14)}
    .rl-answer.is-wrong{border-color:var(--rl-red);background:rgba(218,106,98,.13)}
    .rl-answer.is-eliminated{opacity:.14;pointer-events:none;filter:grayscale(1)}
    .rl-letter{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid rgba(242,213,141,.28);border-radius:50%;color:var(--rl-gold2);font-size:12px;font-weight:800}
    .rl-answer-text{font-size:13px;line-height:1.65}
    .rl-lifelines{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
    .rl-life{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid var(--rl-line);border-radius:999px;background:rgba(255,255,255,.03);color:#dfe6e0;font-size:11px;cursor:pointer}
    .rl-life:hover:not(:disabled),.rl-life:focus-visible{border-color:rgba(242,213,141,.46);outline:none}
    .rl-life:disabled,.rl-life.is-used{opacity:.35;text-decoration:line-through;cursor:not-allowed}
    .rl-game-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
    .rl-game-actions .rl-primary{width:auto;min-width:180px}
    .rl-inline-panel{margin-top:17px;padding:18px;border:1px solid var(--rl-line);border-radius:16px;background:rgba(3,14,10,.54)}
    .rl-inline-panel h3{margin:0 0 13px;color:var(--rl-gold2);font-size:13px}
    .rl-audience{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;min-height:150px;padding-top:10px}
    .rl-poll{display:grid;grid-template-rows:1fr auto auto;gap:7px;height:135px;text-align:center}
    .rl-poll-bar{align-self:end;min-height:3px;border-radius:8px 8px 2px 2px;background:linear-gradient(to top,var(--rl-green),var(--rl-gold2));transition:height .55s cubic-bezier(.2,.8,.2,1)}
    .rl-poll strong{font-size:11px}.rl-poll span{color:var(--rl-muted);font-size:10px}
    .rl-feedback{border-color:rgba(69,184,137,.28)}
    .rl-feedback.is-wrong{border-color:rgba(218,106,98,.28)}
    .rl-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
    .rl-feedback-head strong{font-size:15px}
    .rl-feedback p{margin:12px 0 0;color:#d2ddd6;font-size:13px;line-height:1.85}
    .rl-source-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding-top:14px;border-top:1px solid var(--rl-line);color:var(--rl-gold2);font-size:11px;text-decoration:none}
    .rl-source-link:hover{text-decoration:underline}
    .rl-ladder{position:sticky;top:22px;padding:22px;border:1px solid rgba(242,213,141,.2);border-radius:22px;background:linear-gradient(160deg,rgba(17,46,37,.97),rgba(6,20,15,.98));box-shadow:var(--rl-shadow)}
    .rl-ladder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid var(--rl-line)}
    .rl-ladder-head strong{font-size:15px}.rl-ladder-head span{color:var(--rl-gold2);font-size:11px}
    .rl-steps{list-style:none;padding:0;margin:0;display:grid;gap:3px}
    .rl-step{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:4px 7px;border-radius:8px;color:#8fa297;font-size:10px;transition:.3s ease}
    .rl-step strong{font-size:11px;color:#b5c5ba}
    .rl-step.is-safe{color:var(--rl-gold2)}
    .rl-step.is-current{background:linear-gradient(90deg,rgba(216,173,85,.22),rgba(216,173,85,.04));color:#fff;transform:scale(1.02)}
    [dir="ltr"] .rl-step.is-current{background:linear-gradient(-90deg,rgba(216,173,85,.22),rgba(216,173,85,.04))}
    .rl-step.is-current strong{color:var(--rl-gold2)}
    .rl-result{padding:70px 0 90px}
    .rl-result-card{max-width:820px;margin:auto;padding:clamp(28px,5vw,58px);border:1px solid rgba(242,213,141,.25);border-radius:28px;background:linear-gradient(150deg,rgba(16,49,38,.97),rgba(5,20,15,.98));box-shadow:var(--rl-shadow);text-align:center}
    .rl-medallion{display:grid;place-items:center;width:142px;height:142px;margin:0 auto 25px;border:1px solid rgba(242,213,141,.55);border-radius:50%;background:radial-gradient(circle,rgba(216,173,85,.19),rgba(10,31,24,.65) 64%);box-shadow:0 0 0 10px rgba(216,173,85,.04),0 0 60px rgba(216,173,85,.17)}
    .rl-medallion strong,.rl-medallion small{display:block}.rl-medallion strong{font-size:29px;color:var(--rl-gold2)}.rl-medallion small{margin-top:5px;color:var(--rl-muted);font-size:9px}
    .rl-result-card h2{margin:0;font-size:clamp(32px,6vw,58px)}
    .rl-result-card>p{max-width:650px;margin:18px auto 0;color:var(--rl-muted);font-size:14px;line-height:1.9}
    .rl-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
    .rl-result-stat{padding:16px;border:1px solid var(--rl-line);border-radius:14px;background:rgba(255,255,255,.025)}
    .rl-result-stat strong,.rl-result-stat span{display:block}.rl-result-stat strong{font-size:22px;color:var(--rl-gold2)}.rl-result-stat span{margin-top:5px;color:var(--rl-muted);font-size:10px}
    .rl-result-actions{display:flex;justify-content:center;gap:10px}.rl-result-actions .rl-primary{width:auto;min-width:190px}
    .rl-toast{position:fixed;z-index:20;inset:auto 50% 24px auto;transform:translateX(50%) translateY(20px);padding:12px 18px;border:1px solid rgba(242,213,141,.35);border-radius:999px;background:#152d24;color:#fff;font-size:11px;box-shadow:var(--rl-shadow);opacity:0;pointer-events:none;transition:.25s ease}
    [dir="ltr"] .rl-toast{inset:auto auto 24px 50%;transform:translateX(-50%) translateY(20px)}
    .rl-toast.is-visible{opacity:1;transform:translateX(50%) translateY(0)}
    [dir="ltr"] .rl-toast.is-visible{transform:translateX(-50%) translateY(0)}
    .rl-celebration{position:fixed;z-index:30;inset:0;overflow:hidden;pointer-events:none}
    .rl-celebration-word{position:absolute;top:-80px;padding:8px 14px;border:1px solid rgba(242,213,141,.5);border-radius:999px;background:linear-gradient(135deg,rgba(13,55,41,.96),rgba(120,84,30,.96));color:#fff6d8;font-size:clamp(12px,2vw,18px);font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:rl-fall var(--rl-duration,3.4s) cubic-bezier(.18,.72,.23,1) forwards;animation-delay:var(--rl-delay,0s);transform:rotate(var(--rl-rotate,0deg))}
    .rl-celebration-word:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;inset:50% auto auto -10px;background:var(--rl-gold2);box-shadow:18px -18px 0 var(--rl-emerald),32px 14px 0 #fff0b8}
    @keyframes rl-fall{0%{top:-80px;opacity:0;transform:translateY(0) rotate(var(--rl-rotate,0deg)) scale(.75)}12%{opacity:1}72%{opacity:1}100%{top:calc(100% + 80px);opacity:0;transform:translateY(40px) rotate(calc(var(--rl-rotate,0deg) + 26deg)) scale(1.06)}}
    @media (max-width:940px){.rl-intro{grid-template-columns:1fr;gap:35px;padding-top:55px}.rl-game-shell{grid-template-columns:1fr}.rl-ladder{position:static;order:-1}.rl-steps{grid-template-columns:repeat(5,1fr)}.rl-step{grid-template-columns:1fr;text-align:center}.rl-step span:last-child{display:none}}
    @media (max-width:620px){.rl-wrap{width:min(100% - 24px,1180px)}.rl-top{padding:15px 0}.rl-brand small{display:none}.rl-tool{min-height:38px;padding:0 12px;font-size:11px}.rl-tool-icon{width:38px;padding:0}.rl-intro{padding:44px 0 32px}.rl-title{font-size:50px}.rl-title span{font-size:.55em;line-height:1.3}.rl-start-card{padding:25px 20px}.rl-identity{padding:38px 0 62px}.rl-identity-form{grid-template-columns:1fr}.rl-identity-actions{flex-direction:column-reverse}.rl-identity-actions .rl-primary,.rl-identity-actions .rl-secondary{width:100%}.rl-game{padding-top:30px}.rl-status{align-items:flex-start}.rl-card{border-radius:19px;padding:23px 17px}.rl-question{min-height:0;font-size:22px}.rl-answers{grid-template-columns:1fr}.rl-answer{min-height:70px}.rl-lifelines{display:grid;grid-template-columns:repeat(3,1fr)}.rl-life{justify-content:center;padding:0 5px;font-size:9px}.rl-game-actions{flex-direction:column}.rl-game-actions .rl-primary,.rl-game-actions .rl-secondary{width:100%}.rl-steps{grid-template-columns:repeat(5,1fr)}.rl-step{min-height:26px;padding:3px}.rl-result-grid{grid-template-columns:1fr}.rl-result-actions{flex-direction:column}.rl-result-actions .rl-primary,.rl-result-actions .rl-secondary{width:100%}}
    @media (prefers-reduced-motion:reduce){#rushdLadder,#rushdLadder *,#rushdLadder *:before,#rushdLadder *:after{scroll-behavior:auto;animation:none!important;transition:none!important}}
