:root{color-scheme:dark;--bg:#06101b;--panel:#0c1e2c;--line:#28515b;--green:#50ffc4;--soft:#98bad0;--gold:#f2c66f;--red:#ff526c;font-family:system-ui,'Tajawal',Tahoma,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:#06101b;color:#edf6ee;overflow-x:hidden}button{font-family:inherit;cursor:pointer}.war-page{min-height:100dvh;padding:12px 14px 24px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 52% 48%,#0d383e 0%,#071927 39%,#050e18 90%)}.war-top{display:flex;justify-content:space-between;align-items:center;gap:9px;background:#0a1a27d9;border:1px solid #25434b;border-radius:17px;padding:10px 14px;flex-shrink:0}.war-brand{display:flex;gap:10px;align-items:center}.war-logo{width:41px;height:41px;border-radius:9px}.war-brand small{display:block;color:#82a7b6;font-size:11px}.war-brand h1{margin:0;font-size:18px;color:var(--gold)}.war-nav{display:flex;align-items:center;gap:9px}.war-link,.war-pill{color:#d2e6dc;border:1px solid #3d6471;background:#132a39;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:800;font-size:12px}.war-pill{color:var(--gold)}.war-grid{width:100%;display:grid;grid-template-columns:minmax(240px,.95fr) minmax(400px,1.42fr) minmax(210px,.78fr);gap:12px;min-height:0;flex:1;direction:ltr}.war-panel{background:linear-gradient(150deg,#0c2330e9,#071723e8);border:1px solid #2b4e57;border-radius:17px;padding:13px;box-shadow:inset 0 1px #ffffff08;direction:rtl;min-width:0}.war-panel h2{margin:0 0 8px;font-size:16px;color:var(--gold);display:flex;justify-content:space-between;gap:8px}.war-chip{border-radius:99px;padding:3px 9px;background:#13352f;color:#5cf2c7;font-size:11px;font-weight:900;white-space:nowrap}.war-left{display:flex;flex-direction:column;gap:11px}.war-log{background:#05121ad9;border:1px solid #3e6066;border-radius:11px;padding:11px;flex:1;min-height:155px;overflow:auto;max-height:45vh;text-align:left;direction:ltr;color:#b4e4d5;font:12px/1.9 ui-monospace,monospace}.war-log div{border-bottom:1px solid #ffffff10;padding:3px 0}.war-log strong{color:var(--green)}.war-log .danger strong{color:var(--red)}.war-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.war-btn{min-height:43px;border:1px solid #3f6771;color:#e9faf2;background:linear-gradient(#203a49,#102633);border-radius:12px;padding:9px 8px;font-weight:900;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.15s;white-space:normal;line-height:1.25}.war-btn:hover{filter:brightness(1.19)}.war-btn:active{transform:scale(.97)}.war-btn:disabled{opacity:.4;cursor:not-allowed}.war-btn .sym{font-size:23px}.war-btn.gold{background:linear-gradient(#ffdc89,#ce923b);color:#2b2014;border-color:#ffe39a}.war-btn.red{background:linear-gradient(#a93142,#521826);border-color:#db6d7b}.war-btn.green{background:linear-gradient(#13745e,#124539);border-color:#4cd4a5}.war-btn.wide{grid-column:1/-1}.war-mini{font-size:11px;color:#88a9b4;margin:0;line-height:1.6}.war-center{display:flex;flex-direction:column;align-items:center;gap:8px}.war-radar-frame{position:relative;width:min(100%,calc(100dvh - 152px),720px);aspect-ratio:1;max-height:660px;flex:0 1 auto;background:radial-gradient(circle,#08262e,#031119 70%);border-radius:50%;box-shadow:0 0 0 2px #396361,0 0 38px #12b89426,inset 0 0 65px #00c68d16;overflow:hidden;border:6px solid #0b2d32}.war-radar-frame canvas{width:100%;height:100%;touch-action:none;cursor:crosshair;display:block}.war-radar-tag{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);background:#082228da;border:1px solid #3a766e;color:#a5ffcd;padding:5px 11px;border-radius:99px;white-space:nowrap;font-size:11px;pointer-events:none}.war-target-summary{width:100%;display:flex;align-items:center;gap:10px}.war-distance{padding:11px 14px;min-width:0;flex:1;background:#061925;border:1px solid #2a5a60;border-radius:11px;color:#d5e9df;font-weight:900;text-align:center}.war-distance span{color:var(--red)}.war-battery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.war-count{border:1px solid #2b5d60;background:#0b2733;border-radius:11px;padding:12px}.war-count small{display:block;color:#7aa6b0;margin-bottom:2px;font-size:11px}.war-count strong{font-size:21px;color:var(--gold)}.war-right{display:flex;flex-direction:column;gap:12px}.war-signal{padding:14px;border-radius:15px;background:linear-gradient(140deg,#112d35,#08222d);border:1px solid #346462;text-align:center}.signal-bars{display:flex;align-items:end;justify-content:center;gap:5px;height:44px;direction:ltr}.signal-bars i{display:block;width:17px;border-radius:3px 3px 0 0;background:#55dca4;transition:background .5s,opacity .5s}.signal-bars i:nth-child(1){height:12px}.signal-bars i:nth-child(2){height:20px}.signal-bars i:nth-child(3){height:28px}.signal-bars i:nth-child(4){height:36px}.signal-bars i:nth-child(5){height:43px}.war-signal h3{margin:12px 0 0;font-size:20px}.war-signal h3.critical{color:var(--red)}.war-signal small{font-size:12px;color:#9ac1bd}.war-emergency{border:3px solid #a85b63;min-height:116px;border-radius:50%;aspect-ratio:1;max-width:125px;width:100%;align-self:center;background:radial-gradient(circle at 35% 20%,#ff8e95,#ad2f46 58%,#5f1229);color:#fff3ed;box-shadow:inset 0 0 0 9px #552132,0 0 22px #ff344238;font-size:13px;font-weight:900}.war-emergency span{display:block;font-size:29px}.war-emergency:active{transform:scale(.95)}.war-alert{background:#421728;border:1px solid #c4535d;border-radius:11px;padding:11px;color:#ffd9e2;text-align:center;font-size:12px;font-weight:900;display:none;animation:flash 1s infinite alternate}.war-alert.active{display:block}.war-data{background:#081b29;border:1px solid #29515b;border-radius:13px;padding:13px}.war-data h3{margin:0 0 8px;color:var(--gold);font-size:13px}.war-data .line{display:flex;justify-content:space-between;gap:6px;font-size:12px;margin:7px 0}.war-data .line b{color:#8ceccc;direction:ltr}.war-data .line b.red{color:#ff8a91}.war-message{position:fixed;z-index:99;top:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;background:#122d35;color:white;border:1px solid #62d3ae;border-radius:12px;padding:12px 20px;font-size:13px;box-shadow:0 14px 30px #0009;pointer-events:none}.war-footer{font-size:11px;color:#7897a3;text-align:center}.war-turn{display:none}.war-target-help{text-align:center;color:#8ab9ad;font-size:12px}.war-panel::-webkit-scrollbar,.war-log::-webkit-scrollbar{width:4px}.war-log::-webkit-scrollbar-thumb{background:#4c8378}@keyframes flash{from{opacity:.6}to{opacity:1}}@media(max-width:850px) and (orientation:landscape){.war-page{gap:7px;padding:6px 8px}.war-top{padding:4px 10px}.war-brand h1{font-size:13px}.war-logo{width:27px;height:27px}.war-grid{grid-template-columns:minmax(145px,.95fr) minmax(270px,1.55fr) minmax(145px,.8fr);gap:7px}.war-panel{padding:8px;border-radius:10px}.war-panel h2{font-size:12px;margin:0 0 5px}.war-log{font-size:9px;line-height:1.3;min-height:95px;max-height:120px;padding:5px}.war-controls{gap:4px}.war-btn{font-size:9px;min-height:27px;padding:3px;gap:0}.war-btn .sym{font-size:14px}.war-radar-frame{width:min(100%,calc(100dvh - 72px),480px);border-width:3px}.war-center{gap:4px}.war-distance{font-size:10px;padding:4px}.war-target-help,.war-footer{display:none}.war-right{gap:6px}.war-signal{padding:5px}.signal-bars{height:26px}.signal-bars i{width:9px;max-height:26px}.war-signal h3{font-size:12px;margin:2px 0}.war-emergency{max-width:64px;min-height:64px;font-size:9px;border-width:2px}.war-emergency span{font-size:18px}.war-data{padding:6px}.war-data h3,.war-data .line{font-size:9px;margin:2px 0}.war-count{padding:4px}.war-count strong{font-size:13px}.war-count small{font-size:8px}.war-radar-tag{font-size:8px}.war-pill,.war-link{padding:5px;font-size:9px}}@media(orientation:portrait) and (max-width:850px){.war-turn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:fixed;inset:0;background:#061320;z-index:200;padding:30px;text-align:center}.war-turn .turn-icon{font-size:75px;animation:turn 2s ease-in-out infinite alternate}.war-turn h2{font-size:23px;color:var(--gold);margin:0}.war-turn p{max-width:320px;color:#b5cecf;line-height:1.8}.war-turn button{border:1px solid #648078;color:white;background:#193647;border-radius:12px;padding:12px}}@keyframes turn{to{transform:rotate(90deg)}}@media(min-width:851px){.war-grid{max-width:1400px;margin:auto;max-height:calc(100dvh - 120px)}.war-radar-frame{width:min(100%,calc(100dvh - 210px),630px)}}
@media(min-width:851px) and (max-height:700px) and (orientation:landscape){.war-page{padding:7px 11px 9px;gap:6px}.war-top{padding:6px 10px}.war-brand h1{font-size:15px}.war-brand small{font-size:9px}.war-logo{width:32px;height:32px}.war-grid{max-height:calc(100dvh - 88px);grid-template-columns:minmax(230px,1fr) minmax(350px,1.5fr) minmax(200px,.86fr);gap:9px}.war-panel{padding:9px}.war-panel h2{font-size:13px;margin-bottom:5px}.war-left{gap:6px}.war-log{max-height:125px;min-height:95px;font-size:10px;line-height:1.4;padding:6px}.war-mini{font-size:9px;line-height:1.3}.war-controls{gap:5px}.war-btn{min-height:31px;padding:5px;font-size:10px}.war-btn .sym{font-size:15px}.war-radar-frame{width:min(100%,calc(100dvh - 132px),460px);border-width:3px}.war-radar-tag{font-size:9px;padding:3px 7px}.war-center{gap:5px}.war-distance{padding:5px;font-size:11px}.war-count{padding:5px}.war-count small{font-size:9px}.war-count strong{font-size:15px}.war-target-help{display:none}.war-signal{padding:7px}.signal-bars{height:26px}.signal-bars i{width:11px;max-height:26px}.war-signal h3{font-size:14px;margin:3px 0}.war-emergency{max-width:70px;min-height:70px;font-size:9px;border-width:2px}.war-emergency span{font-size:18px}.war-right{gap:6px}.war-data{padding:7px}.war-data .line,.war-data h3{font-size:10px;margin:3px 0}.war-footer{font-size:9px}}
@media(min-width:851px) and (max-height:700px) and (orientation:landscape){.war-radar-frame{width:min(100%,calc(100dvh - 220px),370px)}.war-grid{max-height:calc(100dvh - 82px)}.war-center{justify-content:flex-start}.war-footer{position:relative;z-index:1;background:#06101b}}
@media(max-width:850px) and (orientation:landscape){.war-page{gap:4px;padding:5px 6px}.war-top{padding:3px 7px}.war-grid{gap:5px}.war-panel{padding:6px}.war-left{gap:4px}.war-left .war-mini{display:none}.war-log{min-height:63px;max-height:75px;padding:4px;font-size:9px;line-height:1.3}.war-btn{font-size:8px;min-height:28px;padding:3px 2px}.war-btn .sym{font-size:13px}.war-controls{gap:3px}.war-radar-frame{width:min(100%,calc(100dvh - 159px),400px);border-width:2px}.war-center{gap:3px}.war-radar-tag{font-size:7px}.war-target-summary .war-distance{font-size:9px;padding:3px}.war-battery{gap:4px}.war-count{padding:3px}.war-count small{font-size:8px}.war-count strong{font-size:11px}.war-signal{padding:4px}.war-emergency{max-width:54px;min-height:54px;font-size:8px}.war-emergency span{font-size:16px}.war-data{padding:5px}.war-data .line{font-size:8px;margin:2px 0}.war-right .war-mini{display:none}}

/* Update 20: a true locked war-room landing, without breaking portrait device unlock. */
.war-access-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 55% 5%,#21564255,transparent 45%),#071321;color:#f4f0e1;font-family:system-ui,'Cairo',sans-serif}
.war-access-card{width:min(460px,100%);border:1px solid #407767;background:linear-gradient(145deg,#142d38,#091725);border-radius:25px;padding:26px;text-align:center;box-shadow:0 25px 60px #0009}
.war-access-mark{font-size:48px}.war-access-card h1{font-size:26px;color:#f3d37a;margin:9px 0}.war-access-card p{line-height:1.8;color:#b9d4d0;font-size:14px}.war-access-card form{display:grid;gap:11px;text-align:right;margin:20px 0}.war-access-card label{font-size:14px;font-weight:800;color:#d9e5db}.war-access-card input{width:100%;border:1px solid #52766c;background:#081a27;border-radius:12px;color:white;padding:14px;font:inherit}.war-access-card button{border:1px solid #eacf81;border-radius:14px;background:linear-gradient(#ffe6a1,#d2a03f);color:#252117;font-weight:900;font:inherit;padding:13px}.war-access-card button:disabled{opacity:.65}.war-access-message{color:#ffc0ab;font-size:13px;min-height:20px;margin-top:12px}.war-access-card a{display:inline-block;margin-top:14px;color:#d9c187;font-size:14px}.war-access-card .war-access-hint{font-size:12px;color:#85a9a5}
/* The unlocked code gate must remain usable on a portrait phone. */
body:has(.war-access-screen) .war-turn{display:none!important}

/* Update 21: read-only radar and cohesive purchase dialogs */
.war-spectator{display:flex;align-items:center;justify-content:center;gap:12px;background:#0d2533;border:1px solid #b79953a6;border-radius:12px;padding:7px 11px;direction:rtl;flex-wrap:wrap}.war-spectator[hidden],.war-spectator form[hidden]{display:none!important}.war-spectator>div{display:flex;flex-direction:column;gap:2px}.war-spectator strong{color:#f5d88f;font-size:13px}.war-spectator small{color:#acc8c7;font-size:10px}.war-spectator form{display:flex;align-items:center;gap:7px}.war-spectator input{background:#061927;border:1px solid #618c79;border-radius:9px;color:#fff;padding:8px 10px;max-width:160px;min-width:85px;font:inherit;font-size:12px}.war-spectator form button{background:#ddbb65;color:#262111;border:0;border-radius:9px;padding:8px 10px;font:900 12px inherit}.war-spectator #war-unlock-note{font-size:11px;color:#f6d997}.war-dialog-overlay{position:fixed;inset:0;background:#020a17c9;z-index:600;display:grid;place-items:center;padding:15px;backdrop-filter:blur(6px);direction:rtl}.war-dialog{width:min(420px,100%);padding:25px;border:1px solid #dbba6b;border-radius:23px;text-align:center;background:linear-gradient(150deg,#1c3044,#081a2c);box-shadow:0 25px 66px #000b;color:#e9f1df}.war-dialog-icon{margin:0 auto 9px;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#ddba651c;color:#f1cb83;font-size:27px}.war-dialog h2{color:#f7d78a;font-size:21px;margin:5px}.war-dialog p{font-size:14px;line-height:1.8;color:#deebe3;margin:10px auto 18px}.war-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.war-dialog-actions button{border:1px solid #5c7e7b;border-radius:12px;padding:12px 9px;color:#e9f6e9;background:#17313e;font-size:14px;font-weight:900}.war-dialog-actions [data-answer="yes"]{background:linear-gradient(#ffe5a0,#d3a13c);border-color:#e7c780;color:#252014}
@media(max-width:850px) and (orientation:landscape){.war-spectator{padding:3px 7px;gap:6px}.war-spectator strong{font-size:10px}.war-spectator small{font-size:9px}.war-spectator form{gap:4px}.war-spectator input{padding:4px 7px;font-size:10px}.war-spectator form button{padding:5px 7px;font-size:10px}.war-radar-frame{width:min(100%,calc(100dvh - 189px),400px)}}

/* Update 28: improve touch accessibility and mobile responsiveness without changing theme. */
button,a[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #e9c56e;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}