:root{color:#eef2ff;background:radial-gradient(circle at 15% 0%,rgba(255,98,176,.24),transparent 28%),radial-gradient(circle at 85% 5%,rgba(70,216,255,.18),transparent 22%),linear-gradient(180deg,#080b19,#15122d 54%,#24143d);font-family:Trebuchet MS,Verdana,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,98,176,.18),transparent 30%),radial-gradient(circle at 80% 10%,rgba(70,216,255,.14),transparent 24%),linear-gradient(180deg,#090c1cf0,#17102cf5),linear-gradient(135deg,#0a0f22,#17112f 46%,#25144a)}.app-shell{max-width:1180px;margin:0 auto;padding:32px 20px 48px}.app-shell--game{display:flex;flex-direction:column}.app-shell--immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;max-width:none;min-height:100dvh;padding:0;background:#050913}.app-shell--immersive .briefing,.app-shell--immersive .control-grid{display:none}.app-shell--immersive .game-panel{flex:1 1 auto;width:100vw;height:100dvh;border:0;border-radius:0}.app-shell--immersive .game-canvas{width:100vw;height:100dvh;object-fit:contain;background:#050913}.briefing{display:grid;gap:10px;margin-bottom:22px;padding:22px 24px;border:1px solid rgba(88,230,255,.18);border-radius:24px;background:linear-gradient(180deg,#13142ce6,#120e24c2),#ffffff08;box-shadow:0 24px 60px #00000052,inset 0 1px #ffffff0f}.briefing--home{margin-bottom:18px}.briefing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{margin:0;color:#6fe9ff;font-size:.82rem;letter-spacing:.28em;text-transform:uppercase}.briefing h1{margin:0;color:#f6f7ff;font-family:Arial Black,Franklin Gothic Medium,sans-serif;font-size:clamp(2.3rem,5vw,4.2rem);line-height:.95;text-transform:uppercase}.summary{max-width:62ch;margin:0;color:#b9c5f7;font-size:1rem}.action-row{display:flex;flex-wrap:wrap;gap:10px}.selector-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.primary-button,.secondary-button,.selector-pill{cursor:pointer;border-radius:999px;font-family:Arial Black,Franklin Gothic Medium,sans-serif;letter-spacing:.04em;text-transform:uppercase}.primary-button,.secondary-button{padding:12px 18px;font-size:.82rem}.primary-button{border:1px solid rgba(255,102,183,.28);background:linear-gradient(180deg,#ff73bf,#7c4dff);color:#fff8ff;box-shadow:0 10px 24px #7c4dff47}.secondary-button{border:1px solid rgba(93,235,255,.18);background:#0c162cc7;color:#8aefff}.selector-pill{padding:10px 14px;border:1px solid rgba(93,235,255,.16);background:#0d1428b3;color:#b8c3ff;font-size:.78rem}.selector-pill--active{background:linear-gradient(180deg,#3be0ff,#7c4dff);color:#0d1027;border-color:#78c5ff5c}.arcade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:16px;margin-bottom:20px}.arcade-card{display:grid;gap:12px;min-height:240px;padding:22px;border:1px solid rgba(93,235,255,.14);border-radius:22px;background:linear-gradient(180deg,#131830e6,#120e22d6),#ffffff08;box-shadow:0 20px 40px #00000047,inset 0 1px #ffffff0d}.arcade-preview{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(93,235,255,.16);border-radius:14px;background:#080c18b8}.card-kicker{margin:0;color:#74f0ff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.arcade-card h2{margin:0;color:#f7f6ff;font-family:Arial Black,Franklin Gothic Medium,sans-serif;font-size:1.5rem;text-transform:uppercase}.arcade-card p{margin:0;color:#b7c0ee}.game-panel{position:relative;overflow:hidden;border:1px solid rgba(93,235,255,.16);border-radius:18px;background:#080c18a3;box-shadow:0 28px 64px #00000057,inset 0 1px #ffffff0a}.game-panel:fullscreen,.game-panel:-webkit-full-screen{width:100vw;height:100vh;border:0;border-radius:0;background:#050913}.game-panel:fullscreen .game-canvas,.game-panel:-webkit-full-screen .game-canvas{width:100vw;height:100vh;object-fit:contain;background:#050913}.game-canvas{display:block;width:100%;height:auto;background:#0d0d0d;touch-action:none}.touch-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:flex-end;justify-content:space-between;padding:18px;pointer-events:none}.panel-audio,.panel-close{position:absolute;top:14px;z-index:3;min-width:46px;min-height:46px;border:1px solid rgba(93,235,255,.2);border-radius:999px;background:#080f21cc;color:#eef6ff;font-family:Arial Black,Franklin Gothic Medium,sans-serif;font-size:.92rem;text-transform:uppercase;box-shadow:0 12px 28px #00000047}.panel-audio{left:14px}.panel-close{right:14px}.touch-joystick,.touch-action{pointer-events:auto}.touch-joystick{position:relative;width:132px;height:132px;border:1px solid rgba(100,233,255,.22);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 54%),#0a102285;box-shadow:inset 0 1px #ffffff0f,0 18px 40px #0000003d;touch-action:none}.touch-joystick__thumb{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;border:1px solid rgba(255,116,193,.28);border-radius:50%;background:linear-gradient(180deg,#ff72bff5,#7c4dffdb);box-shadow:0 12px 28px #7c4dff47;transition:transform 80ms linear}.touch-joystick__thumb--active{box-shadow:0 14px 32px #7c4dff57,0 0 0 4px #ff73bf14}.touch-action{min-width:112px;min-height:112px;border:1px solid rgba(255,116,193,.3);border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.18),transparent 24%),linear-gradient(180deg,#ff72bff5,#7c4dffe0);color:#fff8ff;font-family:Arial Black,Franklin Gothic Medium,sans-serif;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;touch-action:none;box-shadow:0 16px 34px #7c4dff4d}.touch-action--grenade{border-color:#ffd67852;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.18),transparent 24%),linear-gradient(180deg,#ffcd68f5,#ff8274e0);color:#31212f;box-shadow:0 16px 34px #ff906c47}.touch-action--fire{border-color:#78ebff52;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.18),transparent 24%),linear-gradient(180deg,#7cf2fff5,#ff78cee0)}.mobile-controls{display:none}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.control-grid article{min-height:150px;padding:16px 18px;border:1px solid rgba(93,235,255,.14);border-radius:16px;background:linear-gradient(180deg,#11162cdb,#0f0e22c7),#ffffff08;box-shadow:0 16px 30px #0003,inset 0 1px #ffffff0a}.control-grid h2{margin:0 0 10px;color:#76ecff;font-family:Arial Black,Franklin Gothic Medium,sans-serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.control-grid p{margin:0 0 8px;color:#bcc8f4}@media (max-width: 860px){.app-shell{padding:24px 14px 32px}.briefing-top{flex-direction:column}.arcade-grid,.control-grid{grid-template-columns:1fr}}@media (hover: none),(pointer: coarse),(max-width: 980px){.app-shell--game{max-width:none;min-height:100dvh;padding:0}.app-shell--game .briefing{margin-bottom:0;padding:14px 16px 12px;border-radius:0;border-left:0;border-right:0}.app-shell--game .summary{max-width:none}.app-shell--game .action-row{width:100%}.app-shell--game .action-row button{flex:1 1 auto}.app-shell--game .selector-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.app-shell--game .game-panel{flex:1 1 auto;border-radius:0;border-left:0;border-right:0;border-bottom:0}.app-shell--game .game-canvas{width:100vw;max-height:calc(100dvh - 162px);margin:0 auto}.app-shell--game .control-grid{display:none}.mobile-controls{display:flex;gap:10px;padding:12px 14px 16px;background:linear-gradient(180deg,#0b1222f0,#0d101fe0)}.mobile-button{flex:1 1 0;min-height:54px;border:1px solid rgba(93,235,255,.18);border-radius:16px;background:#0c162cd6;color:#eef6ff;font-family:Arial Black,Franklin Gothic Medium,sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;touch-action:manipulation}.mobile-button--primary{border-color:#ff66b747;background:linear-gradient(180deg,#ff73bf,#7c4dff);color:#fff8ff}.touch-overlay{display:flex}.panel-audio,.panel-close{top:10px;min-width:50px;min-height:50px}.panel-audio{left:10px}.panel-close{top:10px;right:10px}}