:root{color-scheme:dark;--bg:#071522;--panel:#0c2030;--panel2:#102b3d;--line:#254253;--text:#f5f6f3;--muted:#a0b3bd;--teal:#68dfcf;--gold:#dfbd73;--red:#bd6671;--font:"Trebuchet MS","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:#071522;color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.45}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}h1,h2,h3,p{margin-top:0}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% -30%,#174d60 0%,transparent 48%),radial-gradient(circle at 88% 49%,#103341 0%,transparent 32%),linear-gradient(145deg,#081b29,#071522 70%);z-index:-1}.ambient:after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(90deg,transparent 49.8%,#81baca 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#81baca 50%,transparent 50.2%);background-size:84px 84px;mask-image:linear-gradient(#000,transparent 88%)}.ring{position:absolute;border:1px solid #35868e;border-radius:50%;opacity:.17;aspect-ratio:1;transform:rotate(-20deg)}.ring:after{content:"";position:absolute;inset:8%;border:1px solid #35868e;border-radius:50%}.ring-one{width:550px;right:-290px;top:9%}.ring-two{width:440px;left:-330px;bottom:10%}.site-shell{width:min(1150px,calc(100% - 48px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff1c;padding:25px 0 24px}.mark{width:49px;height:49px;border:1px solid #589e9c;background:#0c2936;display:grid;place-items:center;transform:rotate(45deg);color:var(--teal);font-size:31px;flex:none}.mark span{transform:rotate(-45deg);line-height:1}.brand{display:flex;flex-direction:column;line-height:1}.eyebrow,.daily-tag,.panel-top,.soon,.section-label{font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.2em}.eyebrow{color:var(--gold);margin-bottom:6px}.brand strong{font-family:var(--font);font-size:32px;letter-spacing:-.04em;line-height:1}.brand strong span{color:var(--teal)}.header-end{margin-left:auto;display:flex;align-items:center;gap:22px}.daily-tag{color:var(--muted)}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#0b2433;color:#d2e8e6;border-radius:50%;font-family:var(--font);font-weight:700;font-size:20px;line-height:1}.icon-button:hover{border-color:var(--teal);color:var(--teal)}main{width:100%;padding-top:42px;flex:1}.mode-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.mode{position:relative;min-height:88px;padding:16px 12px;display:flex;align-items:center;gap:11px;text-align:left;color:#d2e0e5;border:1px solid var(--line);border-radius:12px;background:#0b2030e8;transition:background .18s,border-color .18s,transform .18s}.mode:hover{background:#15394b;transform:translateY(-2px)}.mode.active{border-color:#5cd5c2;background:linear-gradient(125deg,#143b47,#102b3e);box-shadow:inset 0 0 0 1px #5cd5c233,0 9px 30px #0003}.mode-symbol{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #5faaa4;background:#112c3b;color:var(--teal);border-radius:10px;font-size:26px;line-height:1}.mode:nth-child(2) .mode-symbol{color:#e2c179;border-color:#927b51}.mode:nth-child(3) .mode-symbol{color:#ce9bb9;border-color:#755b78}.mode:nth-child(4) .mode-symbol{color:#92b2df;border-color:#657da2}.mode b{display:block;font-family:var(--font);font-weight:600;font-size:17px}.mode small{display:block;font-size:12px;color:var(--muted);white-space:normal}.mode .soon{position:absolute;right:9px;top:7px;font-size:9px;letter-spacing:.12em;color:#a7b4b9}.mode:has(.soon){padding-right:20px}.game-panel{background:linear-gradient(145deg,#0e2939f8,#0a1c2bea);border:1px solid #396071;border-radius:18px;box-shadow:0 30px 70px #0004;overflow:hidden}.panel-top{display:flex;justify-content:space-between;gap:12px;padding:20px 30px 17px;border-bottom:1px solid #315162;color:var(--gold);font-size:12px}.panel-top span:last-child{color:var(--muted);letter-spacing:.1em}.game-content{padding:27px 30px 34px}.game-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.game-heading h1{font-family:var(--font);font-size:clamp(27px,3.7vw,40px);letter-spacing:-.035em;line-height:1.1;margin:0 0 7px}.game-heading p{color:var(--muted);margin:0}.attempt-counter{white-space:nowrap;color:var(--gold);font-family:var(--font);font-weight:600;font-size:14px;border:1px solid #746849;padding:7px 12px;border-radius:100px;background:#453b2426}.entry-area{margin:28px 0 26px;max-width:580px;position:relative}.entry-row{display:flex;gap:10px}.search-field{position:relative;flex:1;min-width:0}.search-field input{width:100%;height:54px;padding:0 16px;border:1px solid #52717d;border-radius:8px;color:#fff;background:#071b29;outline:0}.search-field input::placeholder{color:#91a4ab}.search-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #68dfcf20}.submit{height:54px;padding:0 24px;white-space:nowrap;border:1px solid #82ead7;background:var(--teal);color:#07202c;font-family:var(--font);font-weight:700;border-radius:8px}.submit:hover{background:#9befe4}.submit:disabled{opacity:.4;cursor:not-allowed}.suggestions{position:absolute;z-index:10;left:0;right:0;top:60px;max-height:270px;overflow:auto;background:#112c3c;border:1px solid #54817d;box-shadow:0 18px 40px #0009;border-radius:8px;padding:5px}.suggestions[hidden]{display:none}.suggestions button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;text-align:left;border:0;background:transparent;color:#e9f4f3;border-radius:5px}.suggestions button:hover,.suggestions button.selected{background:#295867}.mini-glyph{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:#28636a;color:#c5fff0;font-family:var(--font);font-weight:700;font-size:13px;flex:none}.feedback{min-height:19px;margin-top:8px;color:#e5b0a7;font-size:14px}.results-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 12px;font-family:var(--font);font-weight:600;color:#dce9e7}.results-title span:last-child{font-size:13px;color:var(--muted);font-weight:400}.table-scroll{overflow-x:auto;scrollbar-color:#56828b #0a202e;scrollbar-width:thin;padding-bottom:3px}.guess-table{min-width:860px;width:100%;display:grid;gap:6px}.table-head,.guess-row{display:grid;grid-template-columns:1.5fr .92fr .95fr 1.27fr 1.25fr .95fr .8fr;gap:6px}.table-head{font-family:var(--font);font-size:12px;color:#bdcbd1;line-height:1.2}.table-head>span{padding:0 6px 9px;text-align:center;align-self:end;overflow-wrap:anywhere}.table-head>span:first-child{text-align:left}.guess-row>div{min-height:63px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 6px;border:1px solid #53707d;border-radius:5px;font-weight:700;font-size:13px;line-height:1.2;overflow-wrap:anywhere}.guess-row .guess-name{justify-content:flex-start;text-align:left;padding-left:11px;background:#162f3e;border-color:#487281;font-family:var(--font);font-size:14px}.guess-row .match{background:#1e756f;border-color:#3aaa9f;color:#f2ffff}.guess-row .partial{background:#876b34;border-color:#bb9654;color:#fff5df}.guess-row .miss{background:#693e4d;border-color:#985565;color:#fff1f2}.guess-row .arrow{display:block;margin-left:5px;font-size:18px;line-height:1;color:#ffe1ac}.empty-state{min-height:95px;border:1px dashed #365565;border-radius:9px;display:grid;place-items:center;text-align:center;padding:18px;color:var(--muted);font-size:14px}.below-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 4px 25px}.legend{display:flex;flex-wrap:wrap;gap:15px 22px;color:#c6d6d9;font-size:13px}.legend>span{display:inline-flex;align-items:center;gap:7px}.swatch{width:14px;height:14px;display:inline-block;border-radius:3px}.swatch.match{background:#2f9c91}.swatch.partial{background:#b39147}.swatch.miss{background:#a05264}.swatch.arrow{background:#795660;position:relative}.swatch.arrow:after{content:'↑';position:absolute;inset:-4px;text-align:center;color:white;font-size:14px}.reset-note{color:var(--muted);font-size:13px;white-space:nowrap}.reset-note b{color:var(--gold);font-variant-numeric:tabular-nums}.success,.failure{border-radius:9px;padding:14px 17px;margin:0 0 22px;border:1px solid #3c9587;background:#1b665438;color:#dbfff5}.failure{border-color:#a3735d;background:#7d3d2f33;color:#ffe6d7}.success b,.failure b{display:block;font-family:var(--font);font-size:18px}.ability-card{margin-top:27px;max-width:740px;border:1px solid #47717c;background:radial-gradient(circle at 87% 2%,#22596a66,transparent 38%),#0a1d2c;border-radius:11px;padding:23px}.ability-badge{color:var(--gold);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.16em}.ability-card h2{font-family:var(--font);font-size:25px;margin:8px 0 7px}.ability-card>p{color:var(--muted);margin-bottom:0}.clue-list{display:grid;gap:9px;margin-top:19px}.clue{display:flex;gap:12px;align-items:start;border:1px solid #395c68;background:#133040;padding:12px 14px;border-radius:7px}.clue-num{color:var(--teal);font-family:var(--font);font-weight:700}.clue.locked{color:#92a8b0;background:#0d2634;border-style:dashed}.clue.locked .clue-num{color:#9db4b8}.ability-history{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.history-pill{background:#5a3442;border:1px solid #9e5968;border-radius:6px;padding:8px 12px;font-size:14px}.coming-soon{max-width:640px;margin:28px 0 24px;padding:26px;border:1px dashed #527280;background:#0b2130;border-radius:10px;color:#b8ced2}.coming-soon .placeholder-icon{font-size:34px;color:var(--teal);margin-bottom:8px}.coming-soon h2{font-family:var(--font);color:#edf6f5;margin-bottom:8px}.coming-soon p:last-child{margin-bottom:0}.scene-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.scene-spec span{border:1px solid #365565;padding:10px;border-radius:6px;color:#acc5c9;font-size:13px}.scene-spec b{display:block;color:var(--gold);font-family:var(--font);margin-bottom:3px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff1c;padding:20px 0 27px;color:#829da7;font-size:12px}dialog{width:min(480px,calc(100% - 32px));background:#0d2736;color:var(--text);border:1px solid #6ca39f;border-radius:14px;box-shadow:0 20px 90px #000a;padding:24px}dialog::backdrop{background:#010a11bb}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-family:var(--font);font-size:25px;margin:0 0 15px}dialog p{color:#b9d0d2;margin-bottom:14px}
@media(max-width:780px){.site-shell{width:min(100% - 28px,620px)}.site-header{padding:18px 0}.brand strong{font-size:26px}.daily-tag{display:none}main{padding-top:25px}.mode-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.mode{min-height:70px;padding:10px}.mode-symbol{width:35px;height:35px;font-size:22px}.mode b{font-size:15px}.mode small{font-size:11px}.panel-top{padding:16px 17px;font-size:10px}.game-content{padding:22px 17px 24px}.game-heading{display:block}.attempt-counter{display:inline-block;margin-top:13px}.entry-area{margin:23px 0}.below-panel{display:block}.reset-note{display:block;margin-top:15px}footer{display:block}footer span{display:block;margin-bottom:4px}}
@media(max-width:420px){.brand strong{font-size:23px}.eyebrow{font-size:9px}.mark{width:38px;height:38px;font-size:25px}.site-header{gap:12px}.header-end{gap:0}.mode{gap:6px}.mode-symbol{width:29px;height:29px;min-width:29px;font-size:20px}.mode b{font-size:14px}.mode small{font-size:10px}.mode:has(.soon){padding-right:8px}.soon{display:none}.entry-row{gap:7px}.submit{padding:0 13px}.scene-spec{grid-template-columns:1fr}}

/* Schmale DLE-Spielspalte; die Seitenbereiche bleiben ohne sichtbare Platzhalter frei. */
[hidden]{display:none!important}
.site-shell{width:min(1420px,calc(100% - 44px))}
.site-header{position:relative;width:min(720px,100%);margin:0 auto;justify-content:space-between;padding-top:30px;padding-bottom:25px}
.header-end{position:static;margin-left:auto}
.daily-tag{display:none}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);gap:24px;align-items:start;padding-top:33px}
.ad-rail{min-width:0;min-height:1px}
.main-column{min-width:0;width:100%;grid-column:2}
.home-intro{text-align:center;margin:0 auto 28px}
.home-intro .section-label{color:var(--gold);margin:0 0 9px}
.home-intro h1{font-family:var(--font);font-size:clamp(21px,3vw,29px);line-height:1.2;margin:0;letter-spacing:-.02em}
.mode-nav{display:flex;flex-direction:column;align-items:stretch;width:min(400px,100%);gap:12px;margin:0 auto 40px}
.mode{min-height:78px;padding:14px 20px;gap:16px;border-radius:8px}
.mode-symbol{width:46px;height:46px;font-size:27px}
.mode b{font-size:19px}
.mode small{font-size:13px}
.mode .soon{top:12px;right:14px}
.back-home{display:inline-flex;align-items:center;gap:8px;padding:7px 0;margin:0 0 16px;border:0;background:none;color:var(--teal);font-family:var(--font);font-size:15px;font-weight:600}
.back-home:hover{text-decoration:underline}
.game-panel{width:100%}
.guess-table{min-width:680px}
.table-head,.guess-row{grid-template-columns:1.34fr .75fr .85fr 1.13fr 1.2fr 1fr .7fr;gap:5px}
.table-head{font-size:11px}
.guess-row>div{min-height:72px;font-size:11px;padding:7px 4px}
.guess-row .guess-name{font-size:12px;padding-left:8px}
.below-panel{align-items:flex-start}
footer{width:min(720px,100%);margin:0 auto}
@media(max-width:900px){.page-layout{display:block}.ad-rail{display:none}.main-column{max-width:720px;margin:0 auto}}
@media(max-width:780px){.site-shell{width:calc(100% - 28px)}.site-header{padding-top:20px}.page-layout{padding-top:24px}.mode-nav{width:min(400px,100%);grid-template-columns:none;gap:10px}.mode{min-height:74px;padding:12px 16px;gap:13px}.mode-symbol{width:42px;height:42px;font-size:25px}.mode b{font-size:17px}.mode small{font-size:12px}.mode .soon{display:block}.home-intro{margin-bottom:23px}}
@media(max-width:420px){.mode{gap:12px}.mode-symbol{width:39px;height:39px;min-width:39px}.mode b{font-size:17px}.mode small{font-size:12px}.mode:has(.soon){padding-right:16px}.mode .soon{font-size:8px;right:10px;top:8px}.brand strong{font-size:23px}}
.guess-table.with-eyes{min-width:980px}
.table-head.with-eyes,.guess-row.with-eyes{grid-template-columns:1.34fr .75fr .85fr .9fr 1.13fr 1.2fr 1fr .7fr}
.guess-row .guess-name{gap:7px;min-width:0}.guess-portrait-frame,.guess-avatar{width:48px;height:56px;border-radius:4px;flex:none;background:#244d5b;overflow:hidden}.guess-portrait-frame .guess-image{display:block;width:100%;height:100%;object-fit:cover}.guess-avatar{display:grid;place-items:center;color:#c5fff0}.guess-row .guess-name span:last-child{min-width:0;overflow-wrap:anywhere}
.suggestions .suggestion-portrait-frame{width:30px;height:35px;border-radius:5px;flex:none;background:#244d5b;overflow:hidden}.suggestions .suggestion-image{display:block;width:100%;height:100%;object-fit:cover}
/* Vergleich auf Desktop vollständig zeigen; auf kleinen Geräten als lesbare Karten. */
.table-scroll{overflow:visible;padding-bottom:0}
.guess-table,.guess-table.with-eyes{min-width:0;width:100%}
.table-head,.guess-row{grid-template-columns:minmax(0,1.45fr) minmax(0,.78fr) minmax(0,.85fr) minmax(0,1.12fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.15fr)}
.table-head.with-eyes,.guess-row.with-eyes{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,.85fr) minmax(0,1.05fr) minmax(0,1.12fr) minmax(0,.9fr) minmax(0,1.15fr)}
.guess-row>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:740px){
  .guess-table,.guess-table.with-eyes{display:block}
  .table-head{display:none}
  .guess-row,.guess-row.with-eyes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px;padding:9px;background:#0d2736;border:1px solid #365565;border-radius:9px}
  .guess-row .guess-name{grid-column:1/-1;min-height:72px}
  .guess-row>div:not(.guess-name){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:59px;padding:7px;text-align:center}
  .guess-row>div[data-label]::before{content:attr(data-label);display:block;color:#dce9e7;font-size:10px;font-weight:500;line-height:1.15}
  .guess-row .arrow{display:inline;margin-left:3px}
  .results-title span:last-child{display:none}
}

/* Das Promo-Motiv füllt den Bildschirm. Ein dunkler Verlauf deckt die Schrift
   im oberen Bildteil ab; die Tür und Figuren bleiben bis unten sichtbar. */
.ambient{background:#071522}
.ambient::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(to bottom,#071522fa 0%,#071522fa 29%,#071522e8 37%,#07152288 49%,#07152235 75%,#0715229c 100%),
    linear-gradient(90deg,#07152270 0%,transparent 12%,transparent 88%,#071522ef 100%),
    url("./assets/background/tower-door-original.jpg");
  background-repeat:no-repeat;
  background-position:center,center,center bottom;
  background-size:100% 100%,100% 100%,cover;
}
.ambient::after,.ambient .ring{display:none}
.site-header{background:linear-gradient(90deg,transparent,#071522b8 17%,#071522b8 83%,transparent)}
.home-intro{text-shadow:0 2px 12px #071522,0 2px 24px #071522}
@media(max-width:900px){.ambient::before{background-image:linear-gradient(to bottom,#071522f7 0%,#071522ed 27%,#071522b8 45%,#07152268 75%,#071522b8 100%),linear-gradient(90deg,#07152272,transparent 35%,transparent 65%,#07152272),url("./assets/background/tower-door-original.jpg")}}

.header-end{gap:10px}
.language-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.language-control select{color:var(--text);background:#0b2433;border:1px solid #52717d;border-radius:7px;padding:8px 25px 8px 9px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.language-control select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@media(max-width:680px){
  .site-header{flex-wrap:wrap;justify-content:center}
  .header-end{position:static;flex:0 0 100%;justify-content:center;margin-top:8px}
}
.header-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 10px;border:1px solid #54717a;border-radius:7px;background:#0a2535;color:#e0f4f0;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.header-link:hover{border-color:var(--teal);color:var(--teal)}
.legend[hidden],.eye-image-error[hidden]{display:none}
.eye-stage{max-width:520px;margin:25px auto 0;padding:15px;border:1px solid #47717c;border-radius:11px;background:radial-gradient(circle at 50% 0,#214f5c66,transparent 60%),#091c2b;text-align:center}
.eye-stage-label{display:block;margin-bottom:11px;color:var(--gold);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.16em}
.eye-image-frame{width:100%;aspect-ratio:12/5;border:1px solid #577d87;border-radius:7px;background:#112c3b;overflow:hidden}
.eye-image-frame img,.eye-image-frame canvas{display:block;width:100%;height:100%;object-fit:cover}
.eye-image-error{color:#ffd484;font-size:13px;margin:12px 0 0}
.eye-answer{max-width:520px;margin:25px auto 0}
.game-panel:has(.eye-answer){overflow:visible;position:relative;z-index:1}
.eye-answer .entry-area{margin:0}
.eye-stage~.results-title{margin-top:24px}
.ability-history .history-pill.match{background:#246757;border-color:#58bca9;color:#e1fff5}
.below-panel{flex-wrap:wrap}
.reset-note small{font-size:11px;color:#a8bdc3;font-weight:400}
.mark{width:54px;height:54px;display:block;border:0;background:none;transform:none}
.mark img{display:block;width:100%;height:100%}
.round-complete{max-width:580px;margin:29px auto 0;border:1px solid #4e9b8c;border-radius:12px;background:linear-gradient(135deg,#173f43,#102e3d 70%);overflow:hidden;box-shadow:0 18px 42px #0004}
.round-summary{display:flex;align-items:center;gap:15px;padding:17px 19px}
.round-summary .guess-portrait-frame,.round-summary .guess-avatar{width:60px;height:70px}
.round-summary .guess-avatar{display:grid;place-items:center;font-size:23px}
.round-symbol{display:grid;place-items:center;width:60px;height:70px;flex:none;border:1px solid #70c6b5;border-radius:7px;background:#1b5b56;color:#ddc182;font-size:33px}
.round-summary>div{min-width:0}
.round-label{display:block;color:#c7b77b;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.15em}
.round-summary strong{display:block;color:#eafff8;font-family:var(--font);font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.round-summary small{display:block;margin-top:5px;color:#b8d5d1;font-size:12px}
.round-timer{padding:12px 19px;text-align:center;border-top:1px solid #70b5a64a}
.round-timer strong{display:block;color:#f1faf8;font-family:var(--font);font-size:24px;font-variant-numeric:tabular-nums;line-height:1.4}
.round-timer small{display:block;color:#b8d5d1;font-size:12px}
.round-next{padding:15px 19px 19px;border-top:1px solid #70b5a64a}
.round-next>.round-label{margin-bottom:10px}
.next-mode-button{display:flex;align-items:center;gap:13px;width:100%;padding:11px 13px;text-align:left;border:1px solid #6acdb9;border-radius:8px;background:#0b2634;color:#edf9f5}
.next-mode-button:hover{background:#1a4750;border-color:#98f1d9}
.next-mode-button:focus-visible{outline:2px solid #eac782;outline-offset:2px}
.next-mode-symbol{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #65baa9;border-radius:7px;color:#91f0d4;font-size:24px}
.next-mode-button strong{display:block;font:700 16px var(--font)}
.next-mode-button small{display:block;color:#b7cccf;font-size:12px}
.next-mode-arrow{margin-left:auto;color:#a6f2da;font-size:25px}
.all-modes-done{margin:0;color:#d4e9e3;font-size:14px}
.reset-note{margin-left:auto;text-align:right}
.other-games{width:min(400px,100%);margin:0 auto 40px;padding:16px;border:1px solid #426974;border-radius:11px;background:#081e2ddf;box-shadow:0 16px 36px #0003}
.other-games h2{margin:0 0 13px;color:#d6c187;text-align:center;font:700 13px var(--font);letter-spacing:.04em}
#other-games-list{display:grid;gap:9px}
.other-game-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #3f6973;border-radius:8px;background:#123343;color:#eaf8f5;text-decoration:none}
.other-game-card.is-live:hover{border-color:#87dac9;background:#1d4a53}
.other-game-card.is-live:focus-visible{outline:2px solid #eac782;outline-offset:2px}
.other-game-badge{display:grid;place-items:center;width:42px;height:42px;border:1px solid #9d8b62;border-radius:8px;background:#394237;color:#f1d898;font:700 22px var(--font)}
.other-game-info{min-width:0}
.other-game-info strong{display:block;font:700 17px var(--font)}
.other-game-info small{display:block;color:#adc5c7;font-size:11px;line-height:1.3}
.other-game-state{justify-self:end;color:#d9c487;font:700 10px var(--font);letter-spacing:.05em;white-space:nowrap}
.other-game-card.is-live .other-game-state{color:#8ce6d2}
@media(max-width:420px){.other-game-card{grid-template-columns:42px minmax(0,1fr)}.other-game-state{grid-column:2;justify-self:start}}
.quote-card{max-width:620px;margin:25px auto 0;padding:22px 25px;border:1px solid #7c6580;border-radius:11px;background:radial-gradient(circle at 12% 0,#60465b66,transparent 42%),#102537}
.quote-mark{display:block;color:#d5a7bd;font:700 38px var(--font);line-height:1}
.quote-card blockquote{margin:7px 0 0;color:#f5e9f0;font:600 clamp(18px,2.8vw,25px)/1.45 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}
.quote-hint{margin-top:20px;padding-top:13px;border-top:1px solid #977b895c;color:#e6d3e0;font-size:14px}
.quote-hint .round-label{margin-bottom:5px}
.quote-answer{max-width:620px;margin:24px auto 0}
.quote-answer .entry-area{margin:0 0 23px}
.game-panel:has(.quote-answer){overflow:visible;position:relative;z-index:1}
.game-panel:has(.ability-card){overflow:visible;position:relative;z-index:1}
.suggestions.open-up{top:auto;bottom:calc(100% + 6px)}
.test-mode-hint{margin:10px 0 0;color:#edcf86;font-size:12px;font-weight:700}
.test-mode-hint a{color:#9ceadd}
.ability-visual{margin-top:18px;padding:15px;border:1px solid #527685;border-radius:8px;background:#0c2433}
.ability-visual img{display:block;width:100%;max-height:300px;object-fit:contain;margin-top:10px;border-radius:5px;background:#081b28}
.ability-visual p{margin:9px 0 0;color:#adc9cd;font-size:13px}
.ability-visual .ability-image-error{color:#e5b0a7}
.guess-row .unavailable{background:#243a46;border-color:#50707a;color:#c4d1d4}
.swatch.unavailable{background:#243a46;border:1px solid #50707a}
.guess-row .debut-value{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.guess-row .debut-value:has(.arrow){white-space:nowrap}
.guess-row .debut-value .arrow{display:inline;margin-left:4px}
.classic-hint{max-width:580px;margin:0 0 22px;padding:11px 16px;border:1px solid #6c765f;border-radius:8px;background:#1b3038;color:#e9e6d7}
.classic-hint summary{cursor:pointer;color:#f0d496;font:700 14px var(--font)}
.classic-hint summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.classic-hint p{margin:10px 0 0;font-size:14px;overflow-wrap:anywhere}
.classic-hint b{color:#eac782}
.classic-hint .classic-hint-locked{color:#aebfc0;font-size:12px}
.panel-top .streak-badge{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:5px 10px;border:1px solid #998357;border-radius:100px;background:#493e2d99;color:#f5dda1;letter-spacing:.1em;white-space:nowrap}
.panel-top .streak-badge[hidden]{display:none}
.streak-badge b{font-size:15px;line-height:1;color:#fff0c9;font-variant-numeric:tabular-nums}
.daily-solves{width:fit-content;max-width:100%;margin:13px auto 0;padding:7px 15px;border:1px solid #436572;border-radius:100px;background:#102a38dc;color:#d1e5e3;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.daily-solves[hidden]{display:none}
@media(max-width:520px){.panel-top{flex-wrap:wrap}.panel-top .streak-badge{order:3}.daily-solves{font-size:12px}}