:root{--bg:#fcfaf2;--ink:#173d2d;--ink2:#3c5548;--forest:#214c35;--forest2:#173c2b;--line:#e8e9dd;--sage:#dce8cb;--mint:#eff4e4;--lime:#ddea9c;--yellow:#f2c967;--white:#fffefa;--shadow:0 12px 32px rgba(55,74,43,.09);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.47}input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #e9b956;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Arial Rounded MT Bold',system-ui,sans-serif;line-height:1.15}h1{letter-spacing:-.045em;font-size:clamp(36px,4.6vw,70px);font-weight:900}h2{letter-spacing:-.035em;font-size:clamp(24px,2.4vw,34px);font-weight:900}h3{letter-spacing:-.01em;font-weight:900;font-size:20px}p{line-height:1.62;color:var(--ink2)}small{font-size:12px}button,.btn{border:0;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:13px;padding:13px 19px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s}button:hover:not(:disabled),.btn:hover{transform:translateY(-1px)}.btn.primary,button.primary{color:white;background:var(--forest);box-shadow:0 5px 12px rgba(13,76,43,.14)}.btn.primary:hover,button.primary:hover{background:#346345}.btn.soft,button.soft{background:#e9f0df;color:var(--forest)}.btn.ghost,button.ghost{background:var(--white);border:1px solid #bdcfc0;color:var(--forest)}.btn.full,button.full{width:100%}.btn.tiny,button.tiny{padding:9px 12px;border-radius:10px;font-size:13px}.btn.dark-outline{border:1px solid var(--forest);background:transparent;color:var(--forest)}.btn.pill{border-radius:30px}.muted{color:#69786f}.hidden,[hidden]{display:none!important}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.sitebar{min-height:78px;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:6px;white-space:nowrap;font:900 30px/1 'Arial Rounded MT Bold',system-ui;color:var(--forest2);letter-spacing:-.055em}.logo img{width:64px;height:60px;object-fit:contain}.topnav{display:flex;gap:30px;align-items:center;margin-left:15px}.topnav button{background:none;padding:8px 0;color:#355044;font-weight:700}.navright{margin-left:auto;display:flex;align-items:center;gap:10px}.navright .user-pill{border-radius:99px;background:#eef1e4;color:#1a4230;padding:10px 13px;font-weight:800;font-size:13px}.sitebar .mobilemenu{display:none}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:328px;border-radius:24px;background:#cfdcbc url('assets/forest.svg') center/cover no-repeat;display:flex;align-items:center;padding:42px 50px;margin-top:4px;border:1px solid #b4caa9}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,245,222,.97),rgba(240,245,223,.90) 43%,rgba(232,241,221,.08) 74%);z-index:-1}.hero-content{max-width:720px;z-index:2}.hero h1{max-width:620px;margin:0 0 11px;color:#103b2c}.hero .lead{font-size:clamp(17px,1.85vw,22px);font-weight:700;color:#365643;line-height:1.4}.hero-turtle{position:absolute;right:8.2%;bottom:-18px;width:clamp(205px,28%,340px);max-height:310px;filter:drop-shadow(0 18px 8px rgba(33,76,35,.15));pointer-events:none}.hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}.hero .hero-actions .btn{min-height:53px}.hero .hero-actions input{min-height:53px;min-width:185px;background:rgba(255,255,255,.95);width:216px}.hero .mini-note{font-size:12px;font-weight:700;color:#526859}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-weight:800;font-size:13px;color:#355345}.field small{color:#6b7d70;font-weight:500;line-height:1.5}.field input,.field select,.field textarea,.text-input{border:1px solid #cbd4c9;border-radius:12px;background:var(--white);color:#203f31;min-height:48px;width:100%;padding:12px 14px;min-width:0}.field textarea{min-height:104px;resize:vertical}.field input::placeholder,.text-input::placeholder{color:#97a39a}.content{padding:38px 14px 55px}.sectiontitle{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.sectiontitle h2{margin:0 0 5px}.sectiontitle p{margin:0}.gamegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.gamecard{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:var(--white);border:1px solid #ecece2;min-width:0;display:flex;flex-direction:column;transition:transform .18s}.gamecard:hover{transform:translateY(-3px)}.gameart{height:158px;background:linear-gradient(135deg,#b7cb9c,#e7e3a4);position:relative;overflow:hidden;border-bottom:1px solid #dae2cc}.gameart:before{content:'';position:absolute;inset:0;background:url('assets/forest.svg') center/cover no-repeat;opacity:.62}.gameart>img{height:158px;width:167px;position:absolute;right:15px;bottom:-21px;filter:drop-shadow(0 5px 6px rgba(24,73,31,.12))}.gameart .art-icon{position:absolute;left:22px;top:37px;font-size:60px;line-height:1;filter:drop-shadow(0 4px 0 rgba(255,255,255,.6))}.gameart .art-chip{position:absolute;top:11px;left:13px;font-size:11px;color:#244b32;background:#f2f5e5d9;border-radius:99px;padding:6px 10px;font-weight:900;letter-spacing:.03em}.gamecard .gameinfo{padding:18px 21px 19px;display:flex;flex-direction:column;flex:1}.gameinfo h3{margin:0 0 5px;font-size:24px}.gameinfo p{margin-bottom:15px;font-size:14px;flex:1}.cardfoot{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;font-weight:700;color:#738074}.arrow-button{background:var(--forest);color:white;width:43px;height:43px;border-radius:12px;font-size:23px;padding:0}.gamecard.coming{opacity:.96}.gamecard.coming .arrow-button{background:#e0e9d4;color:#375841}.label{font-size:12px;font-weight:900;letter-spacing:.1em;color:#688069;text-transform:uppercase}.paper{background:var(--white);box-shadow:var(--shadow);border:1px solid #ecebe2;border-radius:22px;padding:27px}.paper h2{margin:0 0 12px}.twocol{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr);gap:20px}.stack{display:grid;gap:15px}.subnav{margin:24px 0 14px}.subnav button{padding:10px 0;background:transparent;color:var(--forest);font-weight:800}.code{font:900 clamp(45px,7vw,76px)/1 'Arial Rounded MT Bold',system-ui;letter-spacing:.14em;color:var(--forest);margin:12px 0 18px}.player-list{display:grid;gap:9px;margin:20px 0}.player{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#f8f9f1;border:1px solid #edf0e5;border-radius:13px}.player-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#dfebc4;font-size:22px}.player .right{margin-left:auto;font-size:12px;font-weight:800;color:#6d836b}.badge{padding:5px 9px;font-size:11px;border-radius:99px;color:#306044;background:#e8f2d9;font-weight:900}.badge.gold{background:#fff0bd;color:#846017}.badge.gray{background:#f1f1e9;color:#637168}.lobby-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.buttonrow{display:flex;gap:9px;flex-wrap:wrap}.settingsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.setting-meta{padding:12px 0;border-bottom:1px solid #edf0e7;display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#54705d}.setting-meta b{color:var(--forest)}.checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkitem{display:flex;gap:8px;align-items:center;padding:10px 8px;background:#f0f4e7;border-radius:9px;font-size:12px;font-weight:700}.checkitem input{accent-color:#2e744c}.notice{border-radius:14px;background:#ecf3df;padding:13px 15px;color:#3e5c45;font-size:13px;line-height:1.6}.warning{background:#fff5d5;color:#755a22}.error{background:#fff0ed;color:#8c3131}.error[hidden]{display:none}.game-hero{position:relative;min-height:150px;border-radius:21px;background:#dfeace url('assets/forest.svg') center/cover no-repeat;overflow:hidden;padding:30px;margin:8px 0 24px}.game-hero h1{position:relative;font-size:clamp(30px,4vw,52px);max-width:70%;margin:0 0 7px}.game-hero p{position:relative;font-size:16px;max-width:60%;font-weight:700}.game-hero img{position:absolute;right:9%;bottom:-46px;width:205px;height:220px}.question{font-family:'Arial Rounded MT Bold',system-ui;font-size:clamp(27px,3.5vw,44px);font-weight:900;line-height:1.2;letter-spacing:-.025em;color:#153f2b;margin:13px 0 20px}.guess-wrap{display:flex;align-items:stretch;gap:10px}.guess-wrap .field{flex:1;margin:0}.answer-unit{background:#edf0e6;padding:13px 18px;border-radius:10px;font-weight:900;font-size:17px;align-self:center;white-space:nowrap}.countdown{font:900 24px 'Arial Rounded MT Bold',system-ui;color:var(--forest);padding:9px 13px;border-radius:11px;background:#e7eedb}.solution{border-radius:16px;padding:17px 20px;background:#ecf5d9;border:1px solid #cde2ba;margin:16px 0}.solution strong{font:900 28px 'Arial Rounded MT Bold',system-ui}.scoreline{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e7e9e0;font-size:14px}.scoreline b{font-size:17px}.autharea{max-width:520px;margin:40px auto 80px}.autharea .tabrow{display:grid;grid-template-columns:repeat(2,1fr);padding:5px;border-radius:13px;background:#f1f3ea;margin-bottom:19px}.tabrow button{background:transparent}.tabrow button.active{background:white;box-shadow:0 2px 12px rgba(0,0,0,.06)}.autharea h1{font-size:39px;margin:6px 0 22px}.footer{display:flex;align-items:center;justify-content:center;gap:12px;min-height:87px;background:linear-gradient(transparent,#eaf0db);border-radius:32px 32px 0 0;font-size:12px;color:#7c867b}.footer img{width:45px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(520px,calc(100vw - 32px));border-radius:14px;background:#1b4631;color:white;padding:13px 18px;box-shadow:0 10px 35px rgba(15,49,32,.25);font-size:13px;font-weight:800}.sep{height:1px;background:#eaeee3;margin:18px 0}.recovery{font-family:monospace;letter-spacing:.04em;font-weight:800;font-size:18px;word-break:break-word;background:#f4f3e8;padding:15px;border-radius:12px}.coming-banner{border-radius:14px;background:#fbefd0;padding:16px;line-height:1.6;color:#6b5423}.admin-link{font-weight:900;color:var(--forest)}.loading{max-width:600px;margin:75px auto;text-align:center}
@media(max-width:940px){.hero{padding:38px 32px}.hero h1{max-width:470px}.hero-turtle{right:1%;width:230px;opacity:.93}.gamegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol{grid-template-columns:1fr}.paper{padding:22px}}
@media(max-width:660px){.wrap{padding:0 14px}.sitebar{min-height:69px;gap:10px}.logo{font-size:25px}.logo img{width:44px;height:44px}.topnav{display:none}.navright .user-pill{display:none}.navright button{padding:10px 11px;font-size:12px}.hero{margin-top:0;border-radius:19px;min-height:372px;align-items:flex-start;padding:27px 22px}.hero:before{background:linear-gradient(180deg,rgba(241,247,226,.99) 0%,rgba(241,247,226,.94) 44%,rgba(241,247,226,.1) 79%)}.hero-content{width:100%}.hero h1{font-size:clamp(34px,8.4vw,48px);max-width:100%;margin:0 0 7px}.hero .lead{font-size:15px;max-width:100%}.hero .hero-actions{margin-top:15px;gap:8px}.hero .hero-actions input{width:100%;min-width:0}.hero .hero-actions .btn{flex:1;min-width:105px;padding:12px 11px}.hero-turtle{right:6px;bottom:-26px;width:196px;opacity:.8}.hero .mini-note{width:100%}.content{padding:30px 0 36px}.sectiontitle{margin-bottom:15px}.sectiontitle h2{font-size:31px}.gamegrid{gap:12px}.gameart{height:120px}.gameart>img{width:117px;height:129px;bottom:-23px;right:-3px}.gameart .art-icon{font-size:37px;left:12px;top:40px}.gameart .art-chip{font-size:9px;padding:5px 7px}.gameinfo h3{font-size:19px}.gamecard .gameinfo{padding:13px 12px}.gameinfo p{font-size:12px;margin-bottom:13px;line-height:1.4}.cardfoot{font-size:10px}.arrow-button{width:33px;height:33px;font-size:18px}.paper{padding:19px 16px;border-radius:17px}.code{font-size:53px}.settingsgrid{grid-template-columns:1fr}.lobby-top{flex-direction:column}.checkgrid{grid-template-columns:1fr 1fr}.game-hero{min-height:154px;padding:21px}.game-hero h1{max-width:79%}.game-hero p{max-width:70%;font-size:13px}.game-hero img{width:142px;right:-4px;bottom:-31px}.guess-wrap{flex-wrap:wrap}.guess-wrap .field{min-width:160px}.guess-wrap button{width:100%}.question{font-size:30px}.autharea{margin:20px auto 50px}.footer{margin-top:25px}}
@media(max-width:385px){.gamegrid{grid-template-columns:1fr}.gameart{height:145px}.gameinfo h3{font-size:22px}.navright .logout{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ── Spielzeit v2.1 · ruhiger, dunkelgrüner Spielshow-Look ── */
:root{
 --bg:#edf1e9;--white:#fafaf4;--ink:#173c2d;--ink2:#476052;
 --forest:#183c2b;--forest2:#102f24;--line:#dce4da;
 --sage:#d5e1d1;--mint:#e4ebe0;--lime:#d0dda9;
 --shadow:0 14px 35px rgba(15,42,27,.08);
}
body{background:linear-gradient(180deg,#f3f4eb 0%,#e6ece4 100%);color:var(--ink)}
.sitebar{min-height:82px}
.sitebar .logo{color:#123b2a}
button,.btn{min-height:44px;max-width:100%;text-align:center;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
button.primary,.btn.primary{background:#173e2c;color:#fffef6;border:1px solid #173e2c}
button.primary:hover:not(:disabled),.btn.primary:hover{background:#26553c;border-color:#26553c}
button.ghost,.btn.ghost{background:#f7f9f1;border:1px solid #aebfb0;color:#1d4c34}
button.soft,.btn.soft{background:#dee9dc;color:#1b4a32}
button:disabled{opacity:.48;box-shadow:none}
.sitebar .navright button{flex-shrink:0}
.hero{background-color:#a9bfa5;border-color:#9cb69e}
.hero:before{background:linear-gradient(90deg,rgba(225,233,211,.96),rgba(228,236,218,.90) 47%,rgba(43,98,72,.2))}
.gamecard{background:#f8f8f2;border-color:#dce4d6}
.gameart{background:linear-gradient(130deg,#91b296,#cfdfbb)}
.gameinfo{color:#1d4934}
.gameart .art-chip{background:#e4ecdb;color:#1d5339}
.arrow-button{min-width:43px;min-height:43px;background:#224d35;border-radius:12px}
.paper{background:#fafaf5;border:1px solid #dae4d8;box-shadow:0 10px 32px rgba(24,58,40,.07)}
.field input,.field select,.field textarea,.text-input{background:#fffefb;border:1px solid #b6c9b7}
.field input:focus,.field select:focus,.field textarea:focus,.text-input:focus{border-color:#3a7650;box-shadow:0 0 0 3px rgba(80,133,92,.15);outline:0}
.badge{background:#dde9d8;color:#235237}
.badge.gold{background:#eadfb9;color:#6d571b}
.notice{background:#e4eddf;border-color:#c7d9c3}
.code{color:#173e2e}
.subnav button{color:#1d4935}

/* Dark frame makes the active party game stand out from the public homepage */
main.game-shell,main.lobby-shell{
 background:linear-gradient(155deg,#1b4030 0%,#123124 100%);
 padding:20px;border:1px solid #264d39;border-radius:26px;
 box-shadow:0 20px 52px rgba(12,48,29,.17);
 margin:8px 0 20px;
}
.game-shell .game-hero,.lobby-shell .game-hero{
 background-color:#24503a;
 background-image:linear-gradient(95deg,rgba(15,47,33,.94) 0%,rgba(21,59,40,.82) 55%,rgba(30,75,50,.45) 100%),url('assets/forest.svg');
 border:1px solid rgba(228,241,220,.17);border-radius:21px;min-height:170px;
 margin:0 0 18px;padding:27px 36px;color:#f4f7ec;
}
.game-shell .game-hero h1,.game-shell .game-hero p,
.lobby-shell .game-hero h1,.lobby-shell .game-hero p{color:#f6f9ef}
.game-shell .game-hero img,.lobby-shell .game-hero img{
 width:185px;height:200px;bottom:-35px;right:3.5%;
 filter:drop-shadow(0 11px 8px rgba(5,29,17,.32))
}
.game-shell .subnav button,.lobby-shell .subnav button{color:#dcebd8}
.game-shell .subnav,.lobby-shell .subnav{margin:0 0 10px}
.game-shell .paper,.lobby-shell .paper{box-shadow:0 10px 20px rgba(4,28,13,.12)}
.game-shell .twocol,.lobby-shell .twocol{align-items:start}

/* A restrained game-show header with distinct progress / room labels */
.game-shell .show-header{display:flex;align-items:center}
.game-shell .show-header-text{max-width:calc(100% - 160px);position:relative;z-index:1}
.game-shell .show-kicker{letter-spacing:.16em;color:#bfd4b6;font-size:10px;font-weight:900;margin-bottom:7px}
.game-shell .show-header h1{font-size:clamp(32px,4.5vw,56px);margin:0 0 4px}
.game-shell .show-header p{margin:0 0 14px;color:#dbe9d7;font-size:16px}
.game-shell .show-hero-meta{display:flex;gap:8px;flex-wrap:wrap}
.game-shell .show-hero-meta span{border:1px solid rgba(227,244,219,.28);background:rgba(8,35,21,.3);padding:6px 10px;border-radius:8px;color:#f5f9ef;font-size:12px;font-weight:750}
.game-shell .show-layout{grid-template-columns:minmax(0,1.75fr) minmax(240px,.85fr);gap:17px}
.game-shell .show-main{padding:clamp(19px,3.2vw,34px);min-width:0}
.game-progress{display:flex;align-items:center;gap:13px;margin-bottom:21px}
.game-progress .label{white-space:nowrap}
.game-progress .muted{font-size:11px;font-weight:800}
.progress-track{height:9px;border-radius:99px;background:#dfe7db;flex:1;min-width:30px;overflow:hidden}
.progress-track>div{height:100%;background:#376d4c;border-radius:99px;transition:width .3s}
.game-shell .question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.category-tag,.round-timer,.status-pill{display:inline-flex;align-items:center;border-radius:9px;min-height:34px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.015em}
.category-tag{background:#e1ebda;color:#2a6240}
.round-timer{background:#1e4b34;color:#f1f5e7;font-size:15px}
.status-pill{background:#ddeacb;color:#24543a}
.game-shell .round-title{font-size:clamp(26px,3.3vw,42px);font-weight:900;line-height:1.23;color:#163e2c;letter-spacing:-.035em;margin:10px 0 28px;overflow-wrap:break-word}
.guess-form{max-width:680px}
.guess-form .answer-label{display:block;color:#385a43;font-size:14px;font-weight:800;margin-bottom:10px}
.guess-control{display:flex;align-items:stretch;min-width:0;border-radius:13px;border:1px solid #a8bfae;background:#fff;overflow:hidden;transition:border-color .2s}
.guess-control:focus-within{border-color:#346d4b;box-shadow:0 0 0 3px rgba(62,109,77,.12)}
.guess-control input{border:0;min-height:62px;flex:1;min-width:0;padding:14px 17px;color:#183e2b;background:#fff;font-weight:750;font-size:23px;width:100%}
.guess-control input:focus{outline:0;box-shadow:none}
.guess-control .answer-suffix{display:flex;align-items:center;justify-content:center;padding:8px 15px;border-left:1px solid #d9e3d5;background:#e9eee5;color:#2d573e;font-weight:850;min-width:56px;max-width:40%;overflow-wrap:anywhere}
.game-shell .stage-action{margin-top:18px;min-height:54px;font-size:16px;font-weight:850;border-radius:12px}
.player-submission-status{font-size:13px;margin:17px 0 0;color:#587060}
.submitted-state{display:flex;flex-direction:column;gap:6px;background:#e0ece0;border:1px solid #b9d4ba;border-radius:14px;padding:20px;color:#204833}
.submitted-state strong{font-size:19px}
.submitted-state span{font-size:13px;line-height:1.6}
.game-shell .reveal-question{margin:13px 0 16px;font-size:clamp(19px,2.5vw,27px)}
.game-shell .reveal-answer{padding:20px 22px;border:1px solid #b9d3b6;background:#e2eddf;border-radius:16px}
.reveal-answer .label{color:#40744c}
.reveal-answer strong{display:block;font-size:clamp(27px,3.2vw,42px);font-weight:900;color:#12432d;line-height:1.15;margin:9px 0 10px;overflow-wrap:anywhere}
.reveal-answer p{color:#3e5c49;font-size:14px;margin:0 0 12px}
.reveal-answer a{color:#245d3b;font-size:13px;font-weight:800;text-decoration:underline}
.round-results{margin:23px 0 6px}
.round-results h3{font-size:19px;margin-bottom:8px;color:#1b4933}
.round-result-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 3px;border-bottom:1px solid #e1e8dd;font-size:13px;color:#365541}
.round-result-row>span:first-child{font-weight:800;min-width:0;overflow-wrap:anywhere}
.round-result-row .result-guess{font-variant-numeric:tabular-nums;text-align:right}
.round-result-row strong{color:#1d5537;font-variant-numeric:tabular-nums}
.host-wait{display:flex;flex-direction:column;gap:6px;color:#365b44;background:#e5ece1;border:1px solid #d4dfce;padding:16px;border-radius:12px;margin-top:20px;line-height:1.45;font-size:13px}
.host-wait strong{font-size:14px}
.result-history-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #dce6d8;font-size:13px}
.result-history-item span{min-width:0;overflow-wrap:anywhere}
.result-history-item b{text-align:right;min-width:95px;color:#22543a}
.game-shell .leader-panel{background:#183e2e;color:#eef4eb;border:1px solid #2c5c43;padding:22px;position:sticky;top:18px}
.leader-panel .leader-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.leader-panel h3{font-size:20px;margin:0;color:#f4f8f0}
.leader-panel .badge.gray{background:#2e5840;color:#eaf2e6}
.leader-rows{display:grid;gap:8px}
.leader-row{display:flex;align-items:center;gap:9px;background:#244b37;border:1px solid #35604a;border-radius:11px;padding:10px;min-width:0}
.leader-row.is-you{background:#345c42;border-color:#638968}
.leader-rank{width:21px;text-align:center;font-weight:900;font-size:12px;color:#d3e3cc;flex:0 0 auto}
.leader-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c6d9a5;width:30px;height:30px;font-size:17px;flex:0 0 auto}
.leader-name{flex:1;min-width:0;color:#f7fbf3;font-size:13px;font-weight:750;overflow-wrap:anywhere}
.leader-name small{display:block;color:#b8d7bc;font-size:10px}
.leader-score{white-space:nowrap;font-size:15px;font-variant-numeric:tabular-nums;color:#fafaf4}
.leader-score small{font-size:10px;font-weight:600;color:#b7d0b8}
.leader-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #3d6950;font-size:12px;color:#d8e8d7}
.leader-bottom .ghost{background:#28563e;color:white;border-color:#5b8a67;font-variant-numeric:tabular-nums}

/* Lobby settings are distinct from primary actions */
.lobby-shell #lobby-settings button.primary{width:100%}
.lobby-shell .buttonrow{gap:10px}
.lobby-shell .buttonrow button{flex:0 1 auto}
.lobby-shell .game-hero h1{font-size:clamp(28px,3.8vw,46px)}
.lobby-shell .lobby-top{align-items:center}

@media(max-width:940px){
 .game-shell .show-layout{grid-template-columns:1fr}
 .game-shell .leader-panel{position:static}
}
@media(max-width:660px){
 .sitebar{gap:10px;flex-wrap:wrap;padding:8px 0 12px}
 .sitebar .logo{font-size:24px;margin-right:auto}
 .sitebar .navright{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
 .sitebar .navright button{min-height:38px;font-size:11px;padding:8px 10px}
 .sitebar .navright .logout{display:inline-flex!important}
 main.game-shell,main.lobby-shell{padding:11px;border-radius:18px;margin-top:1px}
 .game-shell .game-hero,.lobby-shell .game-hero{padding:19px 18px;min-height:146px;border-radius:14px;margin-bottom:11px}
 .game-shell .show-header-text{max-width:calc(100% - 82px)}
 .game-shell .show-header h1{font-size:clamp(28px,8vw,40px)}
 .game-shell .show-header p{font-size:13px;margin-bottom:8px}
 .game-shell .show-header img,.lobby-shell .game-hero img{width:124px;height:150px;right:-18px;bottom:-22px}
 .game-shell .show-kicker{font-size:9px;letter-spacing:.06em}
 .game-shell .show-hero-meta span{padding:5px 6px;font-size:10px}
 .game-shell .paper,.lobby-shell .paper{padding:18px 15px}
 .game-progress{gap:8px;margin-bottom:14px}
 .game-progress .label{font-size:10px}
 .game-shell .round-title{font-size:clamp(24px,6.2vw,33px);margin-bottom:20px}
 .game-shell .question-meta{gap:7px}
 .game-shell .stage-action{min-height:53px;width:100%}
 .round-result-row{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px}
 .round-result-row .result-guess{grid-column:1;grid-row:2;text-align:left}
 .round-result-row strong{grid-column:2;grid-row:1/3}
 .leader-panel .leader-rows{grid-template-columns:1fr}
 .game-shell .leader-panel{padding:18px 15px}
 .game-shell .guess-control input{font-size:20px;min-height:55px}
 .guess-control .answer-suffix{font-size:12px;padding:9px;max-width:40%}
 .lobby-shell .buttonrow button{flex:1 1 120px}
}
@media(max-width:390px){
 .sitebar .logo{font-size:22px}
 .sitebar .logo img{width:37px;height:38px}
 .game-shell .show-header-text{max-width:calc(100% - 65px)}
 .game-shell .show-hero-meta{gap:4px}
 .game-shell .show-hero-meta span{font-size:9px}
 .game-shell .show-header img{width:109px;right:-22px}
 .game-shell .round-title{font-size:24px}
 .leader-score small{display:none}
}