/* Daily challenge navigation and difficulty selector */
.daily-share-card{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:18px;padding:24px;background:var(--navy);color:var(--paper)}.daily-share-card h2{margin:10px 0 8px;font:600 clamp(1.7rem,3vw,2.5rem)/.95 "Fraunces",serif;letter-spacing:-.04em}.daily-share-card h2 em{color:var(--coral);font-style:normal}.daily-share-card p{max-width:300px;margin:0;color:#c8d0d2;font-size:12px;line-height:1.45}.daily-share-card .side-index{color:var(--lime)}.daily-share-action{flex:none;padding:13px 15px;color:var(--navy);background:var(--lime);border:0}.daily-share-action:hover{color:var(--paper);background:var(--coral)}.share-dialog{width:min(92vw,430px);padding:32px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 70px rgba(32,37,43,.25)}.share-dialog::backdrop{background:rgba(38,59,74,.55)}.share-dialog h2{margin:14px 0;font:600 2.7rem/.9 "Fraunces",serif;letter-spacing:-.06em}.share-dialog h2 em{color:var(--coral);font-style:normal}.share-dialog p{white-space:pre-line;color:var(--muted);font:12px/1.6 "DM Mono",monospace}.share-dialog-action{width:100%;margin-top:22px}.is-switching{animation:question-switch .5s ease both}@keyframes question-switch{0%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(7px)}55%{opacity:0;transform:translateY(-7px)}100%{opacity:1;transform:translateY(0)}}
.share-dialog .dialog-close{position:absolute;top:14px;right:16px}.share-dialog .side-index{color:var(--coral)}@media(max-width:700px){.daily-share-card{display:none}.share-dialog{margin:auto;padding:28px 24px}}@media(prefers-reduced-motion:reduce){.is-switching{animation:none!important}}
.is-hidden{display:none!important}
.chrono-play{margin:18px 0 0;padding:10px 15px;color:var(--paper);background:var(--coral);border:1px solid var(--coral);cursor:pointer;font:10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.chrono-play:hover{background:var(--navy);border-color:var(--navy)}
.express-switch{margin-top:13px}.express-switch legend{color:var(--coral)}.express-switch .mode-option{min-width:170px}.express-switch .mode-option.is-active{background:var(--coral);border-color:var(--coral)}.express-switch .mode-option.is-active strong{color:var(--paper)}.express-switch .mode-option.is-active strong b{color:var(--lime)}.express-meter{display:grid;gap:8px;margin:20px 0 2px;padding:11px 13px;background:rgba(230,109,82,.1);border:1px solid rgba(230,109,82,.28)}.express-meter>div{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--coral);font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.express-meter strong{color:#fff;font-size:16px;font-variant-numeric:tabular-nums}.express-meter-track{display:block;height:5px;overflow:hidden;background:rgba(38,59,74,.15)}.express-meter-track i{display:block;width:100%;height:100%;background:var(--coral);transition:width .35s linear}.express-mode .clue-card{border-color:rgba(230,109,82,.42)}
.express-switch.is-locked{opacity:.88}.express-switch.is-locked .mode-option{cursor:not-allowed}.express-switch.is-locked .mode-option strong,.express-switch.is-locked .mode-option span{opacity:.72}.express-gate{flex-basis:100%;margin:1px 0 0;color:var(--muted);font:10px/1.4 "DM Mono",monospace;letter-spacing:.03em}.express-gate a{color:var(--coral);text-decoration:none;text-transform:uppercase}.express-gate a:hover{text-decoration:underline}.express-switch:not(.is-locked) .express-gate{color:#5d7c36}
@media(max-width:600px){.express-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.express-switch legend{grid-column:1/-1}.express-switch .mode-option{min-width:0}}
.mode-switch{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;border:0}.mode-switch legend{flex-basis:100%;margin:0 0 1px;padding:0;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.mode-option{display:flex;min-width:190px;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:11px 14px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:0;cursor:pointer;text-align:left;appearance:none;-webkit-appearance:none}.mode-option strong{color:var(--ink);font:600 11px "DM Mono",monospace;letter-spacing:.08em}.mode-option strong b{color:var(--coral);font-size:14px}.mode-option span{font-size:11px}.mode-option.is-active{color:var(--paper);background:var(--navy);border-color:var(--navy)}.mode-option.is-active strong{color:var(--lime)}.mode-option:hover:not(.is-active),.daily-tab:hover:not(.is-active){color:var(--ink);border-color:var(--coral)}.mode-option:focus-visible,.daily-tab:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.daily-nav{display:flex;gap:9px;margin-top:23px}.daily-tab{display:flex;flex:1;align-items:center;gap:10px;margin:0;padding:11px 14px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:0;cursor:pointer;text-align:left;appearance:none;-webkit-appearance:none}.daily-tab b{color:var(--ink);font:600 19px "Fraunces",serif}.daily-tab span{font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.daily-tab.is-active{color:var(--paper);background:var(--navy);border-color:var(--navy)}.daily-tab.is-active b{color:var(--lime)}.daily-tab.is-complete::after{margin-left:auto;color:var(--coral);content:"✓";font-weight:700}.length-note{color:#b4c3c9}.length-note strong{color:var(--lime)}.board{grid-template-columns:repeat(var(--word-length,6),minmax(35px,56px))}.archive-link{text-decoration:none}.archive-link:hover{color:var(--coral)}.key.absent{color:var(--paper);background:var(--wrong);border-color:var(--wrong)}.key.present{color:var(--ink);background:var(--gold);border-color:var(--gold)}.key.exact{color:var(--ink);background:var(--lime);border-color:var(--lime)}body.hardcore-mode .live-label i{background:var(--lime)}body.hardcore-mode .clue-card{background:linear-gradient(135deg,var(--navy),#172a38)}body.hardcore-mode .difficulty-dot{background:var(--coral)}@media(max-width:560px){.mode-switch{display:grid;grid-template-columns:1fr 1fr}.mode-switch legend{grid-column:1/-1}.mode-option{min-width:0;padding:10px}.mode-option span{font-size:10px}.daily-tab{gap:6px;padding:10px 8px}.daily-tab b{font-size:16px}.daily-tab span{font-size:8px}.board{grid-template-columns:repeat(var(--word-length,6),minmax(26px,1fr))}}

/* The share card must also fit the narrow desktop sidebar. */
.daily-share-card{flex-wrap:wrap}
.daily-share-card>div{min-width:0;flex:1 1 180px}
.daily-share-action{max-width:100%;white-space:normal}
@media(max-width:560px){
  .mode-switch{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Compact mode selector: discovery for visitors, direct choices for members. */
.game-mode-switch,.express-switch{display:block;min-width:0}
.game-mode-switch legend,.express-switch legend{margin-bottom:10px}
.main-mode-options,.express-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.main-mode-options.is-connected{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-mode-switch .mode-option,.express-switch .mode-option{min-width:0;width:100%;height:100%;padding:13px 10px;gap:7px;border-radius:5px}
.game-mode-switch .mode-option strong,.express-switch .mode-option strong{font-size:10px;letter-spacing:.02em}
.game-mode-switch .mode-option span,.express-switch .mode-option span{font-size:11px;line-height:1.4}
.express-switch{margin-top:16px}
.express-switch[hidden],.plus-discovery[hidden],.express-gate[hidden]{display:none}
.express-switch .express-gate{margin-top:10px;font:12px/1.5 "Space Grotesk",sans-serif;letter-spacing:0}
.plus-discovery{position:relative;min-width:0}
.plus-discovery .plus-discovery-link{color:var(--navy);background:#f3ded3;border-color:var(--coral);text-decoration:none;box-shadow:inset 0 3px 0 var(--coral);transition:background .15s,box-shadow .15s}
.plus-discovery .plus-discovery-link strong{color:var(--navy)}
.plus-discovery .plus-discovery-link strong b{color:#a83e2b}
.plus-discovery .plus-discovery-link:hover{color:var(--navy);border-color:var(--coral);background:#efcec0;box-shadow:inset 0 3px 0 var(--coral),0 3px 0 var(--coral)}
.plus-tooltip{position:absolute;z-index:25;right:0;top:100%;width:330px;max-width:calc(100vw - 48px);padding:22px;border:1px solid var(--navy);border-radius:5px;background:var(--paper);color:var(--navy);font:13px/1.5 "Space Grotesk",sans-serif;box-shadow:5px 5px 0 var(--coral);visibility:hidden;opacity:0;transition:opacity .15s;text-align:left}
.plus-preview-kicker{display:block;color:#a83e2b;font:9px/1.5 "DM Mono",monospace;letter-spacing:.06em}
.plus-preview-title{display:block;margin:14px 0 18px;font:500 29px/1.05 "Fraunces",serif;letter-spacing:-.04em}
.plus-preview-title em{color:#b94932;font-style:normal}
.plus-preview-modes{display:grid;gap:14px}
.plus-preview-modes>span{display:flex;align-items:flex-start;gap:12px}
.plus-preview-modes b{display:grid;place-items:center;flex:0 0 34px;height:34px;background:var(--navy);color:var(--lime);border-radius:50%;font:500 12px "DM Mono",monospace}
.plus-preview-modes small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}
.plus-preview-footer{display:grid;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}
.plus-preview-footer>strong{font:500 25px "Fraunces",serif}
.plus-preview-footer>strong>span{font:12px "Space Grotesk",sans-serif;color:var(--muted)}
.plus-discovery:not(.tooltip-dismissed):hover .plus-tooltip,.plus-discovery:not(.tooltip-dismissed):focus-within .plus-tooltip{visibility:visible;opacity:1}
@media(max-width:380px){.game-mode-switch .mode-option,.express-switch .mode-option{padding:11px 7px}.game-mode-switch .mode-option strong,.express-switch .mode-option strong{font-size:9px}.game-mode-switch .mode-option span,.express-switch .mode-option span{font-size:10px}}

.semantic-mode-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:15px;border:1px solid var(--coral);border-radius:5px;background:#f3ded350;text-decoration:none;color:var(--navy)}.semantic-mode-link strong{font:600 11px "DM Mono",monospace}.semantic-mode-link strong b{color:var(--coral)}.semantic-mode-link small{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}.semantic-mode-link:hover{background:#f3ded3}.plus-preview-semantic{display:block;padding-top:14px;margin-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.plus-preview-semantic strong{display:block;margin-bottom:4px;font-size:12px;color:var(--navy)}
