:root{--bg: #f1efe9;--panel: #fffdf8;--ink: #2b2b2b;--muted: #777;--line: #d9d4c7;--accent: #e8a317;--ok: #2e8b57;--ng: #c0392b;--miss: #cfcac0;--hl: rgba(232, 163, 23, .45);font-family:system-ui,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:22px;margin:0 0 4px}h2{font-size:14px;margin:0 0 8px;color:var(--muted);letter-spacing:.05em}h3{margin:0;font-size:16px}button{font:inherit;padding:6px 12px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button.big{font-size:16px;padding:10px 24px}button.ghost{border:none;background:none}input,select{font:inherit;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:#fff}.num{display:inline-flex;align-items:center;gap:4px}.changed{font-size:11px;color:#8a5d00;padding:0 2px;white-space:nowrap}input[type=number]{width:90px}.muted{color:var(--muted)}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:6px}.setup{max-width:980px;margin:24px auto;padding:0 16px 48px}.setup-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-top:14px}.setup .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 16px}.names{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.field-label{font-size:12px;color:var(--muted)}.field-hint{font-size:11px;color:var(--muted)}.radio-group{display:flex;flex-wrap:wrap;gap:4px 14px}.radio{display:inline-flex;align-items:center;gap:4px}.setup-buttons{display:flex;gap:12px;margin-top:18px}.game{display:grid;grid-template-columns:320px minmax(640px,1fr) 340px;grid-template-rows:auto 1fr;grid-template-areas:"top top top" "left center right";gap:10px;padding:10px;min-height:100vh}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.col-left{grid-area:left}.col-center{grid-area:center;display:flex;flex-direction:column;gap:10px;min-width:0}.col-right{grid-area:right;display:flex;flex-direction:column;gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.status{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.status .label{font-size:12px;color:var(--muted);margin-right:6px}.count{font-size:18px;font-weight:700}.count-ready{color:var(--ok)}.board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slot{background:var(--panel);border:2px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center}.slot-active{border-color:var(--accent)}.slot-title{align-self:stretch;display:flex;gap:8px;align-items:center;font-weight:700}.slot-title .badge{margin-left:auto}.slot-empty{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:18px}.slot-foot{font-size:12px}.gear-board{width:100%;max-width:400px;-webkit-user-select:none;user-select:none}.area{fill:#f6f3ea;stroke:var(--line);stroke-width:1}.area-hl{fill:var(--hl)}.area-hit{fill:#2e8b5759}.clickable{cursor:pointer}.area-hl.clickable:hover{fill:#e8a317cc}.area-num{font-size:9px;fill:var(--muted);text-anchor:middle;dominant-baseline:middle}.seg-label,.token-label,.read-label{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:700}.token-label{fill:#fff;font-size:11px}.read-label{font-size:9px}.reads-delayed{animation:fadein .25s .85s both}@keyframes fadein{0%{opacity:0}to{opacity:1}}.mini-gear{display:block}.chips{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.chip{display:inline-block;padding:1px 7px;border-radius:10px;border:1px solid rgba(0,0,0,.35);font-size:12px;font-weight:700;white-space:nowrap}.chip-dim{opacity:.4}.chip-strong{box-shadow:0 0 0 2px var(--accent)}.chip-btn{padding:4px}.badge{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;background:#eee;color:var(--muted);font-weight:400;white-space:nowrap}.badge-done{background:#dff0e5;color:var(--ok)}.badge-wait{background:#eee}.badge-wild{background:#fde9b6;color:#8a5d00}.badge-carry{background:var(--accent);color:#fff}.badge-ng{background:#f6d6d2;color:var(--ng)}.golem{display:flex;flex-direction:column;gap:8px}.part{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:6px}.part-done{background:#eef7f1;border-color:#a8d5b8}.part-head{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.part-ability{font-size:12px;margin-top:2px}.part-desc{font-size:11px;line-height:1.4}.action-row{display:flex;flex-direction:column}.action-row button{width:100%}.reason{font-size:11px;color:var(--muted);padding:1px 4px}.hint{background:#fff6df;border:1px solid #f0d58a;border-radius:6px;padding:6px 8px;font-size:13px}.warn{background:#fbe3e0;border:1px solid #e7a59c;color:var(--ng);border-radius:6px;padding:6px 8px;font-size:13px}.player{border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin-bottom:6px}.player-current{border:2px solid var(--accent);background:#fffaf0}.player-head{display:flex;gap:6px;align-items:center}.token-dot{display:inline-flex;width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;align-items:center;justify-content:center}.tokens{font-weight:700}.tokens-low{color:var(--ng)}.hand{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.hand.big{gap:10px}.hand-card{padding:2px;text-align:center}.hand-card:disabled{opacity:1;cursor:default}.result{border-left:4px solid var(--line);padding:4px 10px;display:flex;flex-direction:column;gap:4px}.result.ok{border-color:var(--ok)}.result.ng{border-color:var(--ng)}.result-title{font-weight:700;font-size:15px}.result.ok .result-title{color:var(--ok)}.result.ng .result-title{color:var(--ng)}.log{max-height:260px;overflow-y:auto;font-size:12px;line-height:1.6;font-family:ui-monospace,Cascadia Mono,monospace,sans-serif}.log-result{color:#1f5f8b}.log-system{color:var(--muted);font-weight:700}.log-turn{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);border-radius:10px;padding:14px 18px;min-width:380px;max-width:820px;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-buttons{display:flex;gap:8px;margin-top:12px}.summary table{border-collapse:collapse;width:100%;margin-bottom:10px}.summary th,.summary td{border-bottom:1px solid var(--line);padding:4px 8px;text-align:left;font-size:13px}.summary th{color:var(--muted);font-weight:400;white-space:nowrap}.summary-result{font-size:20px;font-weight:700;margin:0 0 8px}.summary-result.won{color:var(--ok)}.summary-result.lost{color:var(--ng)}.summary{overflow-x:auto}@media (max-width: 1300px){.game{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"top top" "center right" "left right"}}@media (max-width: 820px){:root{font-size:13px}.game{display:flex;flex-direction:column;gap:8px;padding:6px 8px 0;min-height:100vh}.col-left,.col-center,.col-right{display:contents}.topbar{order:0;flex-wrap:wrap;gap:4px 10px;padding:6px 8px}.topbar .spacer{flex-basis:100%;height:0}.topbar button{padding:4px 8px;font-size:12px}.status{order:1;gap:4px 14px;padding:8px}.board{order:2;grid-template-columns:1fr;gap:8px}.slot{padding:6px}.slot-empty{min-height:60px}.gear-board{max-width:min(100%,340px)}.p-result{order:3}.p-players{order:4}.p-golem{order:5}.p-log{order:6}.log{max-height:200px}.p-actions{order:10;position:sticky;bottom:0;z-index:5;margin:0 -8px;border-radius:10px 10px 0 0;border-bottom:none;box-shadow:0 -2px 10px #00000026;max-height:45vh;overflow-y:auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.p-actions h2{margin-bottom:6px}.p-actions .stack{display:grid;grid-template-columns:1fr 1fr;gap:6px}.p-actions .stack>.hint,.p-actions .stack>.warn,.p-actions .stack>.muted,.p-actions .stack>.chips,.p-actions .stack>p{grid-column:1 / -1}.p-actions button{min-height:40px;font-size:13px;padding:6px 8px}.action-row button:disabled{pointer-events:none}.reason{display:none}.reason-shown{display:block}.part-desc{font-size:11px}.modal-backdrop{align-items:flex-end}.modal{min-width:0;width:100%;max-height:85vh;border-radius:12px 12px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.modal-buttons{flex-wrap:wrap}.hand.big .mini-gear{width:84px;height:84px}.setup{margin:12px auto;padding:0 8px 32px}.setup .grid{grid-template-columns:1fr 1fr;gap:8px 10px}.setup-buttons{flex-direction:column}.setup-buttons button{text-align:center}input[type=number]{width:72px}}