:root{--theme-primary: #ffcc00;--theme-primary-glow: rgba(255, 42, 42, .45);--theme-gold: #ffcc00;--theme-gold-glow: rgba(255, 204, 0, .5);--theme-silver: #dcdcdc;--theme-bg-dark: #060608;--theme-panel-bg: rgba(16, 10, 11, .94);--arwes-frames-line-color: var(--theme-primary);--arwes-frames-line-filter: drop-shadow(0 0 4px var(--theme-primary-glow))}.carbon-panel{background-color:#11090a;background-image:linear-gradient(45deg,#180d0f 25%,transparent 25%),linear-gradient(-45deg,#180d0f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#180d0f 75%),linear-gradient(-45deg,transparent 75%,#180d0f 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;border:1.5px solid #ffcc0044;box-shadow:inset 0 0 25px #000000e6,0 0 20px #fc03;position:relative;border-radius:4px}.metallic-badge{background:linear-gradient(180deg,#eaeaea,#b0b0b0 50%,#8c8c8c 55%,#c8c8c8);border:2px solid #5a5a5a;border-radius:6px;color:#38020a;font-family:Orbitron,monospace;font-size:.85rem;font-weight:900;letter-spacing:2px;padding:4px 22px;text-transform:uppercase;text-shadow:0 1px 1px rgba(255,255,255,.8);box-shadow:0 4px 6px #0006,inset 0 1px #ffffff80;display:inline-block}.mockup-level-btn{position:relative;background:linear-gradient(135deg,#66060c,#240003);border:1.5px solid rgba(255,42,42,.35);color:#fc0;font-family:Orbitron,monospace;font-weight:900;font-size:1.15rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 10px #000c;border-radius:4px}.mockup-level-btn:hover:not(:disabled){border-color:#fc0;box-shadow:0 0 12px #ffcc00a6,inset 0 0 10px #000c}.mockup-level-btn:disabled{background:#24000366;border-color:#ff2a2a1f;color:#fc03;cursor:not-allowed}.mockup-level-btn.active{border-color:#fc0;background:linear-gradient(135deg,#850c14,#3b0005);box-shadow:0 0 16px #ffcc00d9,inset 0 0 10px #000c}.corner-pin{position:absolute;width:6px;height:6px;border:1.5px solid #ff2a2a;pointer-events:none;z-index:2}.corner-pin-tl{top:2px;left:2px;border-right:none;border-bottom:none}.corner-pin-tr{top:2px;right:2px;border-left:none;border-bottom:none}.corner-pin-bl{bottom:2px;left:2px;border-right:none;border-top:none}.corner-pin-br{bottom:2px;right:2px;border-left:none;border-top:none}.action-btn-green{background:linear-gradient(135deg,#594700,#261e00);border:2px solid #b0b0b0;box-shadow:0 3px 6px #0009,inset 0 0 8px #ffcc0059;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.action-btn-green:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 12px #ffcc00b3;border-color:#fff}.action-btn-green:disabled{opacity:.4;cursor:not-allowed}.action-btn-yellow{background:linear-gradient(135deg,#594700,#261e00);border:2px solid #b0b0b0;box-shadow:0 3px 6px #0009,inset 0 0 8px #ffcc0059;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.action-btn-yellow:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 12px #ffcc00b3;border-color:#fff}.action-btn-yellow:disabled{opacity:.4;cursor:not-allowed}.action-btn-red{background:linear-gradient(135deg,#6e0c17,#2b0206);border:2px solid #b0b0b0;box-shadow:0 3px 6px #0009,inset 0 0 8px #ff1e1e59;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.action-btn-red:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 12px #ff3232b3;border-color:#fff}.action-btn-red:disabled{opacity:.4;cursor:not-allowed}.glass-panel{background:#100a0bd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,42,42,.2)}.text-gold{color:var(--theme-gold)!important;text-shadow:0 0 8px rgba(255,204,0,.5)}.text-crimson{color:var(--theme-primary)!important;text-shadow:0 0 8px rgba(255,42,42,.5)}.text-silver{color:silver!important}.theme-tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:#fff6;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;padding:8px 16px;cursor:pointer;transition:all .25s;letter-spacing:1px}.theme-tab-btn:hover{color:var(--theme-gold)}.theme-tab-btn.active{border-bottom-color:var(--theme-gold);color:var(--theme-gold);text-shadow:0 0 8px var(--theme-gold-glow)}.theme-tab-btn.active.tab-red{border-bottom-color:var(--theme-primary);color:var(--theme-primary);text-shadow:0 0 8px var(--theme-primary-glow)}.chevron-indicator{display:flex;flex-direction:column;gap:1px;margin-left:6px;opacity:.75}.chevron-indicator span{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid var(--theme-gold)}.game-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#050508bf;pointer-events:all;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px}.game-window{position:relative;background:#0a0a0ceb;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box}.game-window-default{border:1.5px solid rgba(255,204,0,.25);box-shadow:0 0 30px #ffcc0026}.game-window-failure{border:1.5px solid rgba(255,42,42,.25);box-shadow:0 0 30px #ff2a2a26}.game-window-success{border:1.5px solid rgba(0,255,102,.25);box-shadow:0 0 30px #00ff6626}.game-window-title{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:10;background:#0a0a0cd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 24px;font-family:Orbitron,Tajawal,monospace;font-size:clamp(.85rem,1.8vw,1.05rem);font-weight:900;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;border-radius:4px;box-shadow:0 4px 10px #00000080;box-sizing:border-box}.game-window-title-default{border:1.5px solid #ffcc00;color:#fc0;box-shadow:0 4px 10px #00000080,0 0 10px #ffcc0040}.game-window-title-failure{border:1.5px solid #ff2a2a;color:#ff2a2a;box-shadow:0 4px 10px #00000080,0 0 10px #ff2a2a40}.game-window-title-success{border:1.5px solid #00ff66;color:#0f6;box-shadow:0 4px 10px #00000080,0 0 10px #00ff6640}.game-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;font-family:Orbitron,Tajawal,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .2s ease-in-out;border-radius:4px;box-sizing:border-box;outline:none;-webkit-user-select:none;user-select:none;text-decoration:none}.game-btn:disabled{cursor:not-allowed;opacity:.4}.game-btn-negative{background:#ffffff26;border:2px solid #ffffff;color:#fff;box-shadow:0 0 8px #fff3;text-shadow:0 0 4px rgba(255,255,255,.4)}.game-btn-negative:hover:not(:disabled){background:#ffffff40!important;box-shadow:0 0 15px #ffffff73!important}.game-btn-positive{background:linear-gradient(180deg,#594700bb,#261e00bb);color:#fc0;border-color:#fc0;box-shadow:0 0 8px #fc03;text-shadow:0 0 4px rgba(255,204,0,.4)}.game-btn-positive:hover:not(:disabled){background:#ffcc0080!important;box-shadow:0 0 16px #ffcc0080!important}.game-btn-ad{background:#fc0;border:2px solid #ffcc00;color:#060608;font-weight:900;box-shadow:0 0 12px #ffcc0059}.game-btn-ad:hover:not(:disabled){background:#ffe066!important;border-color:#ffe066!important;box-shadow:0 0 20px #ffcc00a6!important}.game-btn-ad:disabled{background:#ffcc0026!important;border-color:#ffcc001a!important;color:#ffcc0040!important;box-shadow:none!important;opacity:.5}.briefing-body{flex-direction:row}.briefing-text-col{order:1;flex:1 1 0;min-width:0}.briefing-map-col{order:2;flex:0 0 auto;height:100%;width:auto;aspect-ratio:1 / 1;min-width:0;display:flex;box-sizing:border-box}@media (max-width: 768px){.briefing-header h2{font-size:clamp(.85rem,4vw,1.2rem)!important}}@media (max-width: 1200px){.briefing-text-col{order:1;overflow-y:visible!important;gap:8px!important}.briefing-map-col{order:2;width:auto!important;height:min(60vh,240px)!important;aspect-ratio:1 / 1!important;align-self:center;flex-shrink:0}}@media (max-width: 480px){.briefing-header button{width:100%!important;padding:8px 12px!important;font-size:.7rem!important}.briefing-text-col h3{font-size:.65rem!important;margin-bottom:4px!important}.briefing-text-col p{font-size:.55rem!important}}
