.eyebrow{margin:0 0 5px;color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hm-teacher,.hm-board{width:min(1800px,calc(100% - 28px));margin:18px auto 40px;display:grid;gap:18px}.hm-teacher>section,.hm-teacher>#hmHost{display:grid;gap:18px}.hm-create h1,.hm-mobile h1{font-size:clamp(2.2rem,7vw,4.8rem);margin:.15em 0}.hm-session{display:grid;grid-template-columns:auto auto 190px 1fr auto;align-items:center;gap:25px}.hm-session>div{display:grid}.hm-session strong{font-size:2.2rem}.hm-session .qr-button{width:180px;height:180px;padding:0;background:#fff}.hm-session .qr-button canvas{width:100%!important;height:100%!important}.hm-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.hm-section-head h2{margin:.15em 0}.hm-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:15px;align-items:start}.hm-settings-grid label,.hm-pool-toolbar label,.hm-entry-form label,.hm-mobile label{display:grid;gap:6px;font-weight:750}.hm-settings-grid fieldset{grid-column:span 2;border:1px solid var(--line);border-radius:12px;padding:12px}.hm-settings-grid legend{font-weight:800}.hm-checks{display:flex;gap:12px;flex-wrap:wrap}.hm-checks label{display:flex;align-items:center;gap:6px;font-weight:550}.hm-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.hm-controls h2{margin:.15em 0}.hm-table{width:100%;border-collapse:collapse}.hm-table th,.hm-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}.hm-table tbody tr.is-current{background:rgba(80,230,205,.12)}.hm-table small{display:block;color:var(--muted)}.hm-pool>summary{font-size:1.2rem;font-weight:850;cursor:pointer}.hm-pool-toolbar{display:flex;gap:14px;align-items:end;margin:18px 0}.hm-entry-form{min-width:min(680px,90vw);display:grid;gap:13px}.hm-entry-form input,.hm-entry-form select,.hm-entry-form textarea,.hm-mobile input{width:100%}.hm-entry-form>h2{margin-top:0}dialog{border:1px solid var(--line);border-radius:18px;background:#101d2d;color:var(--text);padding:24px}dialog::backdrop{background:#02060dbb}
.hm-board-body{min-height:100vh}.hm-board-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(420px,1fr);gap:18px}.hm-board-top{display:flex;align-items:center;justify-content:space-between}.hm-board-top h2{font-size:clamp(1.5rem,3vw,2.8rem);margin:.15em 0}.hm-board-top p{font-size:1.25rem;color:#ffd16b;margin:.3em 0}.hm-round-meta{display:flex;gap:24px;font-size:1.2rem}.hm-puzzle{min-height:60vh;display:grid;grid-template-columns:minmax(220px,.6fr) 1.4fr;grid-template-rows:1fr auto auto;align-items:center;gap:20px}.hm-drawing{width:min(34vw,390px);aspect-ratio:1;margin:auto;position:relative;border:2px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 40%,#182a40,#09121f)}.hm-drawing::before{content:attr(data-progress);position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(4rem,11vw,10rem);font-weight:900;color:var(--accent)}.hm-drawing[data-motif=classic]::after{content:'Hangman';position:absolute;inset:auto 0 16px;text-align:center;color:var(--muted);font-weight:800}.hm-drawing[data-motif=snowman]::after{content:'☃';position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(7rem,16vw,14rem);opacity:var(--motif-opacity,.15)}.hm-drawing[data-motif=rocket]::after{content:'🚀';position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(7rem,16vw,14rem);opacity:var(--motif-opacity,.15)}.hm-drawing[data-motif=flower]::after{content:'🌻';position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(7rem,16vw,14rem);opacity:var(--motif-opacity,.15)}.hm-drawing[data-motif=treasure]::after{content:'🧰';position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(7rem,16vw,14rem);opacity:var(--motif-opacity,.15)}.hm-word{display:flex;flex-wrap:wrap;gap:.28em .4em;align-items:flex-end;justify-content:center;font-size:clamp(2rem,4.2vw,5.6rem);font-weight:900;line-height:1.25;letter-spacing:.04em}.hm-word .hm-letter{display:inline-grid;place-items:center;min-width:.78em;height:1.1em;border-bottom:.09em solid currentColor}.hm-word .hm-space{width:.65em}.hm-word .hm-punct{min-width:.35em}.hm-wrong{grid-column:2;font-size:1.35rem;color:#ff9a9f;text-align:center}.hm-turn{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding-top:15px;font-size:clamp(1.25rem,2vw,2rem);font-weight:850}.hm-score h2{margin:0}.hm-score .hm-table th,.hm-score .hm-table td{font-size:clamp(.95rem,1.25vw,1.25rem)}.hm-board-join{display:grid;grid-template-columns:auto 115px 1fr;align-items:center;gap:22px}.hm-board-join>div:first-child{display:grid}.hm-board-join strong{font-size:1.7rem}.hm-board-join canvas{width:110px!important;height:110px!important}.hm-board-join a{font-size:1.1rem}.hm-score-burst{color:var(--accent);font-weight:900}
.hm-mobile-body{min-height:100dvh}.hm-mobile{width:min(720px,calc(100% - 18px));margin:9px auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.hm-mobile .card{display:grid;gap:15px;padding:clamp(16px,4vw,25px)}.hm-mobile input{font:inherit;border:1px solid var(--line);border-radius:12px;background:#18273a;color:var(--text);padding:14px}.hm-mobile button{min-height:52px;font-weight:800}.hm-mobile [role=status]{min-height:1.3em;color:var(--accent);font-weight:750}.hm-mobile-head{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hm-mobile-head>div{display:grid;text-align:center;border:1px solid var(--line);border-radius:12px;padding:10px}.hm-mobile-head strong{font-size:1.5rem}.hm-word-mobile{font-size:clamp(1.55rem,8vw,3rem);padding:20px 0}.hm-my-turn{padding:14px;border:1px solid var(--line);border-radius:12px;text-align:center;font-weight:850}.hm-my-turn.is-mine{border-color:var(--accent);background:rgba(80,230,205,.1);font-size:1.25rem}.hm-mobile-hint{padding:12px;border-left:4px solid #ffd16b;background:#18273a}.hm-used{padding-top:12px;border-top:1px solid var(--line)}#hmGuessControls{display:grid;gap:14px}#hmGuessControls details{border:1px solid var(--line);border-radius:12px;padding:12px}#hmGuessControls details[open]{display:grid;gap:12px}#hmGuessControls summary{cursor:pointer;font-weight:800}
@media(max-width:1050px){.hm-settings-grid{grid-template-columns:repeat(2,1fr)}.hm-board-grid{grid-template-columns:1fr}.hm-puzzle{min-height:auto}.hm-session{grid-template-columns:auto auto 150px 1fr}.hm-session>button:last-child{grid-column:1/-1}.hm-session .qr-button{width:145px;height:145px}}
@media(max-width:650px){.hm-teacher,.hm-board{width:calc(100% - 12px);margin:6px auto}.hm-settings-grid{grid-template-columns:1fr}.hm-settings-grid fieldset{grid-column:auto}.hm-session{grid-template-columns:1fr 1fr}.hm-session .qr-button{grid-row:2;grid-column:1/-1;margin:auto}.hm-session>a{grid-column:1/-1;overflow-wrap:anywhere}.hm-controls,.hm-section-head,.hm-board-top{align-items:stretch;flex-direction:column}.hm-puzzle{grid-template-columns:1fr}.hm-drawing{width:min(80vw,320px)}.hm-word,.hm-wrong{grid-column:1}.hm-board-join{grid-template-columns:1fr;text-align:center}.hm-board-join canvas{margin:auto}.hm-mobile-head{grid-template-columns:1fr 1fr}.hm-mobile-head>div:last-child{grid-column:1/-1}}
.hm-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px}.hm-flow strong{color:var(--accent)}.hm-flow a{font-weight:800}
.hm-board{width:min(1900px,calc(100% - 32px))}.hm-board-grid{grid-template-columns:minmax(0,2.3fr) minmax(300px,1fr)}
.hm-puzzle{min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:145px minmax(210px,1fr) auto auto;gap:14px}
.hm-drawing{grid-column:1;width:140px;height:140px;aspect-ratio:auto;margin:0 auto;border:1px solid var(--line)}
.hm-drawing::before,.hm-drawing[data-motif=classic]::after{display:none}.hm-drawing svg{width:100%;height:100%}
.hm-drawing[data-motif=snowman]::after,.hm-drawing[data-motif=rocket]::after,.hm-drawing[data-motif=flower]::after,.hm-drawing[data-motif=treasure]::after{font-size:6rem}
.hm-puzzle .hm-word{grid-column:1;min-width:0;align-content:center;align-self:stretch;font-size:clamp(1.5rem,2.6vw,3.5rem);gap:.16em .28em;overflow-wrap:anywhere}
.hm-puzzle .hm-word .hm-letter{min-width:.65em}.hm-puzzle .hm-word .hm-space{width:.4em}
.hm-puzzle .hm-wrong{grid-column:1}.hm-puzzle .hm-turn{grid-column:1;font-size:clamp(1rem,1.6vw,1.45rem)}
.hm-board-join{padding:12px 18px;grid-template-columns:auto 80px minmax(0,1fr)}.hm-board-join canvas{width:76px!important;height:76px!important}.hm-board-join a{overflow-wrap:anywhere}
#hmBoardJoin[hidden]{display:none}
#hmGuessControls[hidden],#hmSolutionBox[hidden],#hmBuzz[hidden]{display:none!important}
#hmSolutionBox{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:12px}
#hmSolutionBox summary{cursor:pointer;font-weight:800}
#hmSolutionBox:not([open]){display:block}
#hmBuzz.hm-buzz{min-height:80px;font-size:1.45rem;background:#edb542;color:#111827;border:3px solid #ffe290;border-radius:18px}
@media(max-width:1050px){.hm-board-grid{grid-template-columns:1fr}.hm-score{min-height:0}.hm-flow{grid-template-columns:1fr}}
@media(max-width:650px){.hm-board{width:calc(100% - 12px)}.hm-board-join{grid-template-columns:1fr}.hm-board-join canvas{margin:auto}}
/* Die Projektionsfläche der Tafel nutzt das verfügbare Browserfenster. */
main.hm-board{display:block;width:calc(100vw - 24px);max-width:none;margin:12px auto}
#hmBoardGame{width:100%;min-height:calc(100dvh - 115px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
#hmBoardGame[hidden]{display:none}
#hmBoardGame .card{margin-bottom:0}
#hmBoardGame .hm-board-grid{min-width:0;min-height:calc(100dvh - 320px);grid-template-columns:minmax(0,2.4fr) minmax(320px,1fr);gap:12px}
#hmBoardGame .hm-puzzle{grid-template-rows:clamp(160px,22vh,250px) minmax(190px,1fr) auto auto;min-height:0}
#hmBoardGame .hm-drawing{width:clamp(150px,19vh,230px);height:clamp(150px,19vh,230px)}
#hmBoardGame .hm-word{font-size:clamp(1.7rem,2.75vw,3.8rem)}
#hmBoardGame .hm-score .hm-table th,#hmBoardGame .hm-score .hm-table td{font-size:clamp(1rem,1.25vw,1.4rem)}
@media(max-width:1050px){#hmBoardGame .hm-board-grid{grid-template-columns:1fr;min-height:0}#hmBoardGame .hm-puzzle{min-height:480px}}
@media(max-width:650px){main.hm-board{width:calc(100vw - 12px);margin:6px auto}#hmBoardGame{min-height:0}#hmBoardGame .hm-puzzle{min-height:410px}#hmBoardGame .hm-word{font-size:clamp(1.35rem,5vw,2.3rem)}}