.tileworks-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.tileworks-mode-switch button{display:grid;gap:4px;text-align:left;padding:14px 16px;border-radius:16px;background:#fff8}.tileworks-mode-switch button strong{font:800 1.05rem/1.1 Georgia,serif}.tileworks-mode-switch button small{color:var(--muted);font-weight:650;line-height:1.35}.tileworks-mode-switch button.active{border-color:#61755d66;background:#61755d10;box-shadow:inset 0 0 0 1px #61755d33}.situation-mode{display:grid;gap:16px}.situation-mode-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff8;box-shadow:var(--shadow)}.situation-mode-head h2{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.5rem);line-height:.95;margin:.25rem 0 .55rem}.situation-mode-head p{margin:0;max-width:700px;color:var(--muted);line-height:1.55}.situation-day{display:grid;justify-items:end;gap:4px;min-width:130px}.situation-day span{font-size:.62rem;font-weight:900;letter-spacing:.11em;color:var(--muted)}.situation-day strong{font:800 1.05rem/1 Georgia,serif}.situation-scorebar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.situation-scorebar>div{display:grid;justify-items:center;gap:3px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff8}.situation-scorebar span{font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.situation-scorebar strong{font:900 1.55rem/1 Georgia,serif}.situation-board-wrap{overflow:auto;padding:6px;margin:auto;max-width:100%}.situation-board{--size:9;display:grid;grid-template-columns:repeat(var(--size),1fr);width:min(94vw,640px);aspect-ratio:1;border:4px solid #755a3d;border-radius:8px;overflow:hidden;background:#ae8c61;box-shadow:0 12px 30px #4d39242a}.situation-cell{position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(84,65,43,.19);background:#e8dbc2;aspect-ratio:1}.situation-cell:disabled{opacity:1;cursor:default}.situation-cell::before{font-size:clamp(.35rem,1.4vw,.64rem);font-weight:900;opacity:.78}.situation-cell.dl{background:#bcd1dd}.situation-cell.dl::before{content:'DL'}.situation-cell.tl{background:#7fa1b4;color:#fff}.situation-cell.tl::before{content:'TL'}.situation-cell.dw{background:#e0b9b4}.situation-cell.dw::before{content:'DW'}.situation-cell.tw{background:#b86c61;color:#fff}.situation-cell.tw::before{content:'TW'}.situation-cell.drag-over{outline:3px solid #61755d;outline-offset:-3px;z-index:2}.situation-board-tile{position:absolute;inset:3px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(145deg,#f1ddb5,#d1aa70);color:#332718;font:900 clamp(.8rem,3vw,1.55rem)/1 Georgia,serif;box-shadow:inset 0 1px 0 #fff9,0 1px 2px #4e351f33}.situation-board-tile.pending{background:linear-gradient(145deg,#fff0c9,#e6bd77);outline:2px solid #61755d}.situation-board-tile small{position:absolute;right:3px;bottom:2px;font:800 clamp(.34rem,1vw,.55rem)/1 system-ui}.situation-rack-zone{width:min(640px,100%);margin:auto}.situation-rack-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-weight:900}.situation-rack-head small{color:var(--muted);font-size:.72rem}.situation-rack{display:flex;justify-content:center;gap:clamp(4px,1vw,9px);padding:12px;border:1px solid #97754f;border-radius:13px;background:linear-gradient(#b78e5f,#967148);box-shadow:inset 0 4px 0 #c9a477}.situation-rack-tile{position:relative;width:clamp(38px,10vw,62px);aspect-ratio:1;border:0;border-radius:7px;background:linear-gradient(145deg,#f1ddb5,#d1aa70);color:#332718;font:900 clamp(1.1rem,4vw,1.9rem)/1 Georgia,serif;box-shadow:inset 0 1px 0 #fff9,0 3px 5px #563a2738;padding:0;touch-action:none}.situation-rack-tile small{position:absolute;right:5px;bottom:4px;font:800 .58rem/1 system-ui}.situation-rack-tile.selected{outline:3px solid #61755d;transform:translateY(-5px)}.situation-rack-tile.used{visibility:hidden}.situation-preview{display:flex;justify-content:space-between;width:min(640px,100%);margin:auto;border-radius:12px;padding:10px 12px;background:#fff8;border:1px solid var(--line);font-weight:800}.situation-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.situation-actions button{min-width:120px}.situation-note{width:min(640px,100%);margin:0 auto;color:var(--muted);font-size:.82rem;line-height:1.5}.situation-mode .message{width:min(640px,100%)}.situation-drag-ghost{position:fixed;z-index:1000;pointer-events:none;width:52px;height:52px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#fff0c9,#e6bd77);font:900 1.5rem/1 Georgia,serif;box-shadow:0 8px 18px #0003;transform:translate(-50%,-50%)}
@media(max-width:720px){.tileworks-mode-switch{grid-template-columns:1fr}.situation-mode-head{align-items:flex-start}.situation-day{display:none}.situation-scorebar{grid-template-columns:repeat(2,1fr)}.situation-board{width:min(96vw,580px)}.situation-actions button{flex:1 1 30%;min-width:0;padding:9px 8px}.situation-rack-head small{display:none}}