.compound-game[data-game=wortwelten]{max-width:880px;--ww-open:#914619;--ww-paper:#f4f8f5;scrollbar-color:#799c8f #e8f1eb}
.compound-game[data-game=wortwelten] .player-field{margin:.8rem 0 1.5rem;font-size:.92rem}
.compound-game[data-game=wortwelten] .game-heading>p{display:none}
.compound-game[data-game=wortwelten] .game-heading h1{font-size:2.3rem;margin:.5rem 0}
.compound-game[data-game=wortwelten] h2{margin-top:1.4rem;text-wrap:balance}
.ww-steps{display:flex;gap:.7rem 1.5rem;flex-wrap:wrap;list-style-position:inside;padding:0;margin:1.2rem 0 2rem;color:var(--muted);font-size:.9rem}
.ww-steps [aria-current=step]{color:var(--accent);font-weight:750}
.ww-clues{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.6rem;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700}
.ww-clues li{padding:.75rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.ww-network{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:1rem auto;background:var(--ww-paper);border-radius:12px}
.ww-lines{position:absolute;inset:0;width:100%;height:100%}
.ww-lines line{stroke-width:.6}
.ww-lines .ww-line-valid{stroke:var(--accent)}
.ww-lines .ww-line-open{stroke:var(--ww-open);stroke-dasharray:1.5 1}
.ww-arrow-valid{fill:var(--accent)}.ww-arrow-open{fill:var(--ww-open)}
.ww-lines text{fill:var(--ink);font-size:3.5px;paint-order:stroke;stroke:var(--ww-paper);stroke-width:1.2px;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central}
.compound-game .ww-cell{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:31%;height:29%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;font-size:clamp(.95rem,2.8vw,1.25rem);line-height:1.15;font-weight:700;cursor:default}
.compound-game button.ww-cell{cursor:pointer}
.compound-game .ww-cell:hover{background:transparent}
.ww-hex{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.ww-hex polygon{fill:white;stroke:#8ea99f;stroke-width:1.5;vector-effect:non-scaling-stroke}
.ww-cell-word{max-width:90%;overflow-wrap:anywhere}
.ww-cell-note{font-weight:500;font-size:.7em;line-height:1.2;max-width:90%;margin-top:.35rem;color:var(--muted)}
.compound-game .ww-locked .ww-hex polygon{fill:#d6e9df;stroke:var(--accent);stroke-width:2}
.compound-game button.ww-cell:hover .ww-hex polygon{fill:#e5f3eb;stroke:var(--accent)}
.compound-game .ww-cell[aria-pressed=true]{background:none;color:var(--ink)}
.compound-game .ww-cell[aria-pressed=true] .ww-hex polygon{fill:#d6e9df;stroke:var(--accent);stroke-width:3}
.ww-changed .ww-cell-note{font-weight:750;color:var(--accent)}
.ww-board-help{font-size:.95rem;color:var(--muted);text-align:center;margin-top:-.3rem}
.ww-word-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.compound-game .ww-word-bank button{padding:.6rem .25rem;overflow-wrap:anywhere;font-size:1rem}
.compound-game .ww-text-button{color:var(--accent);background:transparent;border:0;padding:.4rem 0;text-decoration:underline;text-underline-offset:3px;margin-top:.6rem}
.compound-game .ww-text-button:hover{color:#054c43;background:transparent}
.ww-feedback{font-weight:650;font-size:1.1rem;min-height:1.7em;margin:1.3rem 0 .5rem}
.ww-success{color:#075449;font-size:1.15rem;font-weight:650}
.ww-connections{list-style:none;padding:0;margin:.75rem 0 1.5rem}
.ww-connections li{border-bottom:1px solid var(--line)}
.compound-game .ww-connections details{margin:0}
.compound-game .ww-connections summary{display:flex;align-items:center;gap:.6rem;min-height:50px;padding:.5rem 0;font-weight:600;color:var(--ink)}
.ww-connections summary::after{content:'+';font-weight:500;font-size:1.2rem;width:1rem;text-align:center}
.ww-connections details[open] summary::after{content:'−'}
.ww-check-number{font-size:.8rem;min-width:1.5rem;flex:none;color:var(--muted)}
.ww-check-state{margin-left:auto;font-size:.85rem;flex:none}
.ww-valid .ww-check-state{color:var(--accent)}.ww-open .ww-check-state{color:var(--ww-open)}
.ww-connections p{margin:.2rem 0 .9rem 2.1rem;font-size:1rem}
.ww-workshops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0}
.ww-workshops section{border-top:1px solid var(--line);padding-top:.25rem}
.ww-workshops ul{padding-left:1.3rem;min-height:5rem}
.ww-choices{display:flex;gap:.8rem;flex-wrap:wrap}
.compound-game .ww-choices button{flex:1 1 220px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1rem}
.ww-choices button strong{font-size:1.2rem}.ww-choices button span{font-size:.9rem;font-weight:500;margin-top:.25rem}
#ww-preview{margin:1.8rem 0;border-block:1px solid var(--line);padding:0 0 1rem}
#ww-preview h3{scroll-margin-top:1rem}
.ww-rules{font-size:.92rem}.ww-rules p{color:var(--muted)}
.compound-game[data-game=wortwelten] #room-tools #copy-feedback{color:#075449;min-height:1.5em}
@media(max-width:600px){.ww-network{max-width:360px}.ww-word-bank{grid-template-columns:repeat(3,minmax(0,1fr))}.ww-workshops{grid-template-columns:1fr;gap:.8rem}.ww-workshops ul{min-height:0}.ww-workshops section h3{margin-top:.8rem}.ww-connections summary{font-size:.93rem;gap:.4rem}.ww-check-number{min-width:1rem}.ww-check-state{font-size:.78rem}.ww-steps{font-size:.8rem;gap:.4rem 1rem;margin-bottom:1.2rem}.ww-clues{gap:0 1rem}}
@media(prefers-reduced-motion:no-preference){.ww-success{animation:ww-success .35s cubic-bezier(.16,1,.3,1)}@keyframes ww-success{from{clip-path:inset(0 85% 0 0)}to{clip-path:inset(0)}}}