.be{gap:24px}.be>*{min-width:0}.be-lead{max-width:62ch;margin:8px 0 0}.be-warnung{box-shadow:inset 3px 0 0 var(--fehler)}.be-stand{display:grid;gap:8px}.be-zeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0}.be-zeile b{font-size:15px;font-weight:600}.be-balken{height:8px}.be-balken i{width:0}.be kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);color:var(--text2);font:600 12px/1 var(--mono)}.be button kbd{margin-left:4px}.be button.voll kbd{background:transparent;border-color:currentColor;color:inherit}.be-karte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:24px 40px;align-items:start}.be-links,.be-rechts{display:grid;gap:24px;min-width:0}.be-track{display:grid;gap:4px;min-width:0}.be-track p{margin:0}.be-name{font-size:28px;line-height:1.15;overflow-wrap:anywhere}.be-name:focus{outline:none}.be-name:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.be-artist{overflow-wrap:anywhere}.be-spielen{display:flex;flex-wrap:wrap;gap:8px}.be-spielen button{min-height:48px}.be-play{min-width:144px}.be-play-zeichen{display:inline-block;width:16px;text-align:center}.be-hinweis{margin:0}.be-hinweis:empty{display:none}.be-feld{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}.be-feld>legend{padding:0;margin:0 0 8px;font:600 12px/16px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.be-feld>p{margin:0}.be input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.be-rad{position:relative;width:min(304px,100%);aspect-ratio:1;margin:8px auto 0;border-radius:50%;border:1px solid var(--linie);background:var(--flaeche2)}.be-ton-wahl{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;gap:2px;width:52px;height:52px;border:1px solid var(--linie);border-radius:50%;background:var(--flaeche);color:var(--text);cursor:pointer;text-align:center}.be-ton-wahl:hover{border-color:var(--text2)}.be-ton-n{font:600 13px/1 var(--sans);white-space:nowrap}.be-ton-ok{font-size:11px;line-height:1;color:var(--text2)}.be-ton-mitte{left:50%;top:50%;width:96px;height:96px;padding:8px}.be-ton-mitte .be-ton-n{white-space:normal;font-weight:500;color:var(--text2)}.be-ton-wahl:has(input:checked){background:var(--text);border:2px solid var(--text);color:var(--grund)}.be-ton-wahl:has(input:checked) .be-ton-ok,.be-ton-wahl:has(input:checked) .be-ton-n{color:var(--grund)}.be-ton-wahl:has(input:focus-visible){outline:3px solid var(--akzent);outline-offset:2px}.be-r0{left:50%;top:10.5%}.be-r1{left:69.75%;top:15.79%}.be-r2{left:84.21%;top:30.25%}.be-r3{left:89.5%;top:50%}.be-r4{left:84.21%;top:69.75%}.be-r5{left:69.75%;top:84.21%}.be-r6{left:50%;top:89.5%}.be-r7{left:30.25%;top:84.21%}.be-r8{left:15.79%;top:69.75%}.be-r9{left:10.5%;top:50%}.be-r10{left:15.79%;top:30.25%}.be-r11{left:30.25%;top:15.79%}.be-muster-liste,.be-stapel{display:grid;gap:8px}.be-wahl{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1px solid var(--linie);border-radius:12px;background:var(--flaeche);cursor:pointer;min-width:0}.be-wahl:hover{border-color:var(--text2)}.be-wahl:has(input:checked){border:2px solid var(--akzent);padding:7px 11px;background:var(--flaeche2)}.be-wahl:has(input:focus-visible){outline:3px solid var(--akzent);outline-offset:2px}.be-wahl-text{display:grid;gap:2px;min-width:0;flex:1 1 auto}.be-wahl-text b{font-weight:600;font-size:15px;line-height:20px}.be-wahl-text .klein{line-height:16px;overflow-wrap:anywhere}.be-wahl:not(.be-muster-wahl):has(input:checked):after{content:"✓";flex:none;font:700 16px/1 var(--sans);color:var(--text)}.be-muster-wahl:has(input:checked) kbd{background:var(--text);border-color:var(--text);color:var(--grund)}.be-bild{display:inline-flex;align-items:center;gap:2px;flex:none}.be-bild i{display:block;width:8px;height:16px;border:1px solid var(--linie);border-radius:2px;background:transparent}.be-bild i.k{border:2px solid var(--text2)}.be-bild i.an{background:var(--akzent);border-color:var(--akzent)}.be-bild i.an.k{border-color:var(--text)}.be-bild i.h{border-radius:0}.be-bild i.h+i.h{margin-left:-2px;width:10px}.be-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.be-reihe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}.be-zwei>.be-feld{align-content:start}.be-reihe .be-wahl-text{grid-template-columns:minmax(0,1fr);align-items:center}.be-strich{display:block;height:4px;border-radius:2px;background:var(--text2)}.be-laenge-kurz .be-strich{width:12px}.be-laenge-lang .be-strich{width:48px}.be-notiz{display:grid;gap:8px}.be-notiz label{font-weight:500}.be-notiz p{margin:0}.be-notiz textarea{width:100%;min-height:72px;resize:vertical;font:14px/1.5 var(--sans);color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:9px 12px}.be-schritte{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--linie);padding-top:16px}.be-schritte button{min-height:48px}.be-schritte button:disabled{opacity:.45;cursor:default}.be-status{margin:0;flex:1 1 auto;text-align:center;min-width:0}.be-alle .be-uebersicht{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.be-punkt{width:100%;min-width:44px;min-height:44px;padding:0;font:500 13px/1 var(--mono);color:var(--text2)}.be-punkt.fertig{background:var(--flaeche2);border-color:var(--text2);color:var(--text)}.be-punkt.fertig:after{content:"✓";font-size:11px}.be-punkt[aria-current]{border:2px solid var(--akzent);color:var(--text)}.be-fuss{display:grid;gap:8px}.be-fuss p{margin:0}.be-fuss .knopf,.be .aufklapp>summary{min-height:48px}.be-tasten{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 24px;margin:0}.be-tasten div{display:flex;align-items:center;gap:12px}.be-tasten dd{margin:0;color:var(--text2);font-size:14px}@media(max-width:900px){.be-karte{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.be-zwei{grid-template-columns:minmax(0,1fr)}.be-bild i{width:6px}.be-bild i.h+i.h{width:8px}.be-name{font-size:24px}.be-schritte{flex-wrap:wrap}.be-status{order:3;flex-basis:100%;text-align:left}.be-schritte button{flex:1 1 0}}@media(pointer:coarse){.be-spielen kbd,.be-schritte kbd{display:none}}@media(forced-colors:active){.be-ton-wahl:has(input:checked),.be-muster-wahl:has(input:checked) kbd{forced-color-adjust:none;background:Highlight;color:HighlightText}.be-bild i.an{background:CanvasText}.be-wahl:has(input:checked){border-color:Highlight}}
