:root{font-family:Segoe UI,system-ui,sans-serif;color:#17263e;background:#f3f6fb;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102c45;color:white;padding:30px 42px;display:flex;justify-content:space-between;align-items:center;gap:24px}h1{font-size:36px;letter-spacing:-1px;margin:10px 0}h2{font-size:21px;margin:0 0 20px}h3{margin:0 0 14px}p{line-height:1.6}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#338883}header .eyebrow{color:#8de2d3}header p{margin:0;color:#c2d3e2}.badge{display:inline-block;background:#def4eb;color:#19634d;padding:9px 13px;border-radius:30px;font-size:13px;font-weight:600}.teacher{max-width:1550px;margin:auto;padding:28px 42px;display:grid;grid-template-columns:minmax(340px,0.9fr) minmax(400px,1.2fr);gap:26px}.panel{padding:26px;background:white;border:1px solid #dce4ee;border-radius:16px;margin-bottom:18px;box-shadow:0 5px 20px #203d5906}.connection{align-self:start}.connection img{display:block;width:min(100%,360px);height:auto;margin:12px auto;image-rendering:pixelated}label{display:block;font-size:14px;font-weight:600;margin:15px 0 8px}input,select{width:100%;border:1px solid #bac9d9;border-radius:8px;padding:12px;font:inherit;background:white;color:#17263e}button{border:0;border-radius:8px;padding:13px 18px;background:#126e69;color:white;font:600 15px Segoe UI,system-ui;cursor:pointer;white-space:nowrap}button:hover{background:#0e5753}button:disabled{opacity:.5;cursor:wait}.secondary{background:#edf2f7;color:#253f59}.secondary:hover{background:#dce5ee}.row{display:flex;gap:10px}.row input{min-width:0}.url{font-size:23px;font-weight:700;overflow-wrap:anywhere;margin:20px 0 0}.muted{color:#62738a;font-size:14px}.code{font-size:48px;letter-spacing:8px;font-weight:750;color:#126e69;font-variant-numeric:tabular-nums}.players{padding:0;list-style:none}.players li{padding:10px 12px;border-radius:6px;background:#f2f6fa;margin:6px 0;overflow-wrap:anywhere}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-heading h2{margin:0}#error{color:#a22e35;white-space:pre-wrap}#error:empty{display:none}.client{max-width:530px;margin:50px auto;padding:0 22px}.client form button{width:100%;margin-top:24px}.client h1{font-size:42px}#lobby .badge{margin-bottom:20px}summary{cursor:pointer;font-weight:600}details li{margin:8px 0;overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #edb959;outline-offset:3px}@media(max-width:1000px){header{padding:24px}.teacher{padding:24px;gap:20px}.row{flex-wrap:wrap}.row button{width:100%}}@media(max-width:750px){header{display:block}.teacher{display:block}header .badge{margin-top:20px}}
/* Spiel- und Besprechungsansichten */
.teacher{grid-template-columns:minmax(330px,.8fr) minmax(560px,1.4fr)}
.teacher aside{min-width:0}.teacher form>button{margin-top:18px}.teacher h1{font-size:30px}.session>button{margin-top:12px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.round-history{border-top:1px solid #dce4ee;margin-top:20px;padding-top:16px}.round-history summary{line-height:1.5}.answer-card{border:1px solid #dce4ee;border-radius:10px;padding:18px;margin:16px 0;background:#fbfcfe}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf5f5;border-left:3px solid #2f8880;padding:14px 16px}.answer-card small,.players small{display:block;color:#62738a;margin-top:6px}.grade-edit{margin-top:14px}.grade-edit button{margin-top:12px}.warning{padding:12px 14px;background:#fff2d4;color:#7b5315;border-radius:8px;line-height:1.55}#notice{color:#126e69;line-height:1.5}#notice:empty{display:none}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:18px;height:18px}.connection img{width:min(100%,380px)}#projectionControls button{margin:12px 8px 0 0}.client{max-width:760px}.client h1{font-size:36px}.client h2{font-size:23px;line-height:1.4}.client h3{margin:24px 0 10px}.client #identity{color:#62738a}.client #lobby .badge{margin-bottom:12px}textarea{width:100%;padding:14px;border:1px solid #bac9d9;border-radius:8px;font:inherit;resize:vertical;line-height:1.5}fieldset{padding:0;border:0;min-width:0}legend{font-size:14px;margin:6px 0}.choice{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #c7d4df;border-radius:9px;font-weight:400;cursor:pointer;line-height:1.5}.choice input{width:19px;height:19px;flex-shrink:0}.choice:has(input:checked){border-color:#16766e;background:#eaf5f2}.rating-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.rating-buttons button{flex:1}.criteria{line-height:1.6;padding-left:22px}.criteria li{margin:8px 0}#scores p{margin:8px 0}.projector{background:#f6f8fb}.projector main{max-width:1150px;margin:auto;padding:48px 60px;font-size:23px;line-height:1.55}.projector h1{font-size:36px;line-height:1.3;margin:24px 0}.projector h2{font-size:25px;margin:26px 0 10px}.projector li{margin:8px 0}.projector .badge{display:block;width:fit-content;margin-top:20px}.projector .answer-text{font-size:27px}.projector .eyebrow{font-size:14px}@media(max-width:1100px){.teacher{grid-template-columns:minmax(290px,.8fr) minmax(420px,1.2fr);padding:24px;gap:20px}.panel{padding:20px}.teacher h1{font-size:26px}}@media(max-width:750px){.teacher{display:block}.client{margin:28px auto}.client h1{font-size:30px}.rating-buttons{flex-direction:column}.projector main{padding:24px;font-size:20px}.projector h1{font-size:28px}}

/* Gemeinsame Gestaltung nach der Lerngrafik „Halbleiter – der besondere Stoff“. */
:root{color:#082454;background:#f3faff;--ink:#082454;--blue:#079fe9;--green:#08ae66;--gold:#edb900;--pink:#ef3787;--violet:#8952df}
header{color:var(--ink);background:linear-gradient(115deg,#c7f0ff,#e5f8ff);border:3px solid var(--blue);border-radius:30px;margin:18px 24px 0;padding:24px 30px;box-shadow:0 4px 0 #087eb91a}
header p{color:#244972}header .eyebrow,.eyebrow{color:#145b94}h1,h2,h3{color:var(--ink)}h1{font-weight:800;letter-spacing:-.8px}h2{font-weight:800}
.panel{border:3px solid var(--blue);border-radius:25px;background:linear-gradient(140deg,#f7fdff,#e6f6ff);box-shadow:0 4px 0 #079fe91a}
.teacher aside>.panel:nth-child(2){border-color:var(--green);background:linear-gradient(140deg,#f4fff8,#e1f9e9)}
.teacher aside>#discussion{border-color:var(--pink);background:linear-gradient(140deg,#fff8fc,#ffe6f1)}
.teacher>section>.panel{border-color:var(--gold);background:linear-gradient(140deg,#fffef6,#fff5cd)}
.session.panel{border-color:var(--violet);background:linear-gradient(140deg,#fcfaff,#f0eaff)}
button{background:#0879c4;border:2px solid #0666aa;border-radius:14px;box-shadow:0 3px 0 #07518720;padding:11px 16px}button:hover{background:#0565a7}button:active{transform:translateY(1px)}button:disabled{cursor:default}
.secondary{background:#e5f4ff;border-color:#91ccec;color:#153e69}.secondary:hover{background:#d1eaff}
input,select,textarea{border:2px solid #91c7e3;border-radius:12px;color:var(--ink);background:#fff}
.badge{background:#dbf7e7;color:#07572f;border:1px solid #74d59d}.code{color:#086bb2}
.muted,.client #identity,.answer-card small,.players small{color:#435d7c}
.answer-card{border:2px solid #a1cbe7;border-radius:18px;background:#ffffffdd}.answer-text{background:#e6f5ff;border-left:4px solid var(--blue);border-radius:10px;color:var(--ink)}
.choice{border:2px solid #9fcbe6;border-radius:15px;background:#fff}.choice:has(input:checked){border-color:#05864b;background:#e6f9ec}.players li{background:#eaf5ff;border-radius:12px}
.warning{border:2px solid #e9bd34;background:#fff4cf;color:#684600;border-radius:14px}
.connection img{background:#fff;padding:10px;border-radius:16px}
:focus-visible{outline:3px solid #7c38ce;outline-offset:3px}
.projector{background:#f4fbff}.projector .answer-text{border:3px solid var(--blue);border-radius:20px;padding:22px}.projector .badge{border-radius:16px}
@media(max-width:750px){header{margin:12px 12px 0;padding:20px;border-radius:24px}.panel{border-radius:21px}.client{padding:0 16px}}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}
.board-wrap{max-width:620px;margin:12px auto}.board-wrap svg{display:block;width:100%;height:auto}.category-legend{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:8px}.category-legend li{border:2px solid;border-radius:12px;padding:9px 11px;font-size:14px;font-weight:600;overflow-wrap:anywhere}.category-color-0{background:#d9f3ff;border-color:#029cdd!important}.category-color-1{background:#ddf8e8;border-color:#09a55f!important}.category-color-2{background:#fff3c6;border-color:#e3aa00!important}.category-color-3{background:#ffe2ef;border-color:#ed3989!important}.category-color-4{background:#eee3ff;border-color:#8654d8!important}.category-color-5{background:#ffe7d3;border-color:#ec7130!important}.board-players{padding-left:22px;font-size:14px;line-height:1.7}.dice-result{display:grid;place-items:center;width:78px;height:78px;background:white;border:4px solid #079fe9;border-radius:20px;font-size:42px;font-weight:800;box-shadow:0 5px 0 #93d9fb;margin:18px 0}#boardAction>button{display:block;white-space:normal;width:100%;margin:12px 0;text-align:left;line-height:1.5}#boardAction>h2{margin-top:24px}#categories{margin-top:20px}#categories legend{font-weight:700}#categoryOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}#categoryOptions .check{margin:8px 0;align-items:flex-start}#categoryOptions input{flex-shrink:0}#liveBoard{border-bottom:2px solid #c9e6f5;padding-bottom:12px}@media(max-width:420px){.category-legend{grid-template-columns:1fr}.client .panel{padding:16px}#categoryOptions{grid-template-columns:1fr}}
.game-clock{padding:14px 18px;border:2px solid #edb900;border-radius:16px;background:#fff3c6;color:#082454;font-size:19px;font-weight:750;line-height:1.45;font-variant-numeric:tabular-nums}.standings{border:2px solid #08ae66;border-radius:16px;background:#e1f9e9;padding:14px 16px 14px 36px;line-height:1.8}

.phase-clock{padding:14px 18px;background:#ddf8e8;border:2px solid #08ae66;border-radius:16px;font-size:21px;font-weight:800;line-height:1.4;font-variant-numeric:tabular-nums}.board-overview,.answer-summary,.manual-controls{margin:20px 0;padding:15px;border:2px solid #b8dceb;border-radius:16px;background:#ffffff80}.board-overview>summary,.answer-summary>summary,.manual-controls>summary{line-height:1.5}.manual-controls button{display:block;margin:12px 0;white-space:normal}.answer-summary h3{font-size:18px}.client #boardAction h2{margin-top:14px}.client #liveBoard{border:0}.client .board-wrap{margin-top:20px}.client #boardAction{scroll-margin-top:18px}

#discussion>label{display:flex;align-items:center;gap:10px}#discussion>label input{width:auto;margin:0}#sessions>article>button{margin:0 8px 12px 0}

#categoryOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.category-slot{display:grid;grid-template-columns:1fr auto;gap:6px;min-width:0}.category-slot label{margin:4px 0}.category-slot select{grid-column:1/-1;min-width:0}.category-slot input[type=checkbox]{width:22px;height:22px;margin:4px 0}@media(max-width:600px){#categoryOptions{grid-template-columns:1fr}}