:root{font-family:system-ui,-apple-system,Noto Sans JP,sans-serif;color:#231f1b;background:#eee4cd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at top,#fff9e9,#dfcfad)}button,input{font:inherit}.shell{width:min(100%,520px);min-height:100svh;margin:auto;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.home{justify-content:center;gap:14px;text-align:center}.brand{font-family:serif;font-size:clamp(54px,18vw,88px);letter-spacing:.15em;margin:0;color:#211b17}.tag{margin:-8px 0 22px;color:#675848}.primary,.secondary,.choice,.confirm{border:0;border-radius:14px;min-height:54px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:#28221d;color:#fff}.secondary{background:#faf2df;border:2px solid #44362b;color:#2a211b}.field{display:flex;gap:8px}.field input{min-width:0;flex:1;border:2px solid #6a5947;border-radius:12px;padding:12px;background:#fffaf0}.how{background:#fff8e8;border-radius:14px;padding:14px;text-align:left;line-height:1.7}.topbar{display:flex;justify-content:space-between;align-items:center}.quit{border:0;background:transparent;font-weight:700}.player{background:#fbf4e4;border:2px solid #735e48;border-radius:14px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.player.me{border-color:#293c57}.clock{font-variant-numeric:tabular-nums;font-weight:900;font-size:24px}.stocks{font-size:13px;color:#66584b}.phase{text-align:center;min-height:42px;font-weight:900;padding:10px;color:#4b382b}.arena{position:relative;display:grid;grid-template-columns:52px 1fr 52px;grid-template-rows:52px 1fr 52px;aspect-ratio:1;margin:4px 0}.entrances{display:flex;justify-content:space-around;align-items:center}.entrances.side{flex-direction:column}.top{grid-column:2}.left{grid-row:2}.right{grid-column:3;grid-row:2}.bottom{grid-column:2;grid-row:3}.entry{width:44px;height:44px;border:0;background:transparent;color:#8b6b48;font-size:30px;font-weight:900}.entry.legal{color:#a52a22;filter:drop-shadow(0 0 5px #fff);animation:pulse 1s infinite}.entry:disabled{opacity:.18}.board{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);background:#c99452;border:8px solid #65452c;box-shadow:0 8px 20px #3b2a1d55}.cell{display:grid;place-items:center;border:1px solid #79522e;font-size:clamp(44px,14vw,72px);font-weight:900;aspect-ratio:1}.cell.o{color:#f4eee1;text-shadow:0 2px 3px #333}.cell.x{color:#25211e}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{background:#e7d7b8;border:2px solid transparent}.choice.interference{color:#9d2a20}.choice.evasion{color:#1f416c}.choice.selected{border-color:currentColor;background:#fff}.direction{display:flex;gap:6px;margin-top:8px}.direction button{flex:1;min-height:42px;border:1px solid #9d2a20;background:#f9e6df;border-radius:10px}.direction button.selected{background:#a52a22;color:#fff}.confirm{width:100%;margin-top:9px;background:#a52a22;color:#fff}.confirm:disabled,.choice:disabled{opacity:.4}.status{text-align:center;color:#6b5d50;font-size:13px;min-height:22px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#241d18aa;color:#fff;font-family:serif;font-size:100px;font-weight:900;z-index:5;animation:fade .8s forwards}.error{background:#8c2924;color:#fff;padding:8px;border-radius:8px;text-align:center}.rematch{display:flex;gap:8px}.rematch button{flex:1}@keyframes pulse{50%{transform:scale(1.15)}}@keyframes fade{70%{opacity:1}to{opacity:0;pointer-events:none}}@media(max-height:720px){.shell{padding-top:6px}.player{padding:6px 10px}.arena{max-height:52vh;margin:auto}.phase{padding:5px}.choice{min-height:44px}}.ai-level{background:#f7ecd5;border-radius:14px;padding:8px}.ai-level>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}.ai-level button{min-width:0;border:2px solid transparent;border-radius:10px;background:#e5d3af;padding:7px 3px;font-weight:800}.ai-level button.selected{border-color:#a52a22;background:#fff}.ai-level small{display:block;margin-top:2px;font-size:9px;font-weight:500;line-height:1.2}.choice.defense{color:#1f416c}@media(max-height:720px){.home{gap:7px}.home .brand{font-size:clamp(42px,14vw,64px)}.home .tag{margin-bottom:5px}.ai-level{padding:5px}}