:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141817;--panel:#202725;--panel-strong:#2b3431;--text:#eef4f0;--muted:#a5b3ad;--line:#43504b;--grid-line:#93a39b;--focus:#66c3ba;--danger:#ff7a86;--cell-size:54px;--clue-size:34px;--board-gap:4px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,select,textarea{font:inherit}option{font-size:1rem}button,select{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--text);border-radius:7px}select{min-width:128px;padding:0 34px 0 12px;font-size:.98rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.topbar,.game-layout,.toolbar,.button-row{gap:12px;display:flex}.topbar{justify-content:space-between;align-items:end;margin-bottom:18px}h1,p{margin:0}h1{font-size:2.35rem;line-height:1}.topbar p,.selected-copy,.board-status span{color:var(--muted)}.toolbar{flex-wrap:wrap;justify-content:flex-end}.daily-badge{border:1px solid var(--line);background:var(--panel-strong);min-width:140px;min-height:36px;color:var(--text);border-radius:7px;place-items:center;padding:0 12px;font-weight:800;display:grid}.language-select{min-width:72px}.game-layout{align-items:flex-start}.board-column{flex:auto;min-width:0}.board-status{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.board-status span{text-align:right;overflow-wrap:anywhere}.board-wrap{padding:8px 0 12px;overflow-x:auto}.grenz-board{gap:var(--board-gap);touch-action:none;-webkit-user-select:none;user-select:none;place-items:stretch stretch;width:max-content;display:grid}.grenz-board.is-paused{filter:blur(4px);pointer-events:none}.board-row-fragment{display:contents}.corner-spacer,.line-clue{min-width:var(--clue-size);min-height:var(--clue-size);color:var(--muted);place-items:center;font-weight:800;display:grid}.line-clue{background:var(--panel-strong);border:1px solid var(--line);border-radius:6px}.grid-cell{width:var(--cell-size);height:var(--cell-size);border:2px solid var(--grid-line);background:var(--panel);color:var(--text);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.grid-cell.assigned{background:color-mix(in srgb, var(--region-color) 72%, black);color:#fff;text-shadow:0 1px 1px #0006}.grid-cell.anchor{box-shadow:inset 0 0 0 3px #ffffffb3,inset 0 0 0 6px #0003}.grid-cell.selected{outline:3px solid var(--focus);outline-offset:-3px}.grid-cell.wrong{border-color:var(--danger);box-shadow:0 0 0 3px #c742523d}.anchor-label,.region-label{letter-spacing:0;font-weight:900}.anchor-label{font-size:.98rem}.region-label{font-size:1.08rem}.note-strip{flex-wrap:wrap;align-content:flex-start;gap:3px;display:flex;position:absolute;inset:4px}.note-strip span,.legend-symbol.note-symbol{border:1px dashed var(--muted);width:16px;height:16px;color:var(--muted);border-radius:4px;place-items:center;font-size:.68rem;font-weight:800;display:inline-grid}.side-panel,.modal,.loading-board{background:var(--panel);border:1px solid var(--line);border-radius:8px}.side-panel{gap:12px;width:min(350px,100%);padding:14px;display:grid}.region-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.region-chip{border-color:color-mix(in srgb, var(--region-color) 55%, var(--line));grid-template-columns:auto 1fr;align-items:center;gap:6px;min-width:0;display:grid}.region-chip span{background:var(--region-color);color:#fff;border-radius:5px;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.region-chip small{color:var(--muted);text-align:right;font-size:.78rem}.region-chip.active{outline:3px solid var(--focus);outline-offset:0}.segmented{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button.active{background:var(--focus);color:#fff}.button-row{flex-wrap:wrap}.button-row button,.wide{flex:1}.secondary{color:var(--muted)}.toggle{align-items:center;gap:8px;display:flex}.selected-copy{font-size:.86rem}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:112px;color:var(--text);background:0 0;border-radius:7px;padding:10px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.stats div{border-top:1px solid var(--line);padding-top:8px}.stats dt{color:var(--muted);font-size:.8rem}.stats dd{margin:0;font-weight:800}.loading-board{width:min(100%,420px);min-height:320px;color:var(--muted);place-items:center;gap:6px;display:grid}.loading-board strong{color:var(--text)}.modal-backdrop{z-index:10;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.popup-backdrop{z-index:12;pointer-events:none;background:#00000038;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{gap:14px;width:min(520px,100%);padding:18px;display:grid}.modal h2{margin:0}.result-popup{border:1px solid var(--line);background:var(--panel);pointer-events:auto;border-radius:8px;gap:10px;width:min(360px,100%);padding:16px;display:grid;box-shadow:0 18px 48px #0003}.result-popup.won{border-color:var(--focus)}.result-popup.lost{border-color:var(--danger)}.result-popup h2,.result-popup p{margin:0}.result-popup h2{font-size:1.2rem}.result-popup p{color:var(--muted)}.tutorial-board{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);gap:5px;width:max-content;display:grid}.tutorial-example{grid-template-rows:34px repeat(3,50px);grid-template-columns:34px repeat(3,50px);gap:5px;width:max-content;display:grid}.tutorial-cell{border:2px solid var(--grid-line);border-radius:7px;place-items:center;font-weight:900;display:grid}.tutorial-cell.assigned{background:color-mix(in srgb, var(--region-color) 78%, white);color:#fff}.tutorial-cell.anchor{box-shadow:inset 0 0 0 3px #ffffffa6}.rule-list{color:var(--text);margin:0;padding-left:1.25rem}.rule-list li+li{margin-top:6px}.tutorial-hint-copy,.tutorial-ok{color:var(--muted);font-size:.9rem}.tutorial-ok{color:var(--focus);font-weight:800}.legend-grid{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.legend-symbol{border:1px solid var(--line);border-radius:6px;place-items:center;width:34px;height:30px;font-weight:900;display:grid}.anchor-symbol,.paint-symbol{color:#fff;background:#3b6ea8}.clue-symbol{background:var(--panel-strong);color:var(--text)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=860px){.topbar,.game-layout{flex-direction:column}.topbar{align-items:stretch}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;display:grid}.toolbar select,.daily-badge{width:100%;min-width:0}.side-panel{width:100%}}@media (width<=520px){:root{--cell-size:46px;--clue-size:28px;--board-gap:3px}.app-shell{padding:8px}h1{font-size:1.55rem}button,select{min-height:44px;font-size:1.125rem;line-height:1.25}select{padding:0 34px 0 12px}.daily-badge{min-height:44px;font-size:1.05rem}option{font-size:1.125rem;line-height:1.35}.topbar{gap:8px;margin-bottom:10px}.game-layout{gap:8px}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.board-status{align-items:start;gap:8px;margin-bottom:4px;font-size:.9rem}.board-wrap{padding:4px 0 8px;overflow-x:hidden}.grenz-board{width:100%}.grenz-board.grid-w-3{--cell-size:calc((100vw - 16px - var(--clue-size) - 9px) / 3)}.grenz-board.grid-w-4{--cell-size:calc((100vw - 16px - var(--clue-size) - 12px) / 4)}.grenz-board.grid-w-5{--cell-size:calc((100vw - 16px - var(--clue-size) - 15px) / 5)}.grenz-board.grid-w-6{--cell-size:calc((100vw - 16px - var(--clue-size) - 18px) / 6)}.grid-cell{border-width:1.5px;border-radius:6px}.anchor-label{font-size:1rem}.region-label{font-size:1.15rem}.line-clue{border-radius:5px;font-size:.9rem}.side-panel{gap:8px;padding:10px}.region-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.region-chip{gap:4px;min-height:34px;padding:4px 6px}.region-chip span{width:22px;height:22px}.segmented,.button-row{gap:0}.selected-copy{font-size:.78rem}.stats{gap:6px}.stats div{padding-top:6px}.stats dt{font-size:.72rem}.stats dd{font-size:.92rem}}
