:root{--color-gold:#c6a86b;--color-petrol:#3e5c63;--color-sage:#7a8f7c;--color-text:#1f2430;--color-text-secondary:#3e5c63;--color-text-weak:#6e7378;--color-text-weaker:#b5b5b5;--color-bg:#f6f4ef;--color-card:#fff;--color-border:#eae6df;--color-tint:#f2f0ea;--color-success:#4f7f5f;--color-warning:#c6a86b;--color-error:#b94a48;--color-info:#3e5c63;--color-neutral:#8c8c8c;--color-terracotta:#c15a3e;--color-player-bg:#1f2430;--color-player-surface:#151923;--color-player-text:#f6f4ef;--font-heading:"Cormorant Garamond", serif;--font-body:"Nunito Sans", sans-serif;--font-size-body:16px;--font-size-h1:34px;--font-size-h2:26px;--font-size-quote:22px;--font-size-eyebrow:11px;--eyebrow-letter-spacing:2.2px;--radius-card:16px;--radius-button:12px;--radius-pill:100px;--progress-height:6px;--divider-width:1px;--page-padding:24px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-body);--stage-height:min(74vh, 820px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:600}main{padding:var(--page-padding)}.content-narrow{max-width:900px;margin:0 auto}.content-wide{max-width:1200px;margin:0 auto}.spielraum{flex-direction:column;gap:20px;display:flex}.spielraum-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.moderator-toolbar{flex-wrap:wrap;gap:8px;display:flex}.mode-switch{align-self:flex-start;gap:8px;display:flex}.mode-switch-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;padding:6px 16px}.mode-switch-btn--active{border-color:var(--color-petrol);background:var(--color-petrol);color:var(--color-bg);font-weight:600}.spielraum-stage{gap:20px;display:grid}.stage-board{grid-area:board;min-width:0;min-height:0}.stage-meet{grid-area:meet;min-width:0;min-height:0}.stage-zug{grid-area:zug;min-width:0;min-height:0}.stage-verlauf{grid-area:verlauf;min-width:0;min-height:0}.spielraum-stage.mode-board,.spielraum-stage.mode-meet{height:var(--stage-height);grid-template-columns:3fr 1fr}.spielraum-stage.mode-board{grid-template-areas:"board meet""board zug""board verlauf"}.spielraum-stage.mode-meet{grid-template-areas:"meet board""meet zug""meet verlauf"}.spielraum-stage.mode-board.open-zug,.spielraum-stage.mode-meet.open-zug{grid-template-rows:auto 1fr auto}.spielraum-stage.mode-board.open-verlauf,.spielraum-stage.mode-meet.open-verlauf{grid-template-rows:auto auto 1fr}.spielraum-stage.mode-dina{grid-template-columns:2fr 1fr;grid-template-areas:"meet zug""board verlauf"}@media (width<=720px){.spielraum-stage.mode-board,.spielraum-stage.mode-meet,.spielraum-stage.mode-dina{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"board""zug""meet""verlauf";height:auto}}.meet-panel{background:var(--color-tint);border:1px solid var(--color-border);border-radius:var(--radius-card);aspect-ratio:16/9;flex-direction:column;justify-content:center;gap:8px;max-height:100%;margin:0 auto;padding:16px 20px;display:flex}.stage-zug .accordion-card,.stage-verlauf .accordion-card,.stage-zug .tile-card{flex-direction:column;height:100%;min-height:0;display:flex}.stage-zug .accordion-body,.stage-verlauf .accordion-body,.tile-body{flex:1;min-height:0;overflow-y:auto}.tile-heading{margin:0;padding:16px 20px;font-size:1.15em}.zug-actions{flex-direction:column;gap:16px;margin-top:12px;display:flex}.zug-actions h3{margin:0 0 8px;font-size:1em}.zug-moderation--minimal{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;height:100%;display:flex}.field-card-finder{text-align:left;flex:1;width:100%;overflow-y:auto}.field-card-finder h3{margin:0 0 8px}.field-deck-list{flex-direction:column;gap:8px;display:flex}.field-deck-row{border:1px solid var(--color-border);border-radius:var(--radius-button);overflow:hidden}.field-deck-row .accordion-trigger{padding:10px 14px;font-size:1em}.field-deck-body{flex-direction:column;gap:8px;padding:0 14px 14px;display:flex}.end-turn-button{border-radius:var(--radius-button);background:var(--color-gold);width:100%;max-width:220px;color:var(--color-text);cursor:pointer;border:none;padding:10px 18px;font-size:.95em;font-weight:700;display:block;box-shadow:0 2px 8px #0000001f}.end-turn-button:disabled{opacity:.6;cursor:default}.end-turn-confirm{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.end-turn-confirm-question{font-family:var(--font-heading);margin:0;font-size:1.15em;font-weight:600}.end-turn-confirm-actions{gap:8px;width:100%;max-width:260px;display:flex}.end-turn-confirm-actions .end-turn-button,.end-turn-confirm-actions .secondary-button{flex:1;width:auto;max-width:none}.secondary-button{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;padding:10px 18px;font-size:.9em;font-weight:600}@media (width<=480px){.end-turn-confirm-actions{flex-direction:column}}.turn-marker{margin-right:4px}.board-viewport{border:1px solid var(--color-border);border-radius:var(--radius-card);touch-action:none;cursor:grab;background:var(--color-tint);width:100%;min-width:0;height:var(--stage-height);position:relative;overflow:hidden}.board-viewport:active{cursor:grabbing}.board-viewport--compact{height:160px}.board-viewport--empty{aspect-ratio:4/3;text-align:center;height:auto;color:var(--color-text-weak);cursor:default;justify-content:center;align-items:center;padding:16px;display:flex}.board-controls{z-index:1;gap:4px;display:flex;position:absolute;top:8px;right:8px}.board-controls button{border:1px solid var(--color-border);background:var(--color-card);width:28px;height:28px;color:var(--color-text);cursor:pointer;border-radius:50%;padding:0;font-size:1em;line-height:1}.board{transform-origin:0 0;width:100%;position:relative}.board-segment{pointer-events:none;width:100%;height:auto;display:block}.view-mode-toggle{margin-bottom:8px}.required-roll-input{width:90px}.board-field-mapper{white-space:normal;min-width:0}.field-mapper-image-wrap{transform-origin:0 0;touch-action:none;cursor:crosshair;width:100%;min-width:0;position:relative}.field-mapper-image{pointer-events:none;width:100%;height:auto;display:block}.board-field-marker{cursor:grab;touch-action:none;background:#fff;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0006}.board-field-marker--active{outline-offset:3px;outline:4px solid #39ff14;box-shadow:0 0 14px 4px #39ff14bf}.board-field-marker--neutral{border:2px dashed var(--color-petrol);box-shadow:none;background:0 0}.field-mapper-edit-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);flex-direction:column;gap:10px;margin-top:12px;padding:12px 16px;display:flex}.field-mapper-edit-panel label{flex-direction:column;gap:4px;font-size:.9em;display:flex}.is-selected-row td{background:var(--color-tint);box-shadow:inset 4px 0 #39ff14}.field-order-cell{align-items:center;gap:6px;display:inline-flex}.field-drag-handle{cursor:grab;color:var(--color-text-weak);-webkit-user-select:none;user-select:none;font-size:1.1em;line-height:1}.field-drag-handle:active{cursor:grabbing}.is-drag-over-row td{box-shadow:inset 0 2px 0 var(--color-gold)}.is-dragging-row{opacity:.5;background:var(--color-tint)}.piece{border:2px solid var(--color-card);cursor:grab;touch-action:none;border-radius:50%;width:36px;height:36px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000059}.piece--square{border-radius:6px}.piece--hexagon{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0% 50%);border-radius:0}.piece:active{cursor:grabbing}.dice-buttons{gap:8px;display:flex}.dice-buttons button{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:8px 16px}.dice-buttons button:disabled{opacity:.5;cursor:default}.dice-log{color:var(--color-text-weak);margin:12px 0 0;padding:0;font-size:.9em;list-style:none}.error{color:var(--color-error)}.success{color:var(--color-success)}.deck-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deck-picker input,.deck-picker select,.deck-picker button{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);padding:8px 12px}.deck-picker select,.deck-picker button{cursor:pointer}.deck-picker button:disabled{opacity:.5;cursor:default}.draw-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.draw-item{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);padding:10px 12px}.draw-meta{color:var(--color-text-weak);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8em}.draw-content{margin:0}.draw-image{border-radius:var(--radius-button);max-width:100%}.editor-sections{flex-direction:column;gap:20px;display:flex}.editor-sections .accordion-trigger h2{font:inherit;margin:0}.editor-sections .accordion-body h3{margin:20px 0 8px}.editor-sections .deck-picker input,.editor-sections .deck-picker select,.editor-sections .deck-picker button{padding:10px 16px}.editor-sections .deck-table td{padding:14px 16px}.editor-sections .deck-table thead tr:first-child th{padding:6px 16px 10px}.moderation-panel input{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:8px 12px}.moderation-panel input[type=number]{-moz-appearance:textfield;width:4.5em}.moderation-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.moderation-panel input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.table-scroll{margin:8px 0 16px;overflow-x:auto}.deck-table{border-collapse:collapse;width:100%;font-size:.92em}.segments-table{table-layout:fixed}.segments-table th:first-child,.segments-table td:first-child:not([colspan]){white-space:normal;width:40%}.segments-table th:nth-child(2),.segments-table td:nth-child(2):not([colspan]),.segments-table th:nth-child(3),.segments-table td:nth-child(3):not([colspan]){width:10%}.segments-table th:nth-child(4),.segments-table td:nth-child(4):not([colspan]){width:25%}.segments-table th:nth-child(5),.segments-table td:nth-child(5):not([colspan]){width:15%}.deck-table th,.deck-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:8px 12px}.deck-table th{color:var(--color-text-weak);text-transform:uppercase;letter-spacing:.04em;padding:0;font-size:.8em;font-weight:600}.table-filter-row th{text-transform:none;vertical-align:middle;padding:6px 12px;font-weight:400}.table-filter-row input,.table-filter-row select{width:auto;min-width:0;max-width:100%;margin:0;padding:5px 8px;font-size:1em;display:block}.table-filter-row .filter-wide{width:100%}.setup-back-row{justify-content:flex-end;display:flex}.games-overview .hint{margin-bottom:16px}.games-overview .deck-picker input,.games-overview .deck-picker select,.games-overview .deck-picker button{padding:10px 16px}.games-overview-table td{padding:14px 16px}.games-overview-table thead tr:first-child th{padding:6px 16px 10px}.template-id-cell{align-items:center;gap:8px;display:inline-flex}.template-id{color:var(--color-text-weak);white-space:nowrap;font-family:monospace;font-size:.8em}.field-card-view{background:var(--color-card);border:2px solid var(--color-gold);border-radius:var(--radius-card);padding:18px 20px;box-shadow:0 4px 14px #0000001a}.field-card-view--framed{background-color:var(--color-card);background-position:50%;background-size:cover;border:none;padding:0;overflow:hidden}.field-card-view--framed .field-card-view-content{color:#fff;box-sizing:border-box;background:linear-gradient(#0000,#00000047 40%,#000000b8);flex-direction:column;justify-content:flex-end;min-height:100%;padding:18px 20px;display:flex}.field-card-view--framed .field-card-number{color:var(--color-gold)}.field-card-number{font-size:var(--font-size-eyebrow);text-transform:uppercase;letter-spacing:var(--eyebrow-letter-spacing);color:var(--color-gold);margin:0 0 4px;font-weight:700}.field-card-title{margin:0 0 8px;font-size:1.2em}.field-card-body{color:var(--color-text);white-space:pre-wrap;margin:0}.kind-tags{flex-wrap:wrap;gap:4px;display:flex}.kind-tag{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-weak);cursor:pointer;white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:.8em}.kind-tag--active{border-color:var(--color-petrol);background:var(--color-card);color:var(--color-text);font-weight:600}.deck-table td button:not(.kind-tag):not(.link-btn),button.gold-button{border-radius:var(--radius-button);background:var(--color-gold);color:var(--color-text);font-family:var(--font-body);cursor:pointer;border:none;padding:4px 10px;font-size:.85em;font-weight:600}.deck-table td button:not(.kind-tag):not(.link-btn):disabled,button.gold-button:disabled{opacity:.5;cursor:default}.sort-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px}.mod-list{flex-direction:column;gap:6px;margin:8px 0 16px;padding:0;list-style:none;display:flex}.mod-list li{align-items:center;gap:8px;display:flex}.mod-list button{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;margin-left:auto;padding:4px 10px}.mod-list button:disabled{opacity:.5;cursor:default}.mod-list-item-wrap{flex-direction:column;align-items:stretch}.mod-list-item-row{align-items:center;gap:8px;display:flex}.progress-bar{border-radius:var(--radius-pill);background:var(--color-border);height:4px;margin-top:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-pill);background:var(--color-gold);width:40%;height:100%;animation:1.1s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.hint{color:var(--color-text-weak);margin:4px 0 8px;font-size:.85em}.piece-swatch{border-radius:50%;width:14px;height:14px;display:inline-block}textarea,select{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);resize:vertical;width:100%;padding:8px 12px}input[type=text]{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-family:var(--font-body)}.eyebrow{font-size:var(--font-size-eyebrow);text-transform:uppercase;letter-spacing:var(--eyebrow-letter-spacing);color:var(--color-text-weak);margin:0 0 4px}.ankommen-header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.ankommen-cover{object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--color-border);flex:none;width:96px;height:96px}.ankommen-status{color:var(--color-petrol);margin:4px 0;font-size:1.05em}.ankommen-participants{flex-wrap:wrap;gap:10px;margin:20px 0;padding:0;list-style:none;display:flex}.ankommen-participants li{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card);align-items:center;gap:6px;padding:4px 12px;font-size:.9em;display:flex}.ankommen-participants li.is-offline{opacity:.55}.presence-dot{background:var(--color-neutral);border-radius:50%;width:8px;height:8px}.is-online .presence-dot{background:var(--color-success)}.accordion{flex-direction:column;gap:12px;margin:20px 0;display:flex}.accordion-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.accordion-trigger{width:100%;font-family:var(--font-heading);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.15em;font-weight:600;display:flex}.accordion-body{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.swatch-row,.shape-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0}.swatch--active{border-color:var(--color-text)}.shape-option{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:6px 14px}.shape-option--active{border-color:var(--color-gold);background:var(--color-gold);font-weight:600}.piece-preview{align-items:center;gap:10px;display:flex}.language-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.piece-shape{border:2px solid var(--color-card);width:36px;height:36px;display:inline-block;box-shadow:0 2px 6px #00000040}.piece-shape--circle{border-radius:50%}.piece-shape--square{border-radius:6px}.piece-shape--hexagon{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0% 50%)}.status-pill{border-radius:var(--radius-pill);background:var(--color-tint);color:var(--color-petrol);align-self:flex-start;padding:4px 14px;font-size:.85em;font-weight:600;display:inline-block}.question-step-label{font-family:var(--font-heading);margin:0;font-size:1.1em}.video-placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-button);text-align:center;color:var(--color-text-weak);background:var(--color-tint);padding:32px 16px}.meet-button{border-radius:var(--radius-button);background:var(--color-petrol);color:var(--color-bg);align-self:flex-start;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-block}.participants-widget{z-index:10;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.participants-toggle{background:var(--color-petrol);width:44px;height:44px;color:var(--color-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000040}.participants-popover{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:220px;padding:16px 20px;box-shadow:0 8px 24px #0000002e}.participants-popover h3{margin:0 0 8px}.participants-popover .participants-list{flex-direction:column;align-items:stretch;max-width:280px}.participants-popover .participants-list li{flex-wrap:wrap;justify-content:flex-start}.participant-name{flex:1}.participant-edit{flex:1;align-items:center;gap:6px;display:flex}.participant-edit input{flex:1;padding:4px 8px}.link-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:6px;padding:3px 9px;font-size:.85em}.participant-avatar{background:var(--color-petrol);width:22px;height:22px;color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;font-size:.7em;font-weight:700;display:inline-flex}.ankommen-moderation{border-top:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px;padding-top:16px;display:flex}.moderator-setup .ankommen-moderation{border-top:none;margin-top:0;margin-bottom:24px;padding-top:0}.editor-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.editor-header h1{margin:0}