.compound-game{--ink:#172b28;--muted:#52665f;--accent:#086b62;--line:#ccd9d3;max-width:980px;margin:2.4rem auto;padding:0 1.4rem;color:var(--ink);font-size:1.05rem;line-height:1.6}
.compound-game *{box-sizing:border-box}.compound-game ::selection{background:#b9e9df;color:var(--ink)}.compound-game :focus-visible{outline:3px solid #ab5200;outline-offset:4px}.compound-game a{color:var(--accent);text-underline-offset:3px}.compound-game h1{font-size:clamp(2.3rem,6vw,3.6rem);font-weight:780;letter-spacing:-.025em;line-height:1.12;margin:.8rem 0}.compound-game h2{font-size:1.6rem;line-height:1.25;margin:2rem 0 .8rem}.compound-game h3{font-size:1.2rem;margin:1.5rem 0 .6rem}.compound-game p{max-width:70ch}.compound-game .game-heading>p{font-size:1.2rem;color:var(--muted);margin-bottom:2rem}.compound-game input,.compound-game select,.compound-game textarea,.compound-game button{font:inherit}.compound-game input,.compound-game select,.compound-game textarea{width:100%;min-height:48px;border:1px solid #849e94;border-radius:8px;background:#fff;padding:.65rem .8rem;color:var(--ink);caret-color:var(--accent)}.compound-game input::placeholder{color:#596d64}.compound-game label{display:block;font-weight:650;margin:.7rem 0 .3rem}.compound-game .player-field{max-width:26rem;margin:1.5rem 0 2rem}.compound-game input[readonly]{background:#f0f5f2}.compound-game button,.compound-game .action-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.1rem;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:650;cursor:pointer}.compound-game button:hover{background:#075049}.compound-game button.secondary,.compound-game .action-link.secondary{background:#fff;color:var(--accent);border-color:#8ea99f}.compound-game button.secondary:hover,.compound-game .action-link.secondary:hover{background:#edf5f0}.compound-game button:disabled{opacity:.58;cursor:not-allowed}.compound-game .actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.compound-game .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.compound-game .muted,.compound-game small{color:var(--muted)}.compound-game small{display:block;font-size:.9rem}.compound-game .reveal{padding:1.25rem 1.5rem;background:#e5f3eb;border-radius:12px;margin:1.5rem 0}.compound-game .reveal>h2,.compound-game .reveal>h3{margin-top:0}.compound-game .status-line{font-size:1.15rem;font-weight:650;font-variant-numeric:tabular-nums}.compound-game #game-status{color:#874000;margin:.8rem 0;scroll-margin-top:2rem}.compound-game #game-status:empty{margin:0}.compound-game .word-form{max-width:38rem}.compound-game .term-list{padding-left:1.5rem}.compound-game .term-list li{padding:.4rem 0;overflow-wrap:anywhere}.compound-game #room-tools{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:.5rem}.compound-game #share-link{font-size:.92rem}.compound-game details{margin:1.4rem 0}.compound-game summary{color:var(--accent);font-weight:650;cursor:pointer}.compound-game .game-footnote{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}.compound-game [hidden]{display:none!important}.compound-game fieldset{border:1px solid var(--line);padding:1rem;border-radius:8px;margin:1rem 0}.compound-game legend{font-weight:650;padding:0 .4rem}.compound-game .board{overflow-x:auto;max-width:100%;margin:1.3rem 0;scrollbar-color:#799c8f #e8f1eb;scrollbar-width:thin}.compound-game .board svg{display:block;width:100%;min-width:650px;background:#f4f8f5;border-radius:12px}.compound-game .map-node rect{fill:#fff;stroke:#78978a;stroke-width:1.5}.compound-game .map-node text{font-size:17px;font-weight:650;text-anchor:middle;fill:var(--ink)}.compound-game .map-edge line{stroke:#7d9a8e;stroke-width:2.5}.compound-game .map-edge.invalid line{stroke:#ab5200;stroke-dasharray:7 5}.compound-game .edge-label{font-size:13px;text-anchor:middle;fill:#304d41;paint-order:stroke;stroke:#f4f8f5;stroke-width:5px;stroke-linejoin:round}.compound-game .map-face{fill:#e7eeeb;stroke:none}.compound-game .map-face.claimed{fill:#c5dfd1}.compound-game .needs-refresh{outline:2px solid #ab5200}.compound-game table{width:100%;border-collapse:collapse}.compound-game th,.compound-game td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line)}.compound-game ul,.compound-game ol{max-width:75ch}.compound-game button[aria-pressed=true]{background:#064d43;color:white}.compound-game pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.compound-game{margin-top:1.3rem;padding:0 1rem}.compound-game .fields{grid-template-columns:1fr}.compound-game .actions>*{flex:1 1 auto}.compound-game .player-field{max-width:none}.compound-game .reveal{padding:1rem}.compound-game h2{font-size:1.4rem}.compound-game .board::after{content:'Das Netz lässt sich seitlich verschieben.';display:block;font-size:.85rem;color:var(--muted);margin-top:.4rem}}
@media(prefers-reduced-motion:no-preference){.compound-game .reveal{animation:compound-reveal .3s ease-out}@keyframes compound-reveal{from{clip-path:inset(0 0 65% 0)}to{clip-path:inset(0)}}}

.compound-game .compact-board::after{display:none}
.compound-game p,.compound-game #game-status,.compound-game .status-line,.compound-game .blind-feedback{overflow-wrap:anywhere}
.compound-game h2[tabindex="-1"]{scroll-margin-top:1rem}