/* cinematic_skin_v19.css — unified high-fidelity material and lighting skin */
:root{--cin-void:#02070b;--cin-ink:#eaf2ef;--cin-muted:#87a0a6;--cin-gold:#e2bd70;--cin-cyan:#6bd6cf;--cin-red:#e78a7e;--cin-glass:rgba(10,26,35,.72);--cin-edge:rgba(173,221,211,.26);--cin-light-x:78%;--cin-light-y:8%}
html,body{background:var(--cin-void)!important;color:var(--cin-ink)}body{background-image:radial-gradient(ellipse at var(--cin-light-x) var(--cin-light-y),rgba(95,190,184,.12),transparent 24%),radial-gradient(ellipse at 12% 88%,rgba(214,166,82,.08),transparent 28%),linear-gradient(180deg,#0a1d28 0,#030a10 70%)!important}body::before{opacity:.55!important;background-image:radial-gradient(circle at 20% 18%,#7ed8d611 0 1px,transparent 1.5px),radial-gradient(circle at 72% 54%,#d9b96b0d 0 1px,transparent 1.5px)!important;background-size:96px 96px,137px 137px!important}
.app-shell{position:relative!important;isolation:isolate;background:linear-gradient(145deg,rgba(18,43,54,.94),rgba(3,13,20,.98))!important;border:1px solid rgba(220,189,111,.32)!important;border-radius:20px!important;box-shadow:0 0 0 1px #72d2ca0b,0 34px 100px #000c,inset 0 1px #fff2!important;overflow:hidden!important}.app-shell::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--cin-light-x) var(--cin-light-y),rgba(228,190,112,.14),transparent 25%),linear-gradient(125deg,transparent 34%,rgba(103,217,207,.06) 49%,transparent 62%);transition:background .2s}.app-shell::after{content:"";position:absolute;inset:0;z-index:18;pointer-events:none;border:1px solid #fff1;box-shadow:inset 0 0 70px #0005;mask-image:linear-gradient(#000,transparent 20%,transparent 78%,#000)}.app-shell>*{position:relative;z-index:1}.topbar{background:linear-gradient(180deg,#153744e8,#071a24e8)!important;border-bottom:1px solid #dbbc713d!important;box-shadow:0 14px 30px #0007,inset 0 1px #fff2!important}.topbar::after{height:2px!important;background:linear-gradient(90deg,transparent,#6bd6cf,#e2bd70,transparent)!important;filter:blur(.5px);opacity:.75!important}.brand__mark{background:radial-gradient(circle at 35% 30%,#f1d694,#a87935 28%,#142832 30% 100%)!important;border-color:#e2bd70aa!important;box-shadow:0 0 24px #e2bd7044,inset 0 1px #fff7!important}
#gs-hud,.premium-command-deck-v13,.war-room-v16,.live-signal-console-v18,.operation-route-v17{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#gs-hud{border-color:#dcbc714a!important;background:linear-gradient(145deg,#122d38d9,#06131cdd)!important;box-shadow:0 16px 35px #0008,inset 0 1px #fff2!important}.gs-chip{background:linear-gradient(145deg,#1d4149dd,#0a1c26ee)!important;border-color:#7ad5cc25!important}.gs-chip__v{text-shadow:0 0 12px currentColor}
.action-grid{position:relative;padding:9px!important;border:1px solid #72d2ca1c;border-radius:16px;background:linear-gradient(180deg,#04121a44,#020b11a8);box-shadow:inset 0 1px #fff1,0 20px 44px #0005}.action-grid::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 0 49%,#70d3cb0b 50%,transparent 51%),linear-gradient(0deg,transparent 0 49%,#70d3cb08 50%,transparent 51%);background-size:100% 100%,100% 100%}.action-grid .action-card,.sc-card,.eco-card,.inv-card,.alliance-card,.alliance-pact,.operation-card,.product-card,.technology-node-v10,.war-room-tile-v16{background:linear-gradient(145deg,rgba(30,67,78,.92),rgba(6,20,29,.98))!important;border-color:#a4d7cd35!important;box-shadow:0 9px 0 #02080d99,0 20px 30px #0006,inset 0 1px #fff2!important}.action-grid .action-card::before,.sc-card::before,.eco-card::before,.inv-card::before,.alliance-card::before,.alliance-pact::before,.operation-card::before,.product-card::before,.technology-node-v10::before{background:radial-gradient(circle at var(--cin-light-x) var(--cin-light-y),#ffe09a1f,transparent 34%),linear-gradient(120deg,transparent 44%,#7adbd314 50%,transparent 58%)!important}.action-grid .action-card:hover,.sc-card:hover,.eco-card:hover,.inv-card:hover,.alliance-card:hover,.alliance-pact:hover,.operation-card:hover,.product-card:hover,.technology-node-v10:hover,.war-room-tile-v16:hover{border-color:#e2bd70aa!important;box-shadow:0 12px 0 #02080dcc,0 28px 46px #0009,0 0 28px #e2bd7022,inset 0 1px #fff3!important}.section-title,.panel-title,.jw-toolbar{color:#efd498!important;text-shadow:0 0 14px #e2bd7020}.section-title::before,.panel-title::before,.jw-toolbar::before{background:linear-gradient(180deg,#e2bd70,#6bd6cf)!important;box-shadow:0 0 16px #6bd6cf44!important}
.premium-command-deck-v13,.war-room-v16{border-color:#e2bd7066!important;background:radial-gradient(circle at 90% 0,#e2bd7018,transparent 24%),linear-gradient(145deg,#1a3945f2,#06131cf5)!important;box-shadow:0 24px 55px #000b,inset 0 1px #fff2!important}.war-room-v16{border-radius:9px 28px 9px 28px!important}.war-room-lane-v16{background:linear-gradient(145deg,#0f2a34e8,#06141ddd)!important;border-color:#73d2ca42!important}.operation-route-v17,.live-signal-console-v18{border-color:#72d2ca55!important;background:linear-gradient(105deg,#06171fe8,#102c32e6)!important}.bottom-nav{background:linear-gradient(180deg,#0b2029f0,#020a10f8)!important;border-top-color:#e2bd7066!important;box-shadow:0 -18px 38px #000b!important}.bottom-nav button.active{color:#f0ce82!important;background:linear-gradient(180deg,#e2bd701f,#6bd6cf09)!important;box-shadow:inset 0 2px #e2bd70,0 0 20px #e2bd7018!important}
@media(max-width:600px){.app-shell{border-radius:16px!important}.app-shell::after{box-shadow:inset 0 0 34px #0006}.action-grid{padding:6px!important}.action-grid .action-card,.sc-card,.eco-card,.inv-card,.alliance-card,.alliance-pact,.operation-card,.product-card,.technology-node-v10,.war-room-tile-v16{box-shadow:0 6px 0 #02080d99,0 14px 24px #0006,inset 0 1px #fff2!important}}
@media(prefers-reduced-motion:reduce){.app-shell::before{transition:none}.action-grid .action-card:hover,.sc-card:hover,.eco-card:hover,.inv-card:hover,.alliance-card:hover,.alliance-pact:hover,.operation-card:hover,.product-card:hover,.technology-node-v10:hover,.war-room-tile-v16:hover{transform:none}}
