:root{--ink:#2b1d14;--paper:#f3e6c4;--paper-dark:#e6d3a3;--khaki:#7c8a4a;--khaki-dark:#566131;--red:#d64532;--gold:#f2c230;--win:#3f9a4a;--loss:#c0392b;--muted:#7a6a50;--radius:10px;--shadow:0 3px 0 var(--ink);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%, #ffffff59, transparent 40%), repeating-linear-gradient(45deg, transparent 0 22px, #2b1d1408 22px 24px), var(--paper);min-height:100vh;margin:0}h1,h2,h3{letter-spacing:1px;margin:0 0 .4em;font-family:Bangers,Impact,sans-serif;font-weight:400}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a{color:inherit}.app main{max-width:960px;margin:0 auto;padding:16px 12px 48px}.topbar{background:var(--khaki-dark);border-bottom:3px solid var(--ink);color:#fdf6e3;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.logo{color:var(--gold);text-shadow:2px 2px 0 var(--ink);font-family:Black Ops One,Impact,sans-serif;font-size:1.4rem;text-decoration:none}.topbar nav{align-items:center;gap:14px;font-size:.95rem;font-weight:900;display:flex}.topbar nav a{opacity:.85;text-decoration:none}.topbar nav a.active{opacity:1;border-bottom:3px solid var(--gold)}button.link{color:inherit;font:inherit;cursor:pointer;opacity:.7;background:0 0;border:none}.panel{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffaf0;margin-bottom:16px;padding:14px}.btn{letter-spacing:1px;color:var(--ink);background:var(--gold);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:5px 14px;font-family:Bangers,Impact,sans-serif;font-size:1.05rem;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 4px 0 var(--ink);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:default}.btn-big{background:var(--red);color:#fff;text-shadow:2px 2px 0 var(--ink);padding:6px 20px;font-size:1.35rem}.btn-small{padding:2px 10px;font-size:.9rem}.btn-ghost{background:#fffaf0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.error{color:var(--loss);font-weight:900}.warning{border:2px dashed var(--ink);background:#fff1c2;border-radius:10px;padding:8px 12px}.win{color:var(--win);font-weight:900}.loss{color:var(--loss);font-weight:900}.big{letter-spacing:1px;margin:0 0 12px;font-family:Bangers,Impact,sans-serif;font-size:1.6rem}.svg-art{flex-shrink:0;display:inline-block}.svg-art svg{width:100%;height:100%;display:block}.chip{border:2px solid var(--ink);cursor:help;background:#eee;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:900;display:inline-block}.chip-weapon{background:#f7c88a}.chip-defense{background:#a9d0f5}.chip-offense{background:#f5a9a0}.chip-mobility{background:#b9eaa8}.chip-gadget{background:#dcc2f5}.tag{text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:900}input{font:inherit;border:2px solid var(--ink);background:#fff;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-weight:700}.login{text-align:center;padding-top:40px}.title-xl{color:var(--red);text-shadow:3px 3px 0 var(--ink);margin:0;font-family:Black Ops One,Impact,sans-serif;font-size:clamp(2.5rem,11vw,4.5rem)}.tagline{font-size:1.05rem;font-weight:900}.mascots{justify-content:center;gap:8px;margin:24px 0;display:flex}.army-form{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.army-form label{font-weight:900}.crest-preview{letter-spacing:1px;align-items:center;gap:14px;font-family:Bangers,Impact,sans-serif;font-size:1.5rem;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch,.symbol{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid}.swatch.selected,.symbol.selected{outline:4px solid var(--gold);outline-offset:1px}.army-header{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.army-title{flex:1;min-width:200px}.army-title h1{margin-bottom:4px}.army-title .edit{font-size:1rem;text-decoration:none}.army-meta{flex-wrap:wrap;gap:14px;margin-bottom:8px;font-weight:900;display:flex}.level{background:var(--khaki);color:#fff;border:2px solid var(--ink);border-radius:8px;padding:0 10px}.fight-cta{flex-direction:column;align-items:center;gap:10px;display:flex}.ammo{gap:6px;display:flex}.bullet{border:2px solid var(--ink);background:var(--paper-dark);border-radius:6px 6px 2px 2px;width:11px;height:24px}.bullet.full{background:linear-gradient(var(--gold) 0 40%, #b5762a 40%)}.trooper-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;margin-bottom:16px;display:grid}.trooper-card{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffaf0;align-items:center;gap:10px;padding:10px;display:flex}.trooper-info{flex:1;min-width:0}.trooper-info h3{margin-bottom:4px}.stats{flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.chips{flex-wrap:wrap;gap:4px;display:flex}.fight-list{margin:0;padding:0;list-style:none}.fight-list a{border-bottom:2px dashed var(--paper-dark);align-items:center;gap:8px;padding:6px 4px;text-decoration:none;display:flex}.fight-list a:hover{background:var(--paper)}.modal-backdrop{z-index:10;background:#2b1d1499;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{text-align:center;width:100%;max-width:560px;margin:auto;animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.title-burst{color:var(--gold);text-shadow:3px 3px 0 var(--ink);font-size:2rem}.offers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.offer{font:inherit;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:transform .1s;display:flex}.offer:hover:not(:disabled){transform:translateY(-3px)rotate(-1deg)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.opponents{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.opponent{font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:8px;transition:transform .1s;display:flex}.opponent strong{letter-spacing:1px;text-align:center;font-family:Bangers,Impact,sans-serif;font-size:1.2rem}.opponent:hover:not(:disabled){transform:translateY(-4px)rotate(1deg)}.versus{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.versus .side{letter-spacing:1px;align-items:center;gap:8px;font-family:Bangers,Impact,sans-serif;font-size:1.2rem;display:flex}.versus .side .muted{font-family:Nunito,sans-serif;font-size:.9rem}.vs{color:var(--red);text-shadow:2px 2px 0 var(--ink);font-family:Black Ops One,Impact,sans-serif;font-size:1.5rem}.arena-frame{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);aspect-ratio:960/540;background:#9fd3e8;position:relative;overflow:hidden}.arena-frame canvas{display:block;width:100%!important;height:100%!important}.replay-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.result{text-align:center}.leaderboard{border-collapse:collapse;width:100%;font-weight:700}.leaderboard th{text-align:left;letter-spacing:1px;border-bottom:2px solid var(--ink);padding:4px 6px;font-family:Bangers,Impact,sans-serif;font-size:1rem;font-weight:400}.leaderboard td{border-bottom:2px dashed var(--paper-dark);padding:4px 6px}.leaderboard tr.me{background:#fff1c2}.army-cell{align-items:center;gap:8px;display:flex}@media (width<=640px){.offers{grid-template-columns:1fr}.versus .side{font-size:1rem}.versus .side .svg-art{width:32px!important;height:32px!important}.topbar nav{gap:10px;font-size:.85rem}}.arena-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #2b1d1459}.small{font-size:.8rem}h2 .small{letter-spacing:0;font-family:Nunito,sans-serif}.modal-wide{max-width:860px}.offers-3{grid-template-columns:repeat(3,1fr)}.offers-4{grid-template-columns:repeat(4,1fr);margin-bottom:12px}.offer-recruit{background:#fff1c2;position:relative}.ribbon{white-space:nowrap;letter-spacing:1px;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:6px;padding:0 10px;font-family:Bangers,Impact,sans-serif;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.job-badge{border:2px solid var(--ink);color:#fff;text-shadow:1px 1px 0 var(--ink);cursor:help;border-radius:6px;margin-bottom:4px;padding:1px 8px;font-size:.8rem;font-weight:900;display:inline-block}.job-medic{background:#d63a2f}.job-sharpshooter{background:#566131}.job-heavy{background:#7a4b26}.job-scout{background:#3f9a4a}.btn-job{margin-bottom:6px;animation:1.6s ease-in-out infinite pulse}.trooper-card.veteran{border-color:var(--gold);box-shadow:0 4px 0 var(--ink), 0 0 0 3px var(--gold)}@keyframes pulse{50%{transform:scale(1.05)}}.btn-danger,.tag-danger{background:var(--loss);color:#fff}select{font:inherit;border:2px solid var(--ink);background:#fff;border-radius:8px;padding:5px 8px;font-weight:700}code{background:var(--paper);word-break:break-all;border-radius:4px;padding:0 4px;font-size:.8em}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat-tile{flex-direction:column;align-items:center;margin-bottom:12px;padding:12px;display:flex}.stat-value{letter-spacing:1px;font-family:Bangers,Impact,sans-serif;font-size:1.7rem}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:16px;display:grid}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover{background:var(--paper)}.admin-detail .army-meta{margin:10px 0}.admin-troopers{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.admin-trooper{background:var(--paper);border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex}.admin-actions{gap:14px;display:grid}.admin-actions label{flex-direction:column;gap:4px;font-weight:900;display:flex}@media (width<=800px){.admin-grid,.offers-3,.offers-4{grid-template-columns:1fr}}.tactics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:8px;display:grid}.tactic{font:inherit;text-align:center;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:8px;transition:transform .1s;display:flex}.tactic strong{letter-spacing:1px;font-family:Bangers,Impact,sans-serif;font-size:1.1rem;font-weight:400}.tactic:hover:not(:disabled){transform:translateY(-3px)}.tactic.selected{outline:4px solid var(--gold);cursor:default;background:#fff1c2}.tactic.locked{opacity:.55;cursor:not-allowed}.tactic-icon{font-size:1.4rem}.tactic-badge{letter-spacing:0;border:2px solid var(--ink);cursor:help;background:#fffaf0;border-radius:6px;padding:0 6px;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:900;display:inline-block}.versus .side>div{flex-direction:column;display:flex}.versus .side.right>div{align-items:flex-end}.side-meta{align-items:center;gap:6px;display:flex}.tactic:disabled{color:inherit}.coins{border:2px solid var(--ink);background:#fff1c2;border-radius:999px;padding:0 10px}.trooper-portrait{position:relative}.level-badge{white-space:nowrap;letter-spacing:1px;background:var(--khaki);color:#fff;border:2px solid var(--ink);border-radius:8px;padding:0 8px;font-family:Bangers,Impact,sans-serif;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.gear-row{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.card-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.recruit-card{background:#fff8e6;border-style:dashed}.ribbon-inline{letter-spacing:1px;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:6px;margin-bottom:4px;padding:0 8px;font-family:Bangers,Impact,sans-serif;display:inline-block}.item-icon{cursor:help;background:#fffaf0;border:2px solid;border-radius:8px;flex-shrink:0;place-items:center;padding:2px;display:inline-grid}.item-icon svg{width:100%;height:100%}.item-icon.rarity-epic{background:#f6ecff;box-shadow:0 0 10px #a24fd673}.item-icon.rarity-rare{background:#eaf1ff}.armory{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.armory-item{text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:.85rem;display:flex}.armory-mini{align-items:center;gap:2px;margin-right:6px;font-weight:900;display:inline-flex}.levelup-head{justify-content:center;align-items:center;gap:24px;margin-bottom:8px;display:flex}.drop{border:2px solid var(--ink);border-radius:var(--radius);background:#fffaf0;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;animation:.7s cubic-bezier(.2,1.6,.4,1) drop-in;display:flex}.drop-rare{background:#eaf1ff}.drop-epic{background:#f6ecff;animation:.7s cubic-bezier(.2,1.6,.4,1) drop-in,1.4s ease-in-out infinite alternate epic-glow}.drop-label{letter-spacing:1px;font-family:Bangers,Impact,sans-serif}@keyframes drop-in{0%{opacity:0;transform:scale(.2)rotate(-20deg)}}@keyframes epic-glow{to{box-shadow:0 0 24px 6px #a24fd699}}.config-layout{text-align:left;grid-template-columns:170px 1fr;gap:16px;display:grid}.config-preview{flex-direction:column;align-items:center;display:flex}.stat-list{margin:8px 0 0;padding:0;font-size:.9rem;font-weight:700;list-style:none}.config-slots h3{margin:8px 0 4px}.slot-options{flex-wrap:wrap;gap:8px;display:flex}.slot-option{width:80px;font:inherit;background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:.72rem;display:flex;position:relative}.slot-option.selected{outline:3px solid var(--gold);background:#fff1c2}.slot-option:disabled{opacity:.45;cursor:not-allowed}.slot-none{height:40px;font-size:1.4rem;line-height:40px}.count{font-weight:900;position:absolute;top:2px;right:4px}.config-actions{justify-content:flex-end;margin-top:12px}@media (width<=700px){.config-layout{grid-template-columns:1fr}}@media (width<=600px){h1{font-size:1.45rem}h2{font-size:1.2rem}.app main{padding:10px 8px 32px}.topbar{gap:8px;padding:6px 10px}.logo{font-size:1.15rem}.topbar nav{gap:10px;font-size:.8rem}.panel{margin-bottom:12px;padding:10px}.army-header{gap:10px}.army-header>.svg-art{width:52px!important;height:52px!important}.army-title{min-width:0}.army-meta{gap:8px;margin-bottom:4px;font-size:.9rem}.fight-cta{flex-direction:row;justify-content:space-between;width:100%}.trooper-card{align-items:flex-start;padding:8px}.trooper-portrait .svg-art,.recruit-card>.svg-art{width:64px!important;height:74px!important}.level-badge{padding:0 5px;font-size:.85rem}.gear-row .item-icon{width:26px!important;height:26px!important}.armory{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.armory-item{font-size:.75rem}.armory-item .item-icon{width:36px!important;height:36px!important}.tactics{grid-template-columns:1fr 1fr;gap:8px}.tactic small{font-size:.72rem}.opponents{grid-template-columns:1fr 1fr;gap:8px}.opponent .svg-art{width:48px!important;height:48px!important}.vs{font-size:1.1rem}.versus{gap:6px}.versus .side{min-width:0}.versus .side strong{overflow-wrap:anywhere}.arena-frame{border-width:2px;margin:0 -4px}.leaderboard{font-size:.85rem}.leaderboard th,.leaderboard td{padding:4px 3px}.hide-sm{display:none}.admin-table{display:block;overflow-x:auto}.modal-backdrop{padding:8px}.title-burst{font-size:1.6rem}.levelup-head{gap:12px}.config-preview{flex-direction:row;gap:12px}.config-preview .svg-art{width:80px!important;height:92px!important}.slot-option{width:68px}.slot-option .item-icon{width:36px!important;height:36px!important}}