:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecf5f4;background:radial-gradient(circle at top,rgba(40,78,78,.45),transparent 42%),linear-gradient(180deg,#091112,#0d1718 52%,#081011);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}a{color:inherit}button{font:inherit}.app,.game-app{min-height:100vh;padding:24px;display:flex;justify-content:center;align-items:stretch;background:radial-gradient(circle at 20% 20%,rgba(109,162,148,.12),transparent 30%),radial-gradient(circle at 80% 10%,rgba(147,121,191,.14),transparent 28%),linear-gradient(180deg,#030a0bb8,#030809f0)}.shell,.game-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px}.panel,.sidebar,.hud,.game-panel,.info-panel{background:#0a1416c7;border:1px solid rgba(150,255,218,.12);border-radius:20px;box-shadow:0 18px 60px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar,.hud,.info-panel{padding:20px;display:flex;flex-direction:column;gap:16px}.title-row,.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.6rem,2vw,2.1rem);line-height:1.1}.subtitle,.muted,.caption,.helper-text{color:#def1efb8}.badge,.pill,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#6effcd1a;border:1px solid rgba(110,255,205,.16);color:#b7fff1;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stats,.meta-grid,.hud-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card,.metric{padding:14px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.stat-label,.metric-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#def1ef9e}.stat-value,.metric-value{margin-top:6px;font-size:1.35rem;font-weight:800}.controls,.actions,.button-row{display:flex;flex-wrap:wrap;gap:10px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:11px 14px;cursor:pointer;font-weight:700;color:#ecfffb;background:linear-gradient(180deg,#2f8873,#1d5f53);box-shadow:0 10px 30px #10423957;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}button:active,.btn:active{transform:translateY(1px)}button.secondary,.btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:none}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none;filter:none}.legend,.key-list,.rules-list{display:grid;gap:10px}.legend-item,.key-item{display:flex;align-items:center;gap:10px;color:#eff9f7e0}.swatch,.tile-icon{width:16px;height:16px;border-radius:6px;border:1px solid rgba(255,255,255,.16);flex:0 0 auto}.swatch.player,.tile-icon.player{background:#7bf9d4}.swatch.enemy,.tile-icon.enemy{background:#ff7b83}.swatch.supply,.tile-icon.supply{background:#ffd36d}.swatch.exit,.tile-icon.exit{background:#8eb8ff}.swatch.fog,.tile-icon.fog{background:#1f2d31}.board-wrap,.game-panel{padding:18px;display:flex;flex-direction:column;gap:14px}.board-header,.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.board,.grid,.game-grid{--cell-size: clamp(28px, 4vw, 48px);display:grid;grid-template-columns:repeat(10,minmax(0,var(--cell-size)));gap:6px;align-self:center;padding:14px;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff05}.cell,.tile{width:var(--cell-size);height:var(--cell-size);border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#1f3334f5,#131f20f5);transition:transform .1s ease,background .12s ease,box-shadow .12s ease}.cell:after,.tile:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:8px;border:1px solid rgba(255,255,255,.03);pointer-events:none}.cell.path,.tile.path{background:linear-gradient(180deg,#2c4546f5,#1c2d2ef5)}.cell.player,.tile.player{background:radial-gradient(circle at 35% 35%,#c5fff2,#57ddb8 58%,#1e6a5a);box-shadow:0 0 16px #5fecc473}.cell.enemy,.tile.enemy{background:radial-gradient(circle at 35% 35%,#ffd0d3,#ff6e79 58%,#7f1f2d);box-shadow:0 0 16px #ff6b7757}.cell.supply,.tile.supply{background:radial-gradient(circle at 35% 35%,#fff4c8,#f8c757 58%,#8a6521);box-shadow:0 0 14px #f8c75747}.cell.exit,.tile.exit{background:radial-gradient(circle at 35% 35%,#d8e6ff,#7ba7ff 60%,#294d9b);box-shadow:0 0 14px #7ba7ff47}.cell.seen,.tile.seen{filter:saturate(.72) brightness(.85)}.cell.fog,.tile.fog,.cell.hidden,.tile.hidden{background:linear-gradient(180deg,#0a0e10fa,#080a0cfa);border-color:#ffffff05}.cell.fog:before,.tile.fog:before,.cell.hidden:before,.tile.hidden:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 26%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.04),transparent 30%),radial-gradient(circle at 55% 20%,rgba(255,255,255,.04),transparent 24%);filter:blur(5px)}.cell.alert,.tile.alert{animation:pulse-alert 1s ease-in-out infinite}@keyframes pulse-alert{0%,to{box-shadow:0 0 #ff5e682e}50%{box-shadow:0 0 18px #ff5e6866}}.message,.event-log,.toast,.status-box{padding:14px 16px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);color:#eff9f7e6}.message.success,.status-box.success{border-color:#6effcd2e;background:#6effcd14}.message.danger,.status-box.danger{border-color:#ff6e7638;background:#ff6e7614}kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 -2px #00000038;font-size:.86rem;font-weight:700}.footer-note,.tip-list{color:#def1efb3;font-size:.92rem}.overlay,.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#030708b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-card,.modal-card{width:min(520px,100%);padding:24px;border-radius:22px;background:linear-gradient(180deg,#121f21fa,#0a1213fa);border:1px solid rgba(150,255,218,.14);box-shadow:0 24px 80px #00000070;display:grid;gap:14px}@media (max-width: 980px){.shell,.game-shell{grid-template-columns:1fr}.board,.grid,.game-grid{--cell-size: clamp(26px, 7vw, 42px)}}@media (max-width: 640px){.app,.game-app{padding:14px}.sidebar,.hud,.info-panel,.board-wrap,.game-panel{padding:16px}.stats,.meta-grid,.hud-stats{grid-template-columns:1fr}.board,.grid,.game-grid{gap:4px;padding:10px}}