:root{--paper: #f3ede1;--canvas: #d8d1c4;--ink: #252525;--teal: #276b68;--rust: #b6533c;--warning: #d6a33b;--water: #163d4a;--earth: #9b6948;color:var(--ink);background:var(--canvas);font-family:Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(37,37,37,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,37,37,.045) 1px,transparent 1px),var(--canvas);background-size:24px 24px}button,input,textarea{font:inherit}#app{display:grid;width:100%;min-height:100vh;padding:24px;place-items:center}.game-shell,.workshop-panel{color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.game-shell{width:min(100%,720px);padding:clamp(32px,8vw,72px);text-align:center}.game-shell__eyebrow,.panel-eyebrow{margin:0 0 12px;color:var(--teal);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.5rem,10vw,5rem);line-height:1}.game-shell>p:last-child{margin:20px 0 0}.lobby-panel{width:min(100%,820px);padding:clamp(22px,5vw,44px)}.lobby-title{max-width:100%;font-size:clamp(2.25rem,9vw,4.75rem);overflow-wrap:anywhere}.lobby-lead{margin:16px 0 28px;font-size:clamp(1rem,3vw,1.25rem);font-weight:700}.field-group{display:grid;min-width:0;gap:8px;margin:18px 0}.field-label,.section-title{font-weight:900}.text-field,.code-field{width:100%;min-width:0;color:var(--ink);background:#fffaf3;border:3px solid var(--ink);border-radius:0;outline:0}.text-field{min-height:52px;padding:10px 12px}.code-field{min-height:128px;padding:12px;resize:vertical;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;line-height:1.45;overflow-wrap:anywhere}.text-field:focus,.code-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #276b6840}.button,.touch-controls button{min-height:48px;padding:9px 16px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);font-weight:900;cursor:pointer}.button:hover:not(:disabled),.touch-controls button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.button:active:not(:disabled),.touch-controls button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button--primary,.fire-button{color:#fff;background:var(--rust)}.button--quiet{background:transparent}.button:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}.home-actions,.lobby-controls,.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.home-actions .button,.lobby-controls .button{flex:1 1 180px}.privacy-note,.copy-notice,.connection-status{color:#4b4b4b;font-size:.9rem}.copy-notice{min-height:1.4em;margin:12px 0 0;color:var(--rust);font-weight:800}.lobby-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin:20px 0;padding:12px;border:2px solid var(--ink);background:#276b6817}.lobby-meta p{margin:0}.code-exchange,.players-section{min-width:0;margin-top:24px;padding-top:20px;border-top:3px solid var(--ink)}.section-title{margin:0 0 12px;font-size:1.1rem}.player-list{display:grid;gap:8px;padding:0;list-style:none}.player-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:2px solid var(--ink);background:#fffaf3}.player-name{min-width:0;font-weight:900;overflow-wrap:anywhere}.player-state{text-align:right;font-size:.82rem}.status-dot{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%}.status-dot.is-online{background:var(--teal)}.status-dot.is-offline{background:var(--rust)}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;width:min(100%,1280px);align-items:start}.battle-stage{position:relative;min-width:0;overflow:hidden;background:var(--water);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.battle-canvas{display:block;width:100%;aspect-ratio:16 / 9;touch-action:none}.hud-skip{width:100%;margin-top:auto}.tactical-panel{min-width:0;padding:18px}.hud-heading{padding-bottom:14px;border-bottom:3px solid var(--ink)}.hud-title{margin:0;font-size:1.65rem}.hud-metrics{display:grid;gap:8px;margin:18px 0}.hud-metric{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(37,37,37,.25)}.hud-value,.mobile-timer,.result-stats dd{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.hud-metric.is-accent .hud-value{color:var(--teal)}.is-warning{color:var(--rust)}.hud-section-title{margin:22px 0 10px;font-size:1rem}.hud-player-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.hud-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px;border:2px solid var(--ink);background:#fffaf3}.hud-player.is-current{border-color:var(--teal);box-shadow:3px 3px 0 var(--teal)}.hud-player-name{min-width:0;font-weight:900;overflow-wrap:anywhere}.hud-player-state{grid-column:1 / -1;font-size:.75rem}.mobile-status,.touch-controls,.touch-controls[hidden]{display:none}.battle-notice{position:absolute;top:14px;left:50%;z-index:3;max-width:calc(100% - 28px);padding:9px 14px;transform:translate(-50%);color:#fff;background:#252525e0;border:2px solid var(--paper);font-weight:900;text-align:center}.battle-overlay{position:fixed;inset:0;z-index:10;display:grid;padding:20px;place-items:center;background:#163d4ad1}.battle-overlay[hidden]{display:none}.result-card{width:min(100%,520px);padding:clamp(24px,6vw,44px)}.result-title{margin:0;font-size:clamp(2rem,8vw,3.5rem)}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}.result-stat{min-width:0;padding:12px;border:2px solid var(--ink);text-align:center}.result-stat dt{font-size:.8rem}.result-stat dd{margin:5px 0 0;font-size:1.35rem;font-weight:900}@media(max-width:900px){.battle-layout{grid-template-columns:minmax(0,1fr) 220px}.tactical-panel{padding:12px}}@media(max-width:600px){#app{display:block;padding:8px}.lobby-panel{padding:20px 16px;box-shadow:5px 5px 0 var(--ink)}.player-row{grid-template-columns:12px minmax(0,1fr)}.player-state{grid-column:2;text-align:left}}@media(max-width:600px),(max-height:600px)and (orientation:landscape)and (pointer:coarse){#app:has(>.touch-controls){display:block;padding:8px 8px 132px}.mobile-status{display:grid;position:sticky;top:0;z-index:4;width:100%;min-width:0;gap:8px;margin-bottom:8px;padding:10px;color:var(--ink);background:#f3ede1f5;border:3px solid var(--ink);font-size:.8rem}.mobile-turn{min-width:0;color:var(--teal);overflow-wrap:anywhere}.mobile-status__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:5px}.mobile-stat{display:flex;min-width:0;justify-content:space-between;gap:6px;padding:5px 6px;border:1px solid rgba(37,37,37,.35);background:#fffaf3}.mobile-stat--player{grid-column:1 / -1}.mobile-stat__value{min-width:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;text-align:right;overflow-wrap:anywhere}.mobile-player-details{min-width:0;width:100%;border-top:2px solid var(--ink)}.mobile-player-summary{padding-top:7px;font-weight:900;cursor:pointer}.mobile-player-details .hud-section-title{display:none}.mobile-player-details .hud-player-list{margin-top:8px}.battle-layout{display:block}.battle-stage{box-shadow:5px 5px 0 var(--ink)}.tactical-panel{display:none}.touch-controls{display:grid;position:fixed;z-index:5;left:0;right:0;bottom:0;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);max-width:100vw;gap:6px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#f3ede1f5;border-top:3px solid var(--ink)}.touch-move,.touch-actions{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(48px,1fr));gap:4px}.touch-controls button{min-width:48px;min-height:48px;padding:5px;box-shadow:2px 2px 0 var(--ink);font-size:.75rem}.touch-aim{display:grid;min-width:72px;min-height:72px;padding:5px;place-items:center;border:3px dashed var(--teal);color:var(--teal);font-size:.7rem;font-weight:900;text-align:center;touch-action:none}.result-stats{grid-template-columns:1fr}}@media(max-height:600px)and (orientation:landscape)and (pointer:coarse){#app:has(>.touch-controls){display:block;padding:8px;padding-bottom:calc(118px + env(safe-area-inset-bottom))}.mobile-status{display:none}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(140px,28vw,220px);gap:12px;align-items:start}.battle-stage{display:grid;place-items:start center}.battle-canvas{width:auto;max-width:100%;height:calc(100vh - 148px - env(safe-area-inset-bottom));max-height:calc(100vh - 148px - env(safe-area-inset-bottom));aspect-ratio:16 / 9}.tactical-panel{display:block;max-height:calc(100vh - 148px - env(safe-area-inset-bottom));padding:8px;overflow-y:auto}}@media(max-width:360px){.touch-controls{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:4px}.touch-controls button{padding-inline:2px;font-size:.68rem}}