:root{--ladder-ink:#16343b;--ladder-deep:#0f4c5c;--ladder-teal:#087f8c;--ladder-coral:#ff6b5e;--ladder-cream:#fffaf0;--ladder-mint:#d9f3ed}
body.ladder-page{background:#f6fbf9;background-image:radial-gradient(circle at 8% 25%,rgba(255,180,112,.2),transparent 24rem),radial-gradient(circle at 92% 55%,rgba(74,190,174,.2),transparent 26rem);color:var(--ladder-ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ladder-hero{margin-bottom:-46px;padding:30px 20px 100px;border-radius:0 0 54px 54px;background:linear-gradient(135deg,#093b49 0%,#087f8c 68%,#e98056 145%)}
.ladder-hero nav{margin-bottom:26px}.ladder-hero .brand a{color:#fff;text-decoration:none}.ladder-hero .hero-copy{max-width:800px;margin:auto}.ladder-hero .eyebrow{display:inline-block;margin-bottom:8px;color:#bdebe4;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ladder-hero h1{margin:0;font-size:clamp(2.6rem,7vw,4.8rem);letter-spacing:-.05em;line-height:1}.ladder-hero p{margin:16px auto 0;color:#e9fffb;font-size:clamp(1rem,2.5vw,1.3rem)}
.ladder-main{position:relative;display:block;width:min(1120px,calc(100% - 28px));max-width:none;margin:0 auto 70px;padding:0}.ladder-shell{padding:clamp(18px,4vw,38px);border:1px solid rgba(15,76,92,.13);border-radius:28px;background:rgba(255,255,255,.98);box-shadow:0 28px 70px rgba(15,76,92,.18)}
.game-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.game-kicker{margin:0 0 7px;color:var(--ladder-teal);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.date-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.date-nav label{display:flex;margin:0}.date-nav input{height:42px;min-height:42px;margin:0;border:1px solid #b8dcd7;border-radius:10px;padding:7px 10px;background:#fff;color:var(--ladder-ink);font:inherit;font-weight:700}.icon-button,.today-button{min-width:42px;height:42px;min-height:42px;margin:0;border:1px solid #b8dcd7;border-radius:10px;background:#eaf7f4;color:var(--ladder-deep);cursor:pointer;font:inherit;font-weight:800}.icon-button:disabled{opacity:.35;cursor:default}.today-button{padding:0 12px}.daily-stats{display:flex;gap:10px}.daily-stats div{min-width:88px;padding:10px 14px;border:1px solid #cfe7e2;border-radius:14px;background:#f4fbf9;text-align:center}.daily-stats strong,.daily-stats span{display:block}.daily-stats strong{color:var(--ladder-deep);font-size:1.35rem}.daily-stats span{color:#677b7f;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.difficulty-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:530px;margin:24px 0;padding:5px;border-radius:14px;background:#edf7f5}.difficulty-tabs button{border:0;border-radius:10px;padding:10px;background:transparent;color:#567075;cursor:pointer;font:inherit;font-weight:800}.difficulty-tabs button span{display:block;font-size:.7rem;font-weight:600}.difficulty-tabs button[aria-selected=true]{background:#fff;color:var(--ladder-deep);box-shadow:0 3px 12px rgba(15,76,92,.12)}
.play-layout{display:grid;grid-template-columns:minmax(320px,620px) minmax(220px,1fr);gap:clamp(24px,5vw,58px);align-items:center}.ladder-panel{padding:clamp(14px,3vw,28px);border-radius:22px;background:var(--ladder-cream)}.ladder-heading{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,48px);margin-bottom:20px;text-align:center}.ladder-heading div{min-width:104px}.mini-label{display:block;margin-bottom:2px;color:#728286;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ladder-heading strong{font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase}.direction{color:var(--ladder-coral);font-size:1.7rem;font-weight:900}
.ladder-steps{display:grid;justify-content:center;gap:5px}.ladder-rung{position:relative;display:flex;align-items:center;gap:13px}.ladder-rung::after{content:"";position:absolute;left:24px;top:100%;width:3px;height:7px;background:#9dcac4}.ladder-rung:last-child::after{display:none}.rung-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e7f3f0;color:#42676c;font-weight:800}.word-tile{width:clamp(150px,32vw,225px);height:52px;min-height:52px;margin:0;border:2px solid #bddbd6;border-radius:13px;background:#fff;color:var(--ladder-ink);font:800 1.25rem/1 inherit;letter-spacing:.24em;text-align:center;text-transform:uppercase}.word-tile.fixed{display:grid;place-items:center;box-sizing:border-box;background:var(--ladder-deep);border-color:var(--ladder-deep);color:#fff}.word-tile.target{background:#fff1e8;border-color:#ff9a78;color:#9d3f2f}.word-tile.is-valid{border-color:#2b9c78;background:#effbf6}.word-tile.is-invalid{border-color:#db4d43;background:#fff1f0}.word-tile.is-hint{box-shadow:inset 0 0 0 2px #f0aa2f}.rung-change{width:30px;color:#779296;font-size:.74rem;font-weight:800;text-align:center}
.game-status{min-height:1.5em;margin:20px 0 10px;color:#60777b;text-align:center}.game-status.is-error{color:#b42f2f}.game-status.is-success{color:#087455;font-weight:800}.progress-track{height:7px;overflow:hidden;border-radius:9px;background:#dcece8}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ladder-teal),#38a97c);transition:width .2s ease}.control-panel{display:grid;gap:18px}.rule-callout{margin:0;padding:18px;border-left:4px solid var(--ladder-coral);border-radius:0 14px 14px 0;background:#fff5ed}.rule-callout strong,.rule-callout span{display:block}.rule-callout span{margin-top:5px;color:#697b7f;font-size:.9rem}.action-stack{display:grid;gap:9px}.primary-action,.secondary-action,.share-action{margin:0;border-radius:12px;padding:13px 16px;cursor:pointer;font:inherit;font-weight:800}.primary-action{border:0;background:var(--ladder-deep);color:#fff}.secondary-action{border:1px solid #badbd5;background:#fff;color:var(--ladder-deep)}.share-action{border:0;background:var(--ladder-coral);color:#fff}.primary-action:disabled,.secondary-action:disabled{opacity:.45;cursor:default}.hint-note{margin:0;color:#728286;font-size:.8rem;text-align:center}.ladder-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.ladder-info-grid .card{margin:0}.ladder-info-grid h2{color:var(--ladder-deep);font-size:1.25rem}.info-number{color:var(--ladder-coral);font-weight:900}.noscript-message{max-width:800px;margin:30px auto}
button:focus-visible,input:focus-visible{outline:3px solid rgba(255,107,94,.34);outline-offset:2px}
@media(max-width:760px){.play-layout{grid-template-columns:1fr}.control-panel{max-width:520px;width:100%;margin:auto}.ladder-info-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ladder-hero{padding:22px 14px 82px;border-radius:0 0 32px 32px}.ladder-main{width:min(100% - 16px,1120px)}.ladder-shell{padding:14px;border-radius:20px}.game-topbar{align-items:flex-start;flex-direction:column}.daily-stats{align-self:stretch}.daily-stats div{flex:1}.difficulty-tabs{max-width:none}.ladder-panel{padding:16px 8px}.ladder-heading{gap:12px}.ladder-heading div{min-width:90px}.word-tile{width:min(55vw,220px)}.rung-change{display:none}}