:root{--grund: #14100d;--panel: #1d1814;--panel-rand: #2e2620;--schrift: #ece5dc;--schrift-leise: #9b8f83;--warm: #e8a24a;--warm-hell: #ffd9a0;--kalt: #4fd4c4;--kalt-hell: #a9f5ea;--rot: #e8503a;--reserviert: 178px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--grund);color:var(--schrift);font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none}#rahmen{min-height:100%;display:flex;flex-direction:column;gap:14px;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}#kopf{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}#kopf h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.22em;color:var(--kalt)}#kopf p{margin:0;font-size:.85rem;color:var(--schrift-leise)}#tisch{flex:1;display:grid;grid-template-columns:216px minmax(0,1fr) 190px;gap:14px;align-items:start}#brettkasten{display:flex;flex-direction:column;gap:8px;min-width:0}canvas#brett{display:block;width:100%;max-width:calc((100dvh - var(--reserviert)) * 2);margin-inline:auto;aspect-ratio:2 / 1;background:#0e0b09;border:1px solid var(--panel-rand);border-radius:6px;cursor:crosshair;touch-action:none}#hinweis{margin:0;font-size:.78rem;color:var(--schrift-leise);text-align:center}.panel{display:flex;flex-direction:column;gap:16px;background:var(--panel);border:1px solid var(--panel-rand);border-radius:8px;padding:14px}.panel h2{margin:0 0 8px;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--schrift-leise)}.wert{font-size:2.1rem;font-weight:700;line-height:1;color:var(--kalt);font-variant-numeric:tabular-nums}.wert.klein{font-size:1.4rem;color:var(--schrift)}.einheit{margin-top:3px;font-size:.72rem;color:var(--schrift-leise)}.lampe{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--schrift-leise)}.lampe .punkt{width:10px;height:10px;border-radius:50%;background:var(--rot);box-shadow:0 0 8px var(--rot);flex:none}.lampe.an{color:var(--kalt-hell)}.lampe.an .punkt{background:var(--kalt);box-shadow:0 0 10px var(--kalt)}.teilbild{display:grid;place-items:center;min-height:56px;background:#171310;border:1px solid var(--panel-rand);border-radius:6px;padding:8px}.teilbild.gross{min-height:80px}.reihe{display:flex;gap:6px}.reihe .teilbild{flex:1;min-height:44px;padding:5px}.teilbild canvas{display:block;max-width:100%;height:auto}.knoepfe{display:flex;flex-direction:column;gap:8px;margin-top:auto}.knopf{font:inherit;font-weight:600;font-size:.85rem;color:#14100d;background:var(--kalt);border:1px solid var(--kalt);border-radius:6px;padding:11px 12px;cursor:pointer;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}.knopf:hover{background:var(--kalt-hell);border-color:var(--kalt-hell)}.knopf:active{transform:translateY(1px)}.knopf.leise{background:transparent;color:var(--schrift);border-color:var(--panel-rand)}.knopf.leise:hover{border-color:var(--schrift-leise);background:#221c17}.knopf:disabled{opacity:.4;cursor:default;transform:none}.knopf:focus-visible,canvas#brett:focus-visible{outline:2px solid var(--warm);outline-offset:2px}kbd{font:inherit;font-size:.72em;font-weight:600;border:1px solid currentColor;border-radius:3px;padding:0 4px;opacity:.7}@media(max-width:1100px){:root{--reserviert: 292px}#kopf,#hinweis{display:none}#tisch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"links rechts" "brett brett"}#panelLinks{grid-area:links}#panelRechts{grid-area:rechts}#brettkasten{grid-area:brett}.panel{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px}.panel section{flex:1 1 82px}.panel h2{margin-bottom:5px}.teilbild,.teilbild.gross{min-height:48px;padding:6px}#groessenText{display:none}.wert{font-size:1.6rem}.knoepfe{flex-direction:row;margin-top:0;flex:2 1 220px}.knopf{padding:9px 10px}#kopf h1{font-size:1.2rem}}@media(max-height:620px){:root{--reserviert: 282px}#kopf,#hinweis{display:none}#rahmen,#tisch{gap:8px}.panel{padding:7px 10px;gap:10px}.panel h2{margin-bottom:3px}.teilbild,.teilbild.gross{min-height:38px;padding:4px}.wert{font-size:1.25rem}.knopf{padding:7px 10px;min-height:38px}}#leiste{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--panel-rand);border-radius:8px;padding:8px 14px}.leiste-links,.leiste-rechts{display:flex;align-items:center;gap:12px;flex:1 1 0;min-width:0}.leiste-rechts{justify-content:flex-end}.rundenzahl{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--schrift-leise);white-space:nowrap}.rundenzahl b{color:var(--schrift);font-size:.95rem}.phasenname{font-size:1rem;font-weight:600;color:var(--kalt);white-space:nowrap}#wertHinweis{font-size:.8rem;color:var(--schrift-leise);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uhr{font-size:1.9rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--schrift);min-width:2.4ch;text-align:center}.uhr.knapp{color:var(--rot);animation:pochen 1s steps(2,end) infinite}@keyframes pochen{50%{opacity:.45}}.knopf.schmal{width:auto;min-height:34px;padding:6px 14px;flex:none}body[data-phase=kampf] #knopfFertig,body[data-phase=ende] #knopfFertig,.nurBauen,.nurBewaffnen,.nurKampf,.nurWaffen{display:none}body[data-phase=bauen] .nurBauen,body[data-phase=bewaffnen] .nurBewaffnen,body[data-phase=kampf] .nurKampf,body[data-phase=bewaffnen] .nurWaffen,body[data-phase=kampf] .nurWaffen{display:revert}body[data-phase=bauen] button.nurBauen{display:flex}.wahl{display:flex;flex-direction:column;gap:8px}.wahl .knopf{flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:8px 12px}.wahl .knopf b{font-size:.86rem}.wahl .knopf em{font-style:normal;font-size:.71rem;line-height:1.25;color:var(--schrift-leise);display:flex;gap:6px;align-items:baseline;width:100%}.wahl .knopf em [data-rolle=text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wahl .knopf.gewaehlt{border-color:var(--kalt);background:#4fd4c41f}.wahl .knopf.gewaehlt em{color:var(--kalt-hell)}.wahl .knopf.leer{opacity:.45}.wahl .knopf kbd{margin-left:4px}#schluss{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0806db;padding:20px;z-index:10}#schluss[hidden]{display:none}.schlusskarte{background:var(--panel);border:1px solid var(--panel-rand);border-radius:12px;padding:26px 30px;max-width:420px;display:flex;flex-direction:column;gap:12px;text-align:center}.schlusskarte .etikett{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rot)}.schlusskarte h2{margin:0;font-size:1.5rem;color:var(--schrift)}.schlusskarte p{margin:0;font-size:.9rem;line-height:1.5;color:var(--schrift-leise)}.schlusszahlen{display:flex;justify-content:center;gap:30px;margin:6px 0 2px}.schlusszahlen div{display:flex;flex-direction:column;gap:2px}.schlusszahlen b{font-size:1.9rem;line-height:1;color:var(--kalt);font-variant-numeric:tabular-nums}.schlusszahlen span{font-size:.7rem;color:var(--schrift-leise)}.groessen{display:flex;gap:5px}.knopf.winzig{min-height:30px;padding:5px 4px;font-size:.74rem;flex:1}.knopf.winzig.gewaehlt{border-color:var(--kalt);color:var(--kalt-hell);background:#4fd4c41f}#groessenText{margin-top:5px;margin-bottom:7px;font-variant-numeric:tabular-nums}body[data-phase=bauen] .leiste-rechts button.nurBauen{display:flex}#brettkasten{position:relative}#ansage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a08068c;border-radius:6px;cursor:pointer;animation:einblenden .18s ease-out}#ansage[hidden]{display:none}@keyframes einblenden{0%{opacity:0}}.ansagekarte{background:var(--panel);border:1px solid var(--kalt);border-radius:10px;padding:20px 28px;max-width:30rem;text-align:center;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 40px -12px #000c}.ansagekarte .etikett{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--schrift-leise)}.ansagekarte h2{margin:0;font-size:1.4rem;line-height:1.15;color:var(--kalt)}.ansagekarte p{margin:0;font-size:.9rem;line-height:1.5;color:var(--schrift)}.ansagebalken{height:3px;background:var(--panel-rand);border-radius:2px;overflow:hidden;margin-top:4px}.ansagebalken span{display:block;height:100%;width:100%;background:var(--kalt);transform-origin:left}.ansagefuss{font-size:.7rem;color:var(--schrift-leise)}#pausenfenster{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0806e6;padding:20px;z-index:20;overflow:auto}#pausenfenster[hidden]{display:none}.schlusskarte.breit{max-width:540px;text-align:left}.schlusskarte.breit .etikett,.schlusskarte.breit h2{text-align:center}.schlusskarte.breit .etikett{color:var(--kalt)}ol.anleitung{margin:4px 0 0;padding-left:1.3em;display:flex;flex-direction:column;gap:9px}ol.anleitung li{font-size:.88rem;line-height:1.5;color:var(--schrift-leise)}ol.anleitung b{color:var(--schrift)}ol.anleitung em{font-style:normal;color:var(--kalt-hell)}.tasten{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:.76rem;color:var(--schrift-leise);padding-top:6px;border-top:1px solid var(--panel-rand);margin-top:4px}.tasten kbd{margin-right:3px}body[data-phase=ende] #knopfPause{display:none}#knopfTon{min-width:40px;padding:6px 8px;font-size:.95rem}.wahl .knopf{padding:6px 9px}.wahl .knopf b{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:100%}.wname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wahl .knopf kbd{margin-left:0;flex:none}.preis{font-size:.74rem;font-weight:600;color:var(--warm);font-variant-numeric:tabular-nums;white-space:nowrap}.wahl .knopf em .preis{flex:none}.knopf.gewaehlt .preis{color:var(--warm-hell)}.wahl .knopf.zuteuer{opacity:.35}#tagesteil .knopf{background:var(--warm);border-color:var(--warm);color:#14100d}#tagesteil .knopf:hover{background:var(--warm-hell);border-color:var(--warm-hell)}#tagesteil .knopf:disabled{background:transparent;color:var(--schrift-leise);border-color:var(--panel-rand)}#tagAbschluss{display:flex;flex-direction:column;gap:10px;padding-top:10px;margin-top:4px;border-top:1px solid var(--panel-rand);text-align:left}#tagAbschluss[hidden]{display:none}#tagAbschluss .etikett{color:var(--warm);text-align:center}.namenszeile{display:flex;gap:8px}.namenszeile input{flex:1;min-width:0;font:inherit;font-size:.9rem;color:var(--schrift);background:#171310;border:1px solid var(--panel-rand);border-radius:6px;padding:9px 11px}.namenszeile input:focus-visible{outline:2px solid var(--kalt);outline-offset:1px}.namenszeile .knopf{width:auto;flex:none;padding:9px 16px}.tagHinweis{margin:0;font-size:.8rem;line-height:1.45;color:var(--schrift-leise);text-align:center}.tagHinweis a{color:var(--kalt)}ol.bestenliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:30vh;overflow-y:auto}ol.bestenliste li{display:flex;align-items:baseline;gap:10px;font-size:.85rem;padding:4px 8px;border-radius:4px;color:var(--schrift-leise)}ol.bestenliste li:nth-child(odd){background:#ffffff08}ol.bestenliste li.ich{background:#4fd4c424;color:var(--schrift)}.bl-platz{width:2.2ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--schrift-leise)}.bl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--schrift)}.bl-wellen{font-size:.76rem}.bl-punkte{font-weight:600;color:var(--kalt);font-variant-numeric:tabular-nums}body.tagesmodus #groessenwahl,body.tagesmodus #groessenText{display:none}.werkzeuge{display:grid;grid-template-columns:1fr 1fr;gap:5px}.werkzeuge .knopf{justify-content:space-between;gap:5px}.werkzeuge .knopf .preis{min-width:0}body.werkzeug-aktiv .nurWaffen{opacity:.4;pointer-events:none}.schlusszahlen .rekord b{color:var(--warm-hell)}.schlusszahlen .rekord span:after{content:" — neu!";color:var(--warm)}