*{margin:0;padding:0;box-sizing:border-box}:root{--shell-night: #0b1020;--shell-ink: #121a31;--shell-panel: #202b4f;--shell-rim: #4c5b86;--shell-gold: #f4d34a;--shell-green: #42b86a;--shell-red: #e85858;--shell-blue: #6aa8ff;--shell-plum: #5b2d4b}#intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}#intro-overlay[hidden]{display:none}#intro-video{width:100%;height:100%;object-fit:contain}#intro-skip{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.85);background:#10141f8c;color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;padding:8px 14px;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .05s ease,background .1s ease}#intro-skip:active{transform:scale(.94);background:#10141fcc}#pwa-banner{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%,140%);width:min(440px,calc(100% - 20px));z-index:1000;transition:transform .32s ease}#pwa-banner.pwa-banner-show{transform:translate(-50%)}.pwa-banner-inner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:2px solid #f4d34a;background:linear-gradient(145deg,#1c2640,#10141f);box-shadow:0 8px 28px #0000008c;color:#f0f0e8;font-size:13px;line-height:1.25}.pwa-banner-icon{font-size:20px}.pwa-banner-text{flex:1}.pwa-banner-actions{display:flex;align-items:center;gap:6px}.pwa-banner-install{border:none;border-radius:8px;padding:8px 12px;font-weight:800;font-size:12px;letter-spacing:.04em;color:#10141f;background:#f4d34a;cursor:pointer}.pwa-banner-install:active{background:#e0bc2c}.pwa-banner-close{border:none;border-radius:8px;width:30px;height:30px;font-size:13px;color:#aeb8d8;background:#ffffff14;cursor:pointer}.pwa-banner-close:active{background:#ffffff29}html,body{height:100%;overflow:hidden;background:radial-gradient(circle at 50% 20%,#1c2333,#10141f 70%);font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:max(8px,env(safe-area-inset-top)) 6px max(8px,env(safe-area-inset-bottom))}#console-shell{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#console-top{display:none}#screen-frame{position:relative;border:4px solid #2a3142;border-radius:10px;box-shadow:0 0 0 2px #0a0d14,0 18px 50px #0009,inset 0 0 18px #000000a6;background:#000;line-height:0}#game-canvas{image-rendering:auto;display:block;background:#000}#touch-ui{display:none;width:100%;max-width:560px;justify-content:space-between;align-items:center;padding:0 14px 8px}body.touch #touch-ui{display:flex}body.touch #app{justify-content:flex-start;gap:0;padding:max(4px,env(safe-area-inset-top)) 3px max(4px,env(safe-area-inset-bottom));background:radial-gradient(circle at 28% 4%,rgba(244,211,74,.16),transparent 26%),radial-gradient(circle at 76% 22%,rgba(106,168,255,.14),transparent 28%),linear-gradient(180deg,#18213a,#090d1a)}body.touch #console-shell{position:relative;min-height:0;max-width:640px;justify-content:flex-start;gap:clamp(9px,1.6vh,14px);padding:10px 4px 16px;border:2px solid rgba(198,211,255,.2);border-radius:30px 30px 46px 46px;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.18),transparent 15%),radial-gradient(circle at 86% 76%,rgba(232,88,88,.18),transparent 22%),linear-gradient(145deg,#3b4772 0%,var(--shell-panel) 28%,var(--shell-ink) 58%,#0a0e1c 100%),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.035) 18px 20px);box-shadow:inset 0 2px #fff3,inset 0 -18px 28px #00000057,0 0 0 2px #04070fcc,0 24px 66px #00000094;overflow:hidden}body.touch #console-shell:before{content:"";position:absolute;inset:7px 8px auto;height:64px;border-radius:22px 22px 14px 14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(66,184,106,.26),transparent 18% 82%,rgba(232,88,88,.2)),linear-gradient(180deg,#ffffff17,#080c1842);box-shadow:inset 0 -2px #0000006b;pointer-events:none}body.touch #console-shell:after{content:"";position:absolute;right:20px;bottom:18px;width:104px;height:46px;opacity:.42;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(202,214,245,.54) 8px 10px),linear-gradient(180deg,rgba(255,255,255,.05),transparent);transform:skew(-14deg);pointer-events:none}body.touch #console-top{position:relative;z-index:1;width:min(100%,570px);min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 10px 0;color:var(--shell-gold);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.45)}.console-brand{position:relative;min-height:38px;min-width:min(66vw,276px);display:inline-flex;align-items:center;gap:7px;font-style:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../sprites/ui/console_badge.png) center / 100% 100% no-repeat,linear-gradient(135deg,#0c1222eb,#242f54e6);border:1px solid rgba(244,211,74,.32);margin:0;padding:7px 16px 8px 18px;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-shadow:0 2px 0 rgba(0,0,0,.72);cursor:pointer;border-radius:16px 12px;box-shadow:inset 0 1px #ffffff29,0 4px 14px #0000004d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .05s ease,background .1s ease}.console-brand-main{color:#ffe36a;font-style:italic}.console-brand-color{padding:1px 5px 2px;border-radius:6px;color:#10141f;background:linear-gradient(90deg,var(--shell-green) 0 33%,#f4f4ec 33% 66%,var(--shell-red) 66% 100%);text-shadow:none;box-shadow:0 0 0 1px #080a12ad}.console-brand:active{transform:scale(.94);filter:brightness(1.12)}body.touch #game-canvas{border-radius:10px}.console-power{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(174,184,216,.18);border-radius:999px;color:#d4dcff;background:#080c1861;font-size:10px;letter-spacing:.12em;box-shadow:inset 0 1px #ffffff14}.console-power i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#f05a5a;box-shadow:0 0 9px #f05a5ad9}body.touch #screen-frame{position:relative;z-index:1;padding:4px;border:1px solid rgba(232,236,255,.18);border-bottom-width:2px;border-radius:20px 20px 28px 28px;background:linear-gradient(#080b14,#080b14) padding-box,linear-gradient(135deg,var(--shell-gold),var(--shell-green) 38%,var(--shell-blue) 68%,var(--shell-red)) border-box;box-shadow:0 0 0 3px #060912e6,0 12px 30px #0000008c,inset 0 0 0 1px #ffffff1a}body.touch #screen-frame:before{content:"";position:absolute;inset:7px 7px auto;height:28%;border-radius:10px 10px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);pointer-events:none}body.touch #screen-frame:after{content:"POLITICMON COLOR";position:absolute;left:16px;bottom:-16px;color:#f4d34adb;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}body.touch #touch-ui{margin-top:clamp(10px,3vh,22px)}#touch-move{display:flex;flex-direction:column;align-items:center;gap:10px}#touch-dpad{position:relative;width:132px;height:132px}#touch-stick{position:relative;width:132px;height:132px;touch-action:none;align-items:center;justify-content:center}#touch-stick-base{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid #53618d;background:radial-gradient(circle at 50% 38%,rgba(244,211,74,.11),transparent 56%),radial-gradient(circle,#263150 0,#263150 58%,#11182b 60%,#11182b);box-shadow:inset 0 3px 10px #0000009e,0 2px #ffffff14}#touch-stick-base:before,#touch-stick-base:after{content:"";position:absolute;background:#aeb8d82e}#touch-stick-base:before{left:50%;top:14px;width:2px;height:72px;transform:translate(-1px)}#touch-stick-base:after{top:50%;left:14px;height:2px;width:72px;transform:translateY(-1px)}#touch-stick-cap{position:relative;width:52px;height:52px;border-radius:50%;border:2px solid #82425b;background:radial-gradient(circle at 45% 34%,#7f6674,#3a2636 70%,#1b1420);box-shadow:inset 0 2px #ffffff17,0 5px 9px #0000008f;pointer-events:none;transition:transform .06s linear}#touch-stick,body.ctrl-stick #touch-dpad{display:none}body.ctrl-stick #touch-stick{display:flex}.dpad-btn{position:absolute;width:46px;height:46px;border:2px solid #4e5c86;border-radius:10px;background:linear-gradient(180deg,#303b5c,#171e33);color:#d4dcff;font-size:16px;box-shadow:inset 0 1px #ffffff1f,0 3px #080b14;touch-action:none}.dpad-btn:active{background:linear-gradient(180deg,#1a2138,#303b5c);transform:translateY(2px);box-shadow:inset 0 1px #ffffff14}.dpad-up{top:0;left:43px}.dpad-down{bottom:0;left:43px}.dpad-left{left:0;top:43px}.dpad-right{right:0;top:43px}#touch-buttons{display:flex;align-items:flex-end;gap:14px}.ab-btn{width:58px;height:58px;border-radius:50%;border:2px solid #8a4661;background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.18),transparent 28%),linear-gradient(180deg,#74405a,#381f32);color:#ffd8e2;font-size:20px;font-weight:700;box-shadow:inset 0 2px #ffffff1a,0 5px #17101b,0 8px 14px #00000057;touch-action:none}.a-btn{margin-bottom:26px}.ab-btn:active{transform:translateY(3px);background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,#3a2134,#74405a);box-shadow:inset 0 2px #ffffff0f,0 2px #17101b}.start-btn{height:26px;padding:0 14px;border-radius:13px;border:2px solid #4e5c86;background:linear-gradient(180deg,#303b5c,#171e33);color:#d4dcff;font-size:10px;letter-spacing:1px;align-self:center;margin-left:4px;box-shadow:inset 0 1px #ffffff1a,0 3px #080b14;touch-action:none}.start-btn:active{transform:translateY(2px);background:linear-gradient(180deg,#171e33,#303b5c);box-shadow:inset 0 1px #ffffff14}@media(max-width:480px){body.touch #console-shell{gap:8px;padding:10px 7px 13px;border-radius:22px 22px 36px 36px}body.touch #console-top{min-height:38px;font-size:11px;padding-inline:4px}.console-brand{min-height:34px;min-width:min(67vw,236px);gap:5px;padding:6px 11px}.console-power{padding:4px 7px;font-size:9px}body.touch #screen-frame{padding:5px;border-radius:13px 13px 20px 20px}#touch-ui{max-width:100%;padding:0 8px max(4px,env(safe-area-inset-bottom))}#touch-dpad{width:116px;height:116px}.dpad-btn{width:42px;height:42px}.dpad-up,.dpad-down{left:37px}.dpad-left,.dpad-right{top:37px}#touch-buttons{gap:10px}.ab-btn{width:54px;height:54px}.a-btn{margin-bottom:18px}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){body.touch #app{justify-content:center;padding:2px max(4px,env(safe-area-inset-right)) 2px max(4px,env(safe-area-inset-left))}body.touch #console-shell{width:min(100%,840px);height:calc(100vh - 4px);max-width:840px;padding:3px 8px 5px;gap:2px;border-radius:24px 24px 36px 36px;justify-content:flex-start}body.touch #console-top{width:min(100%,620px);min-height:54px;padding-top:0}body.touch #touch-ui{position:absolute;inset:82px 10px auto;width:auto;max-width:none;margin:0;padding:0 10px;z-index:3;pointer-events:none}body.touch #touch-move,body.touch #touch-buttons{pointer-events:auto}body.touch #touch-dpad,body.touch #touch-stick{width:104px;height:104px}body.touch .dpad-btn{width:38px;height:38px}body.touch .dpad-up,body.touch .dpad-down{left:33px}body.touch .dpad-left,body.touch .dpad-right{top:33px}body.touch #touch-buttons{gap:8px}body.touch .ab-btn{width:50px;height:50px}body.touch .a-btn{margin-bottom:18px}body.touch .start-btn{margin-left:0;padding-inline:10px}}