@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@600;700&family=Rajdhani:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0a0f1a;color:#d8e6f0;--app-bg: #0a0f1a;--panel-bg: rgba(12, 24, 38, .96);--panel-bg-strong: rgba(8, 16, 28, .99);--panel-border: rgba(79, 227, 255, .18);--panel-border-strong: rgba(0, 175, 255, .5);--panel-muted: rgba(216, 230, 240, .78);--input-bg: rgba(10, 20, 33, .98);--input-border: rgba(79, 227, 255, .2);--input-focus: #4fe3ff;--accent-blue: #00afff;--accent-cyan: #4fe3ff;--accent-amber: #ffb340;--button-primary: linear-gradient(180deg, rgba(18, 133, 214, .64), rgba(8, 75, 128, .86));--button-primary-hover: linear-gradient(180deg, rgba(55, 186, 255, .76), rgba(10, 101, 171, .92));--button-danger: linear-gradient(180deg, rgba(160, 43, 43, .85), rgba(113, 24, 24, .92));--button-danger-hover: linear-gradient(180deg, rgba(188, 56, 56, .92), rgba(136, 30, 30, .98));--button-success: linear-gradient(180deg, rgba(34, 143, 83, .96), rgba(18, 97, 54, .98));--button-success-hover: linear-gradient(180deg, rgba(43, 171, 100, .96), rgba(23, 120, 67, .98));--button-secondary: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015));--button-secondary-hover: linear-gradient(180deg, rgba(79, 227, 255, .14), rgba(255, 255, 255, .04));--shadow: 0 20px 54px rgba(0, 0, 0, .48);--glow-soft: 0 0 0 1px rgba(79, 227, 255, .1), 0 0 20px rgba(0, 175, 255, .1);--text-main: #d8e6f0;--heading-shadow: 0 0 12px rgba(79, 227, 255, .16);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--space-sm: clamp(.65rem, .7vw + .4rem, .9rem);--space-md: clamp(1rem, 1.1vw + .7rem, 1.45rem);--space-lg: clamp(1.3rem, 1.8vw + .85rem, 2.2rem);--space-xl: clamp(1.8rem, 2.4vw + 1.1rem, 2.9rem);--shell-max-width: min(100%, 1800px)}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100%}html{font-size:clamp(15px,.8rem + .2vw,18px)}body{position:relative;overflow-x:hidden;background:radial-gradient(circle at top,#00afff2e,#0a0f1a00 34%),radial-gradient(circle at right top,#4fe3ff14,#0a0f1a00 26%),linear-gradient(180deg,#070d16,#0a0f1a 55%,#09111c);color:var(--panel-muted);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;font-size:1rem;line-height:1.5}h1,h2,h3,h4{font-family:Orbitron,Segoe UI,Trebuchet MS,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;text-shadow:var(--heading-shadow)}h1,h2,h3,h4{color:var(--text-main)}button,label,select,input{font-family:Rajdhani,Inter,Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(79,227,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(79,227,255,.02) 1px,transparent 1px),repeating-linear-gradient(180deg,rgba(79,227,255,.035) 0,rgba(79,227,255,.035) 1px,transparent 1px,transparent 4px);background-size:48px 48px,48px 48px,auto;opacity:.14;mix-blend-mode:screen}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 56%,rgba(0,0,0,.34) 100%)}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(18rem,min(24rem,28vw)) minmax(0,1fr);min-height:100dvh;width:100%;max-width:var(--shell-max-width);margin:0 auto}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;border-top:1px solid rgba(79,227,255,.35);box-shadow:inset 0 1px #4fe3ff2e}.sidebar{padding:var(--space-xl) var(--space-lg);border-right:1px solid rgba(79,227,255,.12);background:linear-gradient(180deg,#050b14fa,#040911fc);box-shadow:inset -1px 0 #00afff14,inset 0 1px #4fe3ff0f;min-width:0}.sidebar h1{margin:0 0 24px;font-size:1.65rem;letter-spacing:.2em;color:var(--text-main);line-height:1.22;text-shadow:0 0 18px rgba(79,227,255,.16)}.logo-image{max-width:100%;height:auto;margin-bottom:24px;display:block}.sidebar .logo-image{max-height:140px}.login-box .logo-image{max-height:180px;margin:0 auto 32px}.sound-toggle{margin:0 0 20px;padding:8px 12px;border:1px solid rgba(79,227,255,.2);border-radius:999px;background:#040c14e6;color:var(--text-main);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.sound-toggle:hover{border-color:#4fe3ff73;box-shadow:0 0 16px #4fe3ff29;transform:translateY(-1px)}.panel,.card,.login-screen .login-box,.operations-panel,.operator-photo-panel,.operator-form-panel,.portrait-hud-card,.helper-panel,.quick-login-card,.confirm-delete-panel,.data-table-shell{position:relative;overflow:hidden}.panel:before,.card:before,.login-screen .login-box:before,.operations-panel:before,.operator-photo-panel:before,.operator-form-panel:before,.portrait-hud-card:before,.helper-panel:before,.quick-login-card:before,.confirm-delete-panel:before,.data-table-shell:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,227,255,.85),transparent);opacity:.7;pointer-events:none}.panel{padding:1.25rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,#0e1b2afa,#09121efa);border:1px solid var(--panel-border);box-shadow:var(--shadow),var(--glow-soft)}.panel h2{margin-top:0;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-main)}.content{padding:var(--space-xl);min-width:0;width:100%}.welcome-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(180deg,#0d1e2ffa,#08111dfa);border:1px solid var(--panel-border-strong);box-shadow:var(--shadow),0 0 24px #00afff1f}.welcome-banner h2{margin:.2rem 0 0;font-size:clamp(1.02rem,1.25vw,1.38rem);font-family:Orbitron,Rajdhani,Segoe UI,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px rgba(79,227,255,.22),0 0 24px rgba(0,175,255,.18)}section{display:grid;gap:1.25rem}.card{padding:1.8rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,#0e1b2af5,#08111dfa);border:1px solid var(--panel-border);box-shadow:var(--shadow),var(--glow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card h3{margin:0 0 .75rem;font-size:1.08rem;color:var(--text-main)}.card ul{margin:0;padding-left:1.3rem}.center-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-screen .login-box{width:620px;max-width:calc(100% - 48px);background:linear-gradient(180deg,#0b1826fa,#08101cfc);border:1px solid var(--panel-border-strong);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow),0 0 28px #00afff24}.home-gate-screen{min-height:100dvh;padding:0;background:#000;align-items:stretch;justify-content:flex-start}.home-gate-screen .home-gate-box{width:100vw!important;max-width:100vw!important;margin:0;padding:0 0 1rem!important;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(.7rem,1.2vh,1.1rem);overflow:visible}.home-gate-screen .home-gate-box:before{display:none}.home-gate-banner-image,.home-gate-coming-soon-image{width:100%;max-width:100%;display:block;height:auto;object-fit:fill;border-radius:var(--radius-md);border:0;box-shadow:none}.home-gate-banner-image{margin:0 0 clamp(.7rem,1.2vh,1.1rem);max-height:none}.home-gate-coming-soon-image{width:33.333%;max-width:33.333%;max-height:none}.home-gate-screen .home-gate-box .field-group,.home-gate-screen .home-gate-box .action-row{width:min(100%,520px)}.home-gate-screen .home-gate-box .field-group>span{text-align:center}.login-box h1{margin:0 0 10px;font-size:1.75rem;text-transform:uppercase;letter-spacing:.14em}.login-box .section-heading{text-align:center}.login-box .muted,.muted{color:var(--panel-muted);font-size:.95rem}.label-stack,.field-group,.login-box label,.card label{display:block;margin-top:14px;font-weight:600;color:var(--text-main)}.field-group{margin-top:0}.field-group>span,.field-group label span{display:block;margin-bottom:.3rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--panel-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}input,select,textarea{width:100%;min-height:58px;padding:1rem 1.05rem;margin-top:.6rem;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:linear-gradient(180deg,#0c1826fa,#08121dfa);color:var(--text-main);font-size:1rem;font-weight:600;color-scheme:dark;box-shadow:inset 0 1px #4fe3ff0d,0 0 0 1px #00000029}textarea{min-height:150px;resize:vertical;font-family:Rajdhani,Segoe UI,Trebuchet MS,Arial,sans-serif;line-height:1.5}input::placeholder{color:#d8e6f07a;font-weight:500}input:focus,select:focus,textarea:focus{outline:1px solid var(--input-focus);outline-offset:2px;border-color:var(--input-focus);box-shadow:0 0 0 1px #4fe3ff38,0 0 16px #4fe3ff2e}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent-cyan) 50%),linear-gradient(135deg,var(--accent-cyan) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.8rem;background-color:#0c1622;color:var(--text-main)}select option{background:#0c1622;color:var(--text-main);padding:.8rem;font-family:Rajdhani,Inter,Segoe UI,Arial,sans-serif}select option:checked{background:linear-gradient(180deg,#00afffe6,#0080bef2);color:#061019}button{padding:.95rem 1rem;min-height:52px;border-radius:var(--radius-sm);border:1px solid var(--input-border);cursor:pointer;font-size:.98rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;color:var(--text-main);background:var(--button-secondary);box-shadow:0 8px 24px #00000047,inset 0 1px #4fe3ff14}button:hover{transform:translateY(-2px) scale(1.03);background:var(--button-secondary-hover);border-color:#ffb34099;box-shadow:0 0 0 1px #ffb34033,0 0 18px #ffb34038,0 10px 28px #00000057}button.primary{background:var(--button-primary);border-color:#00afff6b;color:#ecf8ff}button.primary:hover{background:var(--button-primary-hover)}button.secondary{background:#ffffff0d}button.danger{background:var(--button-danger);border-color:#ffa7a740}button.danger:hover{background:var(--button-danger-hover)}button.active{background:linear-gradient(180deg,#2178d2c7,#114780e6);transform:translateY(-2px) scale(1.03);border-color:#ffb340b3;color:#f3fbff;box-shadow:0 0 0 1px #ffb3403d,0 0 22px #ffb34047,0 10px 30px #0000005c}button.player-button:hover,button.player-button.active{border-color:#5df094b8;box-shadow:0 0 0 1px #5df09438,0 0 22px #35c46b42,0 10px 30px #0000005c}button.player-button.active{background:linear-gradient(180deg,#1f844ef5,#125934fa);color:#f4fff8}button:disabled,button.play-action:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}button.play-action:disabled{background:#ffffff08;border-color:#ffffff1f;color:#d8e6f08c}.nav-stack{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}.role-toggle-shell{display:grid;gap:.55rem;margin-top:.8rem}.role-toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.role-toggle-button{width:100%}.role-toggle-button.active{transform:translateY(-1px)}.nav-stack button{width:100%;justify-content:center}.nav-logout-spacer{margin-top:2rem}.athena-nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.nav-unread-badge{min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;display:inline-grid;place-items:center;font-size:.72rem;font-weight:700;line-height:1;color:#07131d;background:#4fe3ff;border:1px solid rgba(255,255,255,.45)}.section-heading{margin-bottom:1rem}.section-heading h2{margin:0}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mode-selection{display:grid;justify-items:center}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-height:150px;text-align:left;padding:1.2rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#0d1a28fa,#08101cfa);border:1px solid var(--panel-border)}.mode-card strong{font-size:1.05rem;color:var(--text-main)}.mode-card span{color:var(--panel-muted);line-height:1.45}.helper-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.1rem;border:1px solid rgba(79,227,255,.14);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff08,#ffffff04)}.handbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.handbook-link-card{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;text-align:left;min-height:220px}.handbook-link-card h3{margin:0;font-size:1.2rem}.handbook-link-card p{margin:0;color:var(--panel-muted);line-height:1.5}.operator-builder{display:grid;gap:1rem}.step-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.step-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.95rem 1rem;min-height:92px;border-radius:var(--radius-md);text-align:left;background:#ffffff0a;border:1px solid rgba(79,227,255,.1)}.step-chip span,.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--panel-muted)}.step-chip strong{color:var(--text-main);font-size:.96rem}.step-chip.active{background:linear-gradient(180deg,#2f6fb8eb,#173c70f5);border-color:#7dbdff66}.step-chip.active span,.step-chip.active strong{color:#f7fbff}.wizard-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:.25rem}.wizard-header h3,.compact-heading h3{margin:0}.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.trait-card{min-height:180px;padding:1.2rem;border-radius:var(--radius-md);text-align:left;background:linear-gradient(180deg,#0d1a28fa,#08101cfa)}.trait-card strong{display:block;margin-bottom:.6rem;font-size:1.08rem}.trait-card span{display:block;color:#9dd0ff;margin-bottom:.6rem}.trait-card p{margin:0;color:var(--panel-muted);line-height:1.45}.trait-card.selected{background:linear-gradient(180deg,#00afff38,#092b47fa);border-color:#4fe3ff73;box-shadow:0 0 0 1px #4fe3ff24,0 0 20px #00afff1f}.trait-card.selected span,.trait-card.selected p{color:#eff7ff}.inset-card{padding:1.4rem;border-radius:var(--radius-md);background:#ffffff06;border:1px solid rgba(79,227,255,.1)}.operator-page{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:1.25rem;align-items:start}.operator-photo-panel,.operator-form-panel{padding:1.2rem;border-radius:var(--radius-md);background:#ffffff06;border:1px solid rgba(79,227,255,.12)}.operator-photo-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(180deg,#122235f5,#080f18fa);border:1px solid rgba(79,227,255,.14)}.operator-photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{padding:1rem;text-align:center;color:var(--panel-muted);text-transform:uppercase;letter-spacing:.12em}.upload-group input[type=file]{padding:.9rem}.upload-label-with-tip{display:inline-flex;align-items:center;gap:.45rem}.upload-size-tip{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;border:1px solid rgba(79,227,255,.42);color:#9feeff;font-size:.72rem;font-weight:700;line-height:1;cursor:help;-webkit-user-select:none;user-select:none}.helper-panel h3{margin:0 0 .35rem}.helper-panel p{margin:0}.athena-command-card{width:min(100%,980px)}.athena-command-card .section-heading{text-align:center}.athena-intro-copy{max-width:70ch;margin:.65rem auto 0;line-height:1.65}.athena-live-recap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.8rem}.athena-live-recap div{display:grid;gap:.2rem;padding:.75rem .8rem;border:1px solid rgba(79,227,255,.18);border-radius:var(--radius-md);background:#ffffff06;text-align:center;justify-items:center}.athena-live-recap strong{color:#7de7ff;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.athena-live-recap span{color:var(--text-main);font-size:.98rem}.athena-channel-field{margin-top:.9rem}.athena-briefing-textbox{min-height:320px;height:clamp(360px,62vh,78vh);max-height:78vh;resize:vertical;font-family:Rajdhani,Orbitron,Inter,Segoe UI,Arial,sans-serif;font-size:1.02rem;font-weight:700;line-height:1.5;letter-spacing:.03em;color:#9feeff;background:linear-gradient(180deg,#05101cfa,#030a12fc);border:1px solid rgba(79,227,255,.42);box-shadow:inset 0 0 0 1px #4fe3ff29,inset 0 0 24px #00afff24,0 0 22px #00afff38;text-shadow:0 0 10px rgba(79,227,255,.28)}.athena-briefing-textbox::placeholder{color:#7de7ff9e}.athena-briefing-textbox:focus{outline:none;border-color:#4fe3ffb8;box-shadow:inset 0 0 0 1px #4fe3ff40,inset 0 0 26px #00afff2e,0 0 28px #00afff47}.action-row{display:flex;gap:.8rem;margin-top:1.25rem;flex-wrap:wrap}.action-row>*{flex:1 1 220px}.inline-actions{display:flex;gap:.6rem;flex-wrap:wrap}.fireteam-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:min(100%,420px)}.fireteam-actions button{width:100%}.base-actions{width:min(100%,280px)}button.play-action{grid-column:1 / -1;min-height:64px;font-size:1.08rem;background:var(--button-success);border-color:#6fdb9c52;color:#f7fff9;box-shadow:0 0 0 1px #5df0941f,0 10px 28px #00000057}button.play-action:hover{background:var(--button-success-hover);border-color:#5df094b8;box-shadow:0 0 0 1px #5df09438,0 0 22px #35c46b42,0 10px 30px #0000005c}button.play-action:focus-visible,button.play-action:active{background:var(--button-success-hover);border-color:#5df094b8;box-shadow:0 0 0 1px #5df09438,0 0 22px #35c46b42,0 10px 30px #0000005c}.divider{margin:1rem 0;border:0;border-top:1px solid rgba(255,255,255,.08)}.quick-login-card{margin-top:1rem;padding:1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid rgba(79,227,255,.12);text-align:center}.quick-login-card p{margin:0 0 .75rem;text-align:center}.quick-login-card button{display:block;margin:0 auto}.status-banner{margin:1rem 0;padding:.9rem 1rem;border-radius:var(--radius-md);background:#ffb3401f;border:1px solid rgba(255,179,64,.32);color:#ffe2b2;font-size:.82rem}.campaign-server-search-card{width:min(1100px,96vw)}.server-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.server-list-item{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid rgba(79,227,255,.16);background:#ffffff08}.server-name-block{display:grid;gap:.25rem}.server-name-block strong{display:inline-flex;align-items:center;gap:.45rem}.server-lock{color:var(--accent-amber)}.confirm-delete-panel{margin:1rem 0;padding:1.2rem;border-radius:var(--radius-md);background:#8f2d2d1f;border:1px solid rgba(255,167,167,.28)}.player-companion .player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.selection-list{display:grid;gap:.7rem;margin-top:.45rem}.selection-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;padding:.95rem 1rem;border:1px solid rgba(79,227,255,.16);border-radius:var(--radius-md);background:#ffffff06;color:var(--text-main)}.selection-card strong{font-size:.98rem}.selection-card span{color:var(--panel-muted);font-size:.9rem}.selection-card.selected{border-color:#5df094b8;box-shadow:0 0 0 1px #5df09433,0 0 16px #35c46b2e;background:#5df09414}.war-effort-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;overflow-y:auto;min-height:100vh;padding:clamp(12px,2vw,28px);background:radial-gradient(circle at top,#00afff3d,#060c1400 42%),linear-gradient(180deg,#060d16fa,#04080f)}.war-effort-stage-shell{display:grid;gap:1.4rem;min-height:calc(100vh - (clamp(12px,2vw,28px)*2));padding:1.6rem;border-radius:24px;border:1px solid rgba(79,227,255,.24);background:#050c14eb;box-shadow:0 0 40px #0000005c}.war-effort-stage-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.war-effort-stage-title{display:grid;gap:.2rem;text-align:center}.war-effort-stage-title h2{margin:0;font-size:1.35rem}.war-effort-stage-kicker{margin:0;color:#7de7ff;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.war-effort-stage-progress{min-width:92px;text-align:right;color:var(--panel-muted);font-size:.9rem}.war-effort-intro-card,.war-effort-empty-state{display:grid;gap:1rem;align-content:center;justify-items:center;text-align:center;padding:2rem;border-radius:24px;border:1px solid rgba(79,227,255,.2);background:linear-gradient(180deg,#081320f5,#040d18fa);min-height:480px}.war-effort-intro-card h3{margin:0;font-size:clamp(2rem,4vw,3rem)}.war-effort-player-name{margin:0;font-size:1.2rem;color:#7de7ff;text-transform:uppercase;letter-spacing:.16em}.war-effort-lead{max-width:780px;margin:0;color:var(--panel-muted);font-size:1.08rem;line-height:1.8}.war-effort-portrait-card{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:2rem;align-items:center;padding:2rem;border-radius:24px;border:1px solid rgba(79,227,255,.2);background:linear-gradient(140deg,#07121ffa,#081a2ef5);min-height:480px}.war-effort-portrait-shell{width:min(100%,420px);aspect-ratio:2 / 3;justify-self:center;border-radius:24px;overflow:hidden;border:1px solid rgba(79,227,255,.2);background:#050d16f5}.war-effort-portrait{width:100%;height:100%;object-fit:cover}.war-effort-placeholder{display:grid;place-items:center;width:100%;height:100%;border-radius:24px;border:1px dashed rgba(79,227,255,.24);color:var(--panel-muted);text-transform:uppercase;letter-spacing:.14em}.war-effort-content{display:grid;gap:.75rem}.war-effort-content h4{margin:0;font-size:clamp(1.4rem,2.3vw,2rem)}.war-effort-content p{margin:0;color:var(--panel-muted);line-height:1.7}.war-effort-quick-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.war-effort-quick-stats div{display:grid;gap:.18rem;padding:.55rem .65rem;border-radius:12px;border:1px solid rgba(79,227,255,.18);background:#ffffff09}.war-effort-quick-stats strong{color:#7de7ff;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.war-effort-quick-stats span{color:var(--panel-muted);font-size:.82rem;line-height:1.35}.war-effort-lore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-content:start}.war-effort-lore-card{display:grid;gap:.45rem;align-content:start;padding:.8rem .95rem;border-radius:14px;border:1px solid rgba(79,227,255,.12);background:#ffffff0a}.war-effort-lore-card-wide{grid-column:1 / -1}.war-effort-lore-card strong{color:#7de7ff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.war-effort-lore-card p{margin:0;color:var(--panel-muted);font-size:.9rem;line-height:1.5}.war-effort-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.war-effort-center-button{margin-left:auto;margin-right:auto}.war-effort-earth-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:1.5rem;align-items:center}.war-effort-earth-panel{position:relative;display:grid;place-items:center;min-height:560px;padding:2rem;border-radius:24px;border:1px solid rgba(79,227,255,.2);background:radial-gradient(circle at center,#0d324f70,#040a12f2);overflow:hidden}.war-effort-earth-glow{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;background:radial-gradient(circle,rgba(79,227,255,.28),transparent 70%);filter:blur(50px);pointer-events:none}.war-effort-earth-map{width:min(100%,620px);height:auto;position:relative;z-index:1}.war-effort-earth-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(79,227,255,.25);background:#040c14f0;color:var(--text-main);box-shadow:0 0 16px #00afff29;cursor:pointer}.war-effort-earth-marker.selected{border-color:#4fe3ffb3;box-shadow:0 0 0 1px #4fe3ff33,0 0 24px #4fe3ff4d;background:#00afff2e}.war-effort-earth-info{display:grid;gap:1rem;padding:1.4rem;border-radius:24px;border:1px solid rgba(79,227,255,.2);background:linear-gradient(180deg,#091625fa,#070f1afa)}.war-effort-earth-info h3{margin:0;font-size:1.45rem}.war-effort-earth-info p{margin:0;color:var(--panel-muted);line-height:1.7}.player-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-radius:var(--radius-md);background:#ffffff06;border:1px solid rgba(79,227,255,.1);gap:.8rem}.operator-summary{display:flex;flex-direction:column;gap:.3rem}.helper-text{margin:.4rem 0 0;color:var(--panel-muted);font-size:.88rem}.fireteam-operations,.base-operations{display:grid;gap:1rem}.base-operations-header{align-items:center}.base-operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.logistics-grid{grid-template-columns:minmax(0,420px)}.armory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.base-module-card{display:grid;gap:.7rem;min-height:220px}.base-module-card h3{margin:0}.base-module-button{width:100%;text-align:left;align-items:start}.base-armory-section{align-content:start}.inventory-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.4rem;background:#030812c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inventory-modal-shell{width:min(94vw,1700px);max-height:min(90vh,980px);display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1rem;border-radius:16px;background:linear-gradient(180deg,#0b131efa,#060c13fc);border:1px solid rgba(79,227,255,.2);box-shadow:0 28px 60px #00000085,0 0 0 1px #4fe3ff14;overflow-y:auto;overflow-x:hidden}.inventory-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(79,227,255,.15);flex-shrink:0}.inventory-modal-header h3{margin:.2rem 0 0;font-size:clamp(1.2rem,2vw,1.8rem)}.inventory-modal-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:1rem;align-items:stretch;width:100%;flex:1 1 auto;min-height:0}.inventory-modal-catalog{min-height:360px;max-height:calc(90vh - 220px);display:flex;flex-direction:column;padding:.8rem;border-radius:12px;border:1px solid rgba(79,227,255,.14);background:#09121dcc;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(79,227,255,.45) rgba(7,18,29,.8)}.inventory-modal-catalog::-webkit-scrollbar,.inventory-detail-panel::-webkit-scrollbar,.inventory-preview-panel::-webkit-scrollbar{width:10px}.inventory-modal-catalog::-webkit-scrollbar-thumb,.inventory-detail-panel::-webkit-scrollbar-thumb,.inventory-preview-panel::-webkit-scrollbar-thumb{background:#4fe3ff6b;border-radius:999px}.inventory-modal-sidepanels{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;min-height:0;max-height:calc(90vh - 220px)}.inventory-detail-panel,.inventory-preview-panel{min-width:0;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(79,227,255,.45) rgba(7,18,29,.8)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.6rem}.inventory-catalog-action-row{margin-top:auto;padding-top:.85rem;border-top:1px solid rgba(79,227,255,.14)}.inventory-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;aspect-ratio:1 / 1;min-height:74px;padding:.35rem .3rem;border-radius:8px;background:linear-gradient(180deg,#0e1a27f0,#070d16f5);border:1px solid rgba(79,227,255,.18);color:var(--text-main);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.inventory-tile:hover{transform:translateY(-1px);border-color:#4fe3ff6b}.inventory-tile.selected{border-color:#4fe3ffb8;box-shadow:0 0 0 1px #4fe3ff2e,0 0 14px #4fe3ff2e}.inventory-tile.equipped{outline:1px solid rgba(111,219,156,.5)}.inventory-tile.empty{opacity:.5;border-color:#4fe3ff1f}.inventory-tile-placeholder{border-style:dashed;background:#ffffff04;border-color:#4fe3ff14;opacity:.6;cursor:default}.inventory-tile-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;background:#4fe3ff14;border:1px solid rgba(79,227,255,.25);font-size:.62rem;font-weight:700;color:#8ee9ff}.inventory-tile span{font-size:.72rem;line-height:1.2;font-weight:700;text-align:center}.inventory-tile small{font-size:.62rem;color:#d8e6f0b8}.inventory-detail-panel,.inventory-preview-panel{display:grid;gap:.85rem;padding:.9rem;border-radius:12px;border:1px solid rgba(79,227,255,.14);background:#09121dcc}.inventory-preview-panel{grid-column:auto;max-height:none}.inventory-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.inventory-detail-header.compact{align-items:center}.inventory-detail-header h4{margin:.2rem 0 0;font-size:1rem}.inventory-quantity-pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:.3rem .5rem;border-radius:999px;background:#58e69a1f;border:1px solid rgba(88,230,154,.28);color:#b9ffcf;font-size:.7rem;font-weight:700}.inventory-stat-block{display:grid;gap:.5rem;padding-top:.2rem}.section-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#4fe3ffb8}.bonus-list,.special-list{display:grid;gap:.45rem}.bonus-item{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;color:var(--panel-muted);font-size:.82rem}.special-list{margin:0;padding-left:1rem;color:#d8e6f0c7;line-height:1.5}.projected-stat-list{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem .8rem}.projected-stat-row{display:flex;justify-content:space-between;align-items:center;gap:.65rem;min-height:2.1rem;padding:.4rem .5rem;border-radius:8px;background:#ffffff05;border:1px solid rgba(79,227,255,.08)}.projected-stat-row span{display:block;color:var(--panel-muted);font-size:.78rem;letter-spacing:.04em}.projected-stat-values{display:flex;align-items:center;gap:.55rem}.projected-stat-row strong,.projected-stat-row em{font-style:normal;font-size:.82rem;font-weight:700}.projected-stat-row strong{color:#d8e6f0d9}.projected-stat-row em{color:#7de7ff}.inventory-action-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto}.inventory-action-row button,.primary-button,.secondary-button,.danger-button,.toggle-state-button{min-height:30px;padding:.45rem .7rem;font-size:.62rem;letter-spacing:.12em}.primary-button{background:var(--button-primary)}.secondary-button{background:#ffffff0a}.danger-button{background:var(--button-danger)}.toggle-state-button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(79,227,255,.28)}.toggle-state-button.active{background:linear-gradient(180deg,#1f844eeb,#125934f5);border-color:#5df094ad}.toggle-state-button.deactivated{background:linear-gradient(180deg,#a02b2be0,#711818eb);border-color:#ff91916b}.toggle-state-button .toggle-state-option{opacity:.45}.toggle-state-button.active .toggle-state-option.active,.toggle-state-button.deactivated .toggle-state-option.deactivated{opacity:1}.toggle-state-divider{opacity:.65}.inventory-action-row button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.75)}.inventory-detail-button{display:flex;width:100%;min-height:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:0;border:0;background:transparent;color:inherit;text-align:left;text-transform:none;letter-spacing:.02em;font-size:1rem;font-weight:600;box-shadow:none}.inventory-detail-button strong{display:block}.inventory-detail-button p{margin:.3rem 0 0}.inventory-detail-button:hover,.inventory-detail-button:focus-visible{transform:none;background:transparent;border-color:transparent;box-shadow:none}.inventory-detail-button:hover strong,.inventory-detail-button:focus-visible strong{color:#f6c46f;text-shadow:0 0 10px rgba(246,196,111,.28)}.inventory-quantity-badge{min-width:56px;padding:.28rem .6rem;border-radius:999px;background:#58e69a24;border:1px solid rgba(88,230,154,.28);color:#b9ffcf;font-weight:700;text-align:center}.fireteam-operations-header{align-items:center}.operations-portrait-hud{display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.portrait-hud-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:min(100%,220px);padding:1rem;border-radius:var(--radius-md);text-align:center;background:linear-gradient(180deg,#0d1a28fa,#08101cfa)}.portrait-hud-card strong,.portrait-hud-card span{width:100%}.portrait-hud-card span{color:var(--panel-muted)}.portrait-hud-card.active{border-color:#7dbdff66;box-shadow:0 0 0 1px #7dbdff33,var(--shadow)}.fireteam-selector-card{width:min(100%,280px);min-height:232px;padding:1.2rem;border:1px solid rgba(79,227,255,.22);background:linear-gradient(180deg,#122f4efa,#081423fc);box-shadow:0 0 0 1px #4fe3ff24,0 0 24px #00afff29,0 18px 36px #00000057}.fireteam-selector-card.active{transform:translateY(-3px) scale(1.04);border-color:#4fe3ff8f;box-shadow:0 0 0 1px #4fe3ff33,0 0 28px #4fe3ff3d,0 22px 38px #0006}.portrait-hud-image.fireteam-selector-emblem{width:152px;aspect-ratio:1 / 1;border-color:#4fe3ff42;box-shadow:inset 0 0 18px #4fe3ff14}.lore-dossier-panel{display:grid;gap:1rem}.lore-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lore-profile-summary,.lore-text-block,.lore-traits-grid{display:grid;gap:.8rem}.lore-profile-summary h4,.lore-text-block h4{margin:0}.lore-text-block p,.lore-traits-grid p{margin:0;color:var(--panel-muted);line-height:1.6}.lore-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.lore-meta-grid div,.lore-traits-grid div{display:grid;gap:.3rem}.lore-meta-grid span,.lore-traits-grid span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--panel-muted)}.lore-meta-grid strong{color:var(--text-main)}.portrait-hud-image{display:flex;align-items:center;justify-content:center;width:148px;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(180deg,#122235f5,#080f18fa);border:1px solid rgba(79,227,255,.14)}.portrait-hud-image img{width:100%;height:100%;object-fit:cover}.operations-layout{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.operations-panel{padding:1.2rem;border-radius:var(--radius-lg);background:#ffffff06;border:1px solid rgba(79,227,255,.12);box-shadow:var(--glow-soft)}.inventory-panel,.stats-panel{box-shadow:inset 0 1px #ffffff0a}.inventory-group+.inventory-group{margin-top:1rem}.inventory-subgroup+.inventory-subgroup{margin-top:.9rem}.inventory-group-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem}.inventory-group-header h4,.stats-group h4{margin:0;color:var(--text-main);text-transform:uppercase;letter-spacing:.08em}.inventory-group-header span{min-width:38px;padding:.2rem .5rem;border-radius:999px;text-align:center;background:#7dbdff2e;color:var(--text-main);font-weight:700}.inventory-subgroup h5{margin:0 0 .55rem;color:var(--panel-muted);text-transform:uppercase;letter-spacing:.08em}.inventory-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.inventory-list li{padding:.8rem .9rem;border-radius:6px;background:#ffffff06;border:1px solid rgba(79,227,255,.08)}.inventory-list li p{margin:.3rem 0 0;color:var(--panel-muted);line-height:1.4}.inventory-stock-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.inventory-select-note{display:block;margin-top:.35rem;color:var(--panel-muted);font-size:.8rem;letter-spacing:.04em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#020810c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(960px,100%);display:grid;gap:1rem;padding:1.4rem;border-radius:var(--radius-lg);border:1px solid rgba(79,227,255,.22);background:linear-gradient(180deg,#0a1422fa,#050a12fa);box-shadow:0 0 0 1px #4fe3ff14,0 24px 56px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.modal-header h3{margin:0}.modal-close{align-self:start}.armory-detail-modal{max-height:min(85vh,900px);overflow-y:auto}.armory-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.armory-detail-count{display:block;margin-top:.35rem;color:#b9ffcf;font-size:1.4rem}.armory-handbook{display:grid;gap:1rem}.armory-header{align-items:center}.armory-note{margin:0}.armory-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.armory-summary-card{display:grid;gap:.45rem;min-height:160px}.armory-summary-card strong{color:var(--text-main);font-size:1.18rem}.armory-category-list{display:grid;gap:1rem}.armory-section-card{display:grid;gap:.85rem}.data-table-shell{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(79,227,255,.12);background:#ffffff05}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.data-table th{color:var(--text-main);font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;background:#00afff24}.data-table tbody tr:nth-child(2n) td{background:#ffffff06}.data-table tbody tr:last-child td{border-bottom:0}.armory-item-table{min-width:980px}.armory-item-name{color:var(--text-main)}.armory-requirement-pill{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;background:#00afff24;color:#d7ecff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.armory-bonus-list{display:flex;flex-wrap:wrap;gap:.45rem}.armory-bonus-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .55rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(79,227,255,.12);color:var(--text-main);white-space:nowrap}.armory-bonus-chip strong{font-size:.78rem}.armory-special-list{margin:0;padding-left:1.15rem;color:var(--panel-muted)}.armory-special-list li+li{margin-top:.3rem}.loadout-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:2px solid rgba(79,227,255,.25)}.loadout-title-section{display:flex;flex-direction:column;gap:.35rem}.loadout-title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.15em;color:var(--text-main);text-transform:uppercase;text-shadow:0 0 16px rgba(79,227,255,.25)}.loadout-subtitle{margin:0;font-size:.85rem;color:#4fe3ffa6;letter-spacing:.05em;font-weight:500}.loadout-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(79,227,255,.15);padding-bottom:0}.loadout-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:#4fe3ff99;font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.loadout-tab:hover{color:#4fe3ffd9}.loadout-tab.active{color:#4fe3ff;border-bottom-color:#4fe3ffcc;text-shadow:0 0 8px rgba(79,227,255,.4)}.loadout-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;padding:0}.loadout-column{display:flex;flex-direction:column;gap:1.5rem}.equipment-category{display:flex;flex-direction:column;gap:.85rem;padding:0}.equipment-category.full-height{height:100%}.category-header{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.12em;color:#4fe3ffd9;text-transform:uppercase;border-left:3px solid rgba(79,227,255,.4);padding:.5rem .5rem 0 .75rem}.equipment-slots{display:flex;flex-direction:column;gap:.75rem}.equipment-slots.column-direction{flex-direction:column}.loadout-slot-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#0c1826b3,#08101cd9);border:1px solid rgba(79,227,255,.18);position:relative;z-index:1;overflow:visible;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 12px #4fe3ff0d}.loadout-slot-wrapper:hover{background:linear-gradient(135deg,#0c1826,#08101cf2);border-color:#4fe3ff66;box-shadow:0 0 16px #4fe3ff33,inset 0 0 12px #4fe3ff14;transform:translateY(-2px)}.loadout-slot-wrapper.weapon-large{padding:1.25rem}.weapon-customization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stats-group .form-grid{margin-top:0}code{background:#ffffff0f;padding:2px 6px;border-radius:4px;color:var(--text-main)}.stat-input-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.stat-input-wrapper.clickable{cursor:pointer}.stat-input{flex:1}.stat-input.readonly-stat{cursor:pointer;transition:all .2s ease}.stat-input.readonly-stat:hover{background:linear-gradient(135deg,#0c1826e6,#08101cfa);border-color:#4fe3ff80;box-shadow:0 0 12px #4fe3ff40}.stat-input.readonly-stat:focus{outline:none;background:linear-gradient(135deg,#0c1826f2,#08101c);border-color:#4fe3ff99;box-shadow:0 0 16px #4fe3ff4d}.stat-breakdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-breakdown-modal{background:linear-gradient(135deg,#0c1826fa,#08101cf5);border:1px solid rgba(79,227,255,.3);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #0009,0 0 40px #4fe3ff26;animation:slideUp .25s cubic-bezier(.4,0,.2,1)}.stat-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(79,227,255,.2)}.stat-breakdown-header h3{margin:0;font-size:1.3rem;font-family:Rajdhani,monospace;letter-spacing:.08em;color:#4fe3ff;text-transform:uppercase}.close-button{background:transparent;border:1px solid rgba(79,227,255,.3);color:#4fe3ff99;width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#4fe3ff1a;border-color:#4fe3ff99;color:#4fe3ff}.stat-breakdown-content{display:flex;flex-direction:column;gap:1rem}.stat-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.stat-breakdown-row.total-row{font-weight:600;padding-top:1rem;border-top:1px solid rgba(79,227,255,.2)}.dice-roll-row{align-items:center;justify-content:flex-start;gap:.7rem}.stat-breakdown-dice-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem}.stat-dice-button{min-height:42px;padding:.6rem .85rem;font-size:.88rem}.grouping-toggle{min-height:42px}.grouping-info-bubble{min-height:30px;min-width:30px;width:30px;height:30px;padding:0;border-radius:999px;font-size:.72rem;letter-spacing:0;text-transform:none;font-weight:700;color:#7de7ff;background:#4fe3ff1f;border:1px solid rgba(79,227,255,.42);box-shadow:0 0 10px #4fe3ff2e}.grouping-info-bubble:hover{color:#d8f7ff;background:#4fe3ff33;border-color:#7de7ffad}.stat-label{color:#d8e6f0b3;font-size:.95rem}.stat-value{font-family:Rajdhani,monospace;font-size:1.1rem;font-weight:600;color:#4fe3ffe6}.stat-value.base-value{color:#4fe3ff}.stat-value.total-value{color:#ffb340;font-size:1.2rem}.stat-breakdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(79,227,255,.2),transparent);margin:.5rem 0}.stat-breakdown-section h4{margin:0 0 .75rem;font-size:.9rem;font-family:Rajdhani,monospace;letter-spacing:.08em;color:#4fe3ffb3;text-transform:uppercase}.modifier-list{display:flex;flex-direction:column;gap:.5rem}.modifier-item{padding:.5rem;background:#4fe3ff0d;border-left:2px solid rgba(79,227,255,.2);border-radius:2px;color:#d8e6f0a6;font-size:.85rem}.roll-outcome--miss,.roll-outcome--fail{color:#ff8e8e}.roll-outcome--hit{color:#7db9ff}.roll-outcome--success{color:#7ce7a7}.roll-outcome--crit{background:linear-gradient(90deg,#ffd46f,#fff2bf 45%,#ffb340 70%,#fff0ae);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 14px rgba(255,179,64,.34);animation:crit-flow 1.8s linear infinite}@keyframes crit-flow{0%{background-position:0% 50%}to{background-position:220% 50%}}@media (min-width: 1400px){.sidebar{padding:2.15rem 2rem}.content{padding:2.2rem 2.4rem}.welcome-banner{padding:1.35rem 1.6rem}.panel,.card,.operations-panel,.operator-photo-panel,.operator-form-panel,.portrait-hud-card,.helper-panel,.quick-login-card,.confirm-delete-panel,.data-table-shell{padding:1.45rem}.login-screen .login-box{width:min(46rem,calc(100% - 3rem));padding:2.4rem}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.form-grid,.action-grid,.handbook-grid,.trait-grid,.step-strip,.operator-page,.operations-layout,.armory-summary-grid,.loadout-slot-grid,.weapon-customization-grid,.stats-grid{grid-template-columns:1fr}.player-item{flex-direction:column}.welcome-banner,.wizard-header{flex-direction:column;align-items:flex-start}.fireteam-actions{grid-template-columns:1fr;width:100%}.athena-live-recap,.war-effort-portrait-card{grid-template-columns:1fr}.war-effort-portrait-shell{width:min(100%,360px)}.war-effort-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.custom-dropdown{position:relative;z-index:10}.dropdown-trigger{width:100%;padding:.6rem .85rem;border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);font-size:.95rem;cursor:pointer;text-align:left;transition:all .2s ease;position:relative;z-index:1}.dropdown-trigger:hover{border-color:#4fe3ff66;background:#0f1e30fa}.dropdown-trigger:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 12px #4fe3ff33}.dropdown-menu{position:fixed;max-height:280px;overflow-y:auto;border-radius:var(--radius-md);background:var(--panel-bg-strong);border:1px solid var(--input-border);box-shadow:0 8px 24px #0006;z-index:9999}.dropdown-item{padding:.65rem .85rem;color:var(--text-main);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.dropdown-item:hover{background:#4fe3ff1f;color:#4fe3ff;padding-left:1.15rem}.dropdown-item-popup{pointer-events:none;z-index:10000;will-change:transform}.item-detail-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#0c1826f5,#08101cfa);border:1px solid rgba(79,227,255,.25);box-shadow:0 0 0 1px #4fe3ff14,0 12px 32px #00000080;min-width:280px;max-width:360px;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.item-detail-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(79,227,255,.15)}.item-detail-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-main);letter-spacing:.04em}.item-detail-section{display:flex;flex-direction:column;gap:.4rem}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4fe3ffa6}.bonus-list{display:flex;flex-direction:column;gap:.35rem}.bonus-item{font-size:.85rem;padding:.35rem .5rem;border-radius:4px;background:#4fe3ff14;border-left:2px solid rgba(79,227,255,.25);color:var(--panel-muted)}.bonus-item strong{color:#4fe3ff;font-weight:600}.special-list{margin:0;padding-left:1.1rem;color:var(--panel-muted);font-size:.85rem}.special-list li{line-height:1.4}.special-list li+li{margin-top:.25rem}.item-detail-card .muted{margin:0;font-size:.85rem;color:#d8e6f080;font-style:italic}.inventory-slot-trigger{min-height:52px;display:flex;align-items:center}@media (max-width: 980px){.inventory-modal-layout{grid-template-columns:1fr}.inventory-modal-sidepanels{grid-template-rows:auto}}button.play-action{background:var(--button-secondary);border-color:#4fe3ff2e}button.play-action:hover{background:var(--button-secondary-hover);border-color:#4fe3ff66}button.play-action.assigned{background:var(--button-success);border-color:#5df09480;color:#f4fff8}button.play-action.assigned:hover{background:var(--button-success-hover);border-color:#5df094b8}