:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--action-h: 44px;--ink: #1a1a1a;--paper: #f3efe6;--accent: #0b6e4f;--panel: #fffdf8;--line: #c9c2b4;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#dceee6 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#f0e2c8 0%,transparent 50%),var(--paper);font-family:IBM Plex Sans JP,Hiragino Sans,Noto Sans JP,sans-serif;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh}body{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}button,a,input,select{touch-action:manipulation;font:inherit}button{cursor:pointer;min-height:var(--action-h);min-width:var(--action-h)}.app{min-height:100dvh;display:flex;flex-direction:column;padding:.5rem .75rem .75rem}.app-header h1{margin:0;font-size:1.35rem;letter-spacing:.02em}.app-header p{margin:.25rem 0 0;font-size:.85rem}.app-main{flex:1;display:flex;min-height:0}.game-shell{container-type:inline-size;container-name:game;width:100%;min-height:0;flex:1;display:flex}.game-screen{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(180px,1fr) auto;grid-template-areas:"status" "board" "actions";gap:.5rem;width:100%;min-height:0}.col-assets{grid-area:status}.board-pane{grid-area:board;border:1px solid var(--line);background:var(--panel);min-height:180px;overflow:hidden;touch-action:none;position:relative}.col-stocks{display:none}.action-bar{grid-area:actions;position:sticky;bottom:0;z-index:5;background:color-mix(in srgb,var(--panel) 92%,transparent);border-top:1px solid var(--line);padding:.5rem;padding-bottom:calc(.5rem + var(--safe-bottom));display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@container game (min-width: 768px){.game-screen{grid-template-columns:minmax(180px,240px) 1fr minmax(200px,280px);grid-template-rows:1fr auto;grid-template-areas:"assets board stocks" "assets actions stocks";min-height:calc(100dvh - 6rem)}.col-assets{grid-area:assets;display:block}.col-stocks{grid-area:stocks;display:block;border-left:1px solid var(--line);padding-left:.5rem;overflow:auto}.action-bar{position:static}}.board-svg{display:block;min-height:280px}.hud{font-size:.85rem;display:flex;flex-direction:column;gap:.5rem}.hud-players{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}.hud-players li{border:1px solid var(--line);background:var(--panel);padding:.35rem .5rem;min-height:var(--action-h);display:flex;align-items:center;gap:.35rem}.owner-swatch{width:.85rem;height:.85rem;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.hud-warn{color:#a33;font-weight:600;padding:.35rem .5rem;border:1px solid #c66;background:#fff5f5}.hud-actions button,.action-bar button,.sheet-body button{min-height:var(--action-h);min-width:var(--action-h);padding:.4rem .8rem;border:1px solid var(--line);background:#fff;border-radius:6px}.hud-actions button:focus-visible,.action-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.amount-control{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;width:100%}.amount-control input[type=range]{flex:1;min-width:120px;min-height:var(--action-h)}.preset-row{display:flex;flex-wrap:wrap;gap:.35rem}.preset-row button{min-height:var(--action-h)}.sheet-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.bottom-sheet{position:fixed;inset:auto 0 0 0;max-height:70dvh;overflow:auto;background:#141414f0;color:#f5f5f5;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));z-index:900;border-radius:12px 12px 0 0}.bottom-sheet h2{margin:0 0 .75rem;font-size:1rem}.version-badge{position:fixed;right:calc(.75rem + var(--safe-right));bottom:calc(.75rem + var(--safe-bottom));font-size:.75rem;opacity:.7;background:transparent;border:none;padding:.25rem .5rem;touch-action:manipulation;z-index:50}.debug-panel{position:fixed;inset:auto 0 0 0;max-height:70dvh;overflow:auto;background:#141414eb;color:#f5f5f5;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));z-index:1000}.debug-panel h2{margin:0 0 .75rem;font-size:1rem}.debug-panel dl{display:grid;grid-template-columns:8rem 1fr;gap:.35rem .75rem;margin:0 0 1rem;font-size:.85rem}.debug-panel dt{opacity:.7}.debug-panel dd{margin:0;word-break:break-all}.debug-actions{display:flex;flex-wrap:wrap;gap:.5rem}.debug-actions button{touch-action:manipulation;border:1px solid #666;background:#333;color:#fff;padding:.4rem .7rem;border-radius:4px}.setup-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0;align-items:center}.setup-bar label{display:flex;gap:.25rem;align-items:center;min-height:var(--action-h)}.hud-log{margin:0;padding-left:1.2rem;max-height:20dvh;overflow:auto;opacity:.85}.always-on{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.room-lobby{max-width:28rem;margin:2rem auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.room-lobby label{display:flex;flex-direction:column;gap:.25rem}.room-lobby button{min-height:var(--action-h)}.style-showcase{padding:1rem;max-width:48rem}.style-showcase h1{margin:0 0 .75rem;font-size:1.25rem}.style-showcase h2{margin:1rem 0 .5rem;font-size:1rem}.style-shot-row{display:flex;flex-wrap:wrap;gap:.75rem}.style-shot{margin:0;text-align:center}.style-shot canvas{width:32px;height:32px;image-rendering:pixelated;display:block;border:1px solid var(--line)}.style-shot figcaption{font-size:.7rem;margin-top:.2rem}