.transparent-navbar{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:auto;background:#242424;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:0;z-index:10000}.transparent-navbar__logo{font-size:1.5rem;font-weight:700}.transparent-navbar__links{list-style:none;display:flex;align-items:center;margin:0;padding:0}.transparent-navbar__links .nav-item button{padding:.5rem;height:100%}.transparent-navbar__links a{text-decoration:none;color:#fff;font-weight:500}.transparent-navbar__links a:hover,.transparent-navbar__links button:hover{opacity:.8;color:#f5f5f5;border-color:transparent}.nav-hamburger{display:none;position:relative}.desktop-only{display:flex;gap:1rem}@media (max-width: 786px){.desktop-only{display:none}.nav-hamburger{display:block}.hamburger-icon{width:24px;cursor:pointer}.hamburger-icon span{display:block;height:3px;margin:5px 0;background:#fff;border-radius:2px}.nav-hamburger .transparent-navbar__links{display:none;position:absolute;top:100%;right:0;background:#242424;flex-direction:column;min-width:150px;box-shadow:0 4px 8px #000000b3;border-radius:.6rem;padding:.5rem 0;z-index:1001}.nav-hamburger:hover .transparent-navbar__links{display:flex}.nav-hamburger .transparent-navbar__links .nav-item{margin:0;width:100%}.nav-hamburger .transparent-navbar__links .nav-item a,.nav-hamburger .transparent-navbar__links .nav-item button{display:block;padding:.5rem 1rem;color:#fff;white-space:nowrap;text-align:center}.nav-hamburger .transparent-navbar__links .nav-item a:hover,.nav-hamburger .transparent-navbar__links .nav-item button:hover{background:#ffffff1a}}.wars-page{max-width:1200px;margin:0 auto;margin-top:5rem;padding:0}.wars-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.wars-header h1{margin:0;line-height:1.1}.toolbar{display:inline-flex;align-items:center;gap:.5rem}.select-ghost{background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;height:var(--control-h);line-height:var(--control-h);padding:0 .6rem;-webkit-appearance:none;appearance:none}.select-ghost:focus{outline:3px solid var(--accent)}.enemy-cell .enemy-name{color:#fff}.pill--active{border-color:#38bdf866;color:#e6f6ff}.pill--scheduled{border-color:#f59e0b66;color:#fff6d8}.pill--ended{border-color:#94a3b859;color:#e7ecf4}.pill--cancelled{border-color:#cbd5e159;color:#f0f4f9}.btn-ghost{background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.45rem .8rem;cursor:pointer;transition:border-color .2s,background-color .2s}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.pill--win{background-color:#064e3b;border-color:#10b981;color:#d1fae5}.pill--loss{background-color:#3b0f0f;border-color:#ef4444;color:#fee2e2}.pill--pending{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.tab-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0}.tab-button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);padding:0 12px;border-radius:.4rem;background:#374151;color:#fff;border:1px solid #4b5563;cursor:pointer}.click-row{cursor:pointer}.wars-page .tab-button:hover,.wars-page .tab-button:focus,.wars-page .tab-button:active,.wars-page .th-sort:hover,.wars-page th[role=button]:hover,.wars-page .click-row:hover,.wars-page .pager .btn-ghost:hover,.wars-page .select-ghost:hover{outline:none!important;outline-color:transparent!important;box-shadow:none!important;border-color:inherit!important}.wars-page .select-ghost:focus{outline:none!important;box-shadow:none!important}.wars-page .tab-button:hover{border-color:#4b5563!important}.wars-page button::-moz-focus-inner{border:0!important}.wars-page .pill.pill--win{background-color:#064e3b;border-color:#10b981;color:#d1fae5}.wars-page .pill.pill--loss{background-color:#3b0f0f;border-color:#ef4444;color:#fee2e2}.wars-page .pill.pill--pending{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.login-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;color:#fff;background:inherit}.login-page h2{text-align:center;margin:0 0 2rem;line-height:1.1;letter-spacing:.2px}.login-error{width:min(420px,92vw);margin:0 0 .65rem;padding:.6rem .8rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fff;border-radius:12px}.login-form{margin-top:-5vh;width:min(420px,92vw);background:#1a1a1a;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:1.5rem 1.2rem;display:grid;gap:1rem;box-shadow:0 4px 16px #0006}.api-key-label{display:grid;gap:.4rem;color:#cfd3dc;font-size:.95rem}.password-input-wrap{position:relative;display:grid}.api-key-input{height:var(--control-h, 36px);padding:0 3.25rem 0 .8rem;background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:.95rem;transition:border-color .2s,background .2s}.api-key-input::placeholder{color:#ffffff73}.api-key-input:focus{border-color:#ffffff40;background:#2a2a2a;outline:none}input.api-key-input:-webkit-autofill{box-shadow:0 0 0 1000px #242424 inset!important;-webkit-text-fill-color:#fff!important}.toggle-visibility{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);height:calc(var(--control-h, 36px) - 8px);min-width:3rem;padding:0 .6rem;background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;font-size:.85rem;transition:border-color .2s,background .2s,transform .06s}.toggle-visibility:hover{border-color:#ffffff40;background:#2f2f2f}.toggle-visibility:active{transform:translateY(-50%) scale(.98)}.login-form button[type=submit]{height:var(--control-h, 36px);background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 .8rem;cursor:pointer;font-weight:600;letter-spacing:.2px;transition:border-color .2s,background .2s,transform .06s}.login-form button[type=submit]:hover{border-color:#ffffff40;background:#2f2f2f}.login-form button[type=submit]:active{transform:translateY(1px)}.login-page .api-key-input:focus,.login-page button[type=submit]:focus,.login-page .toggle-visibility:focus{outline:none!important;box-shadow:none!important}@media (max-width: 420px){.login-form{padding:1rem;gap:.75rem}}.details-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.details-title{display:flex;flex-direction:column;gap:.2rem}.details-line{font-size:1.05rem}.details-pills{display:flex;align-items:center;gap:.5rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;margin-top:.75rem}.details-grid .label{font-size:.78rem;opacity:.8}.details-grid .value{font-weight:600}.details-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(720px,92vw);background:#242424;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 60px #0009}.modal-header,.modal-footer{background:#242424}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-footer{border-top:1px solid rgba(255,255,255,.08);border-bottom:0}.modal-body{padding:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.input-ghost,.select-ghost{background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;height:var(--control-h);line-height:var(--control-h);padding:0 .6rem}.input-ghost:focus,.select-ghost:focus{outline:3px solid var(--accent)}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem 1rem;margin-top:.25rem}.checks label{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem}.section-title{font-weight:700;margin-bottom:.5rem}.kv{display:grid;grid-template-columns:120px 1fr;gap:.35rem .5rem}.table-wrap{overflow-x:auto;margin-top:1rem;border-radius:8px;border:1px solid var(--color-border, #333)}.data-table{width:100%;table-layout:fixed;border-collapse:collapse;min-width:700px;font-size:.9rem}.data-table thead{background:#2c2c2c;position:sticky;top:0;z-index:2}.data-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#e0e0e0;border-bottom:1px solid var(--color-border, #444);white-space:nowrap}.data-table td{padding:.65rem 1rem;border-bottom:1px solid var(--color-border, #333);color:#ddd;vertical-align:middle}.data-table tbody tr:nth-child(odd){background:#1f1f1f}.data-table tbody tr:nth-child(2n){background:#242424}.data-table tbody tr:hover{background:#2e2e2e}.data-table td:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-track{background:#1a1a1a;border-radius:8px}.table-wrap::-webkit-scrollbar-thumb{background:#555;border-radius:8px}.table-wrap::-webkit-scrollbar-thumb:hover{background:#777}.data-table th.num,.data-table td.num{text-align:right}.modal-overlay{background:#0009;inset:0;position:fixed;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal{background:#242424;color:#e8e8e8;border:1px solid #2e2e2e;border-radius:14px;max-width:min(1100px,95vw);width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header,.modal-footer{padding:14px 16px}.modal-header{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #2e2e2e}.modal-footer{border-top:1px solid #2e2e2e;display:flex;gap:8px;justify-content:flex-end}.modal-header h2{font-size:1.1rem;margin:0}.modal-body{padding:12px 16px;flex:1 1 auto;min-height:0;overflow:hidden}.modal-body .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 700px){.modal-body .form-grid{grid-template-columns:1fr}}.card.small .card__body{padding:.6rem .75rem}.stat{font-size:1.05rem;font-weight:600}.modal-table-wrap{margin-top:12px;border:1px solid #2e2e2e;border-radius:10px;overflow:auto;max-height:55vh;background:#1f1f1f;scrollbar-gutter:stable}.table.modal-table{width:100%;min-width:900px;table-layout:fixed;border-collapse:separate;border-spacing:0}.table.modal-table thead th.th-sticky{position:sticky;top:0;z-index:2;background:#1d1d1d;border-bottom:1px solid #2e2e2e}.modal-table th,.modal-table td{padding:10px 12px;white-space:normal;border-bottom:1px solid #2a2a2a}.td-nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:260px}.th-num,.td-num{text-align:right;font-variant-numeric:tabular-nums}.modal-table tbody tr:hover{background:#252525}.btn-ghost{background:#2a2a2a;border:1px solid #333;color:#e8e8e8}.btn-ghost:hover{background:#323232;border-color:#3b3b3b}.input-ghost{background:#1b1b1b;color:#eee;border:1px solid #333}.input-ghost:focus{outline:none;border-color:#4a4a4a;box-shadow:0 0 0 2px #5a5a5a33}.segmented{display:inline-flex;gap:6px;background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:4px}.segmented__btn{background:transparent;color:#ddd;border:0;padding:6px 10px;border-radius:8px;cursor:pointer}.segmented__btn.is-active{background:#2b2b2b;color:#fff}.wars-page .pill.pill--success{background-color:#064e3b;border-color:#10b981;color:#d1fae5}.wars-page .pill.pill--danger{background-color:#3b0f0f;border-color:#ef4444;color:#fee2e2}.wars-page .pill.pill--neutral{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.checkbox-ghost{--track-bg: rgba(125, 125, 125, .25);--track-bg-hover: rgba(125, 125, 125, .35);--track-border: rgba(125, 125, 125, .35);--knob-bg: #fff;--accent: #000;--ring: 0 0 0 .2rem rgba(0,0,0,.25);display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .4rem;border-radius:.5rem;-webkit-user-select:none;user-select:none;color:var(--text-muted, #666);line-height:1}.checkbox-ghost input[type=checkbox]{-webkit-appearance:none;appearance:none;width:38px;height:22px;border-radius:999px;background:var(--track-bg);border:1px solid var(--track-border);position:relative;outline:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.checkbox-ghost input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:var(--knob-bg);box-shadow:0 1px 2px #00000026;transition:transform .2s ease}.checkbox-ghost input[type=checkbox]:hover{background:var(--track-bg-hover)}.checkbox-ghost input[type=checkbox]:focus-visible{box-shadow:var(--ring)}.checkbox-ghost input[type=checkbox]:checked{background:#00000040;border-color:var(--accent)}.checkbox-ghost input[type=checkbox]:checked:after{transform:translate(16px)}.checkbox-ghost span{font-size:.9rem;color:var(--text-muted, #666)}.wars-header .toolbar .checkbox-ghost{margin-left:.5rem}@media (prefers-color-scheme: dark){.checkbox-ghost{--track-bg: rgba(255, 255, 255, .08);--track-bg-hover: rgba(255, 255, 255, .12);--track-border: rgba(255, 255, 255, .16);--knob-bg: #0f1115;--accent: #fff}}.armoury-page{max-width:1200px;margin:0 auto;margin-top:5rem;padding:0}:root{--control-h: 36px}.armoury-header{display:grid;grid-template-columns:1fr;row-gap:.75rem;margin-bottom:1rem}.armoury-header h1{margin:0;line-height:1.1;font-size:clamp(1.6rem,3.2vw,2.6rem)}.tab-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.25rem}.tab-bar::-webkit-scrollbar{height:8px}.tab-bar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.tab-button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);padding:0 12px;border-radius:.4rem;background:#374151;color:#fff;border:1px solid #4b5563;cursor:pointer;white-space:nowrap;flex:0 0 auto}.tab-button:hover{filter:brightness(1.08)}.tab-active{background:#111827;border-color:#6b7280}.toolbar{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(160px,1fr) auto auto auto;grid-auto-rows:var(--control-h);gap:.5rem;align-items:center}@media (max-width: 1100px){.toolbar{grid-template-columns:1fr 1fr}.toolbar>.segmented:first-child{grid-column:1 / -1}.toolbar>.segmented[aria-label="Filter by status"]{grid-column:1 / -1}}.input-ghost,.select-ghost,.btn-ghost{height:var(--control-h)}.input-ghost{background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 .6rem;min-width:0;flex:1 1 auto}.segmented{display:inline-flex;border:1px solid #4b5563;border-radius:8px;overflow:hidden}.segmented--tiny{height:28px}.seg-btn{height:var(--control-h);padding:0 12px;background:#2b2f35;color:#fff;border:none;cursor:pointer;white-space:nowrap}.seg-btn+.seg-btn{border-left:1px solid #4b5563}.seg-active{background:#111827}.select-ghost{background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;line-height:var(--control-h);padding:0 .6rem;appearance:none}.select-ghost:focus{outline:none;box-shadow:none}.btn-ghost{background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.45rem .8rem;cursor:pointer;transition:.2s}.btn-ghost:hover{border-color:#ffffff40;background:#2f2f2f}.card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1rem;margin-bottom:1rem;background:transparent}.card.error{border-color:#ef444459}.table-wrap{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:auto;background:transparent}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px;color:#fff}.table thead th{position:sticky;top:0;background:#242424;border-bottom:1px solid rgba(255,255,255,.12);padding:.7rem .8rem;text-align:left;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#cfd3dc;z-index:1}.table tbody td{padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.06)}.table tbody tr:hover{background:#ffffff0f}.main-cell .title{color:#fff;font-weight:600}.subtext{color:#d1d5db;opacity:.7;font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.th-sort{-webkit-user-select:none;user-select:none;cursor:pointer}.th-sort--active{color:#fff}.sort-caret{margin-left:6px;font-size:.7rem;opacity:.85}.subgrid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.25rem .75rem;opacity:.9;font-size:.9rem}.pill{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;font-size:.78rem;line-height:1.2}.pill--paid{background-color:#064e3b;border-color:#10b981;color:#d1fae5}.pill--unpaid{background-color:#3f2d1c;border-color:#f59e0b;color:#ffedd5}.pager{display:flex;align-items:center;gap:.6rem;margin-top:.75rem}.pager__info{opacity:.85}.armoury-page .tab-button:hover,.armoury-page .tab-button:focus,.armoury-page .tab-button:active,.armoury-page .th-sort:hover,.armoury-page th[role=button]:hover,.armoury-page .pager .btn-ghost:hover,.armoury-page .select-ghost:hover{outline:none!important;outline-color:transparent!important;box-shadow:none!important;border-color:inherit!important}.armoury-page .select-ghost:focus{outline:none!important;box-shadow:none!important}.armoury-page button::-moz-focus-inner{border:0!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #e11d48;--accent-hover: #f43f5e}a{font-weight:500;color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}body{padding:2rem 1.5rem;margin:0;min-width:320px;color:#ffffffde}h1,h2,h3,h4,h5,h6{color:#fff;margin-top:0}h1{font-size:2.8em;line-height:1.1;margin-bottom:1rem}p{margin:0 0 1rem;color:#d1d5db}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#242424;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--accent);background-color:#2f2f2f}button:focus,button:focus-visible{outline:3px solid var(--accent)}*:focus,*:hover{outline:none!important;box-shadow:none!important}:root{--page-max: 1200px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--radius: .75rem;--shadow: 0 4px 16px rgba(0, 0, 0, .15)}.page{max-width:var(--page-max);margin:0 auto;padding:var(--sp-4)}.page-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page-title{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.page-title h1{margin:0;line-height:1.1;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.input,.select{height:2.25rem;padding:0 .6rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;outline:none}.input:focus,.select:focus{border-color:#ffffff2e}.btn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 .8rem;border-radius:var(--radius);border:1px solid transparent;background:#ffffff0f;color:inherit;text-decoration:none;cursor:pointer}.btn:hover{background:#ffffff1a}.btn-primary{background:#2b7cff;border-color:#2b7cff;color:#fff}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 .8rem;border-radius:8px;background:#242424;color:#fff;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s,background-color .2s}.btn-back{gap:.4rem;padding:0 .6rem;font-size:.9rem}.table-wrap{overflow:auto;border-radius:var(--radius);box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.data-table th{font-weight:700;letter-spacing:.02em;background:#ffffff08}@media (max-width: 760px){.page-header{grid-template-columns:1fr}.toolbar{justify-content:flex-start}}