:root{--bg:#0c0f0b;--panel:#171d15;--panel2:#111610;--line:#34412f;--text:#e8eedf;--muted:#9ca98e;--accent:#bddc78;--accent2:#e0f1b9;--danger:#ef927d;--gold:#e4c56b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#162013 0,#0c0f0b 34rem);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);background:rgba(15,20,13,.96);position:sticky;top:0;z-index:3;backdrop-filter:blur(8px)}.brand{display:flex;gap:14px;align-items:center}.brandmark{border:2px solid var(--accent);color:var(--accent);font-weight:900;font-size:19px;padding:9px 8px;letter-spacing:.1em}h1,h2,h3{margin:.2em 0}h1{font-size:1.45rem;letter-spacing:.06em}p{margin:.4em 0}nav,.buttonRow{display:flex;gap:8px;flex-wrap:wrap}button,input,select{font:inherit;background:#20281d;color:var(--text);border:1px solid var(--line);padding:10px 12px;border-radius:4px}button{cursor:pointer;text-transform:uppercase;font-size:.83rem;letter-spacing:.03em}button:hover{border-color:var(--accent);color:var(--accent2)}main{max-width:1300px;margin:auto;padding:20px}.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:16px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row{display:flex;gap:12px}.between{justify-content:space-between}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.15em;margin-bottom:5px}.badge{align-self:flex-start;border:1px solid var(--line);padding:5px 8px;color:var(--accent)}label{display:grid;gap:6px;margin:10px 0}form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.bars label{grid-template-columns:70px 1fr 100px;align-items:center}.bars progress{width:100%;height:18px;accent-color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stat{border:1px solid var(--line);padding:10px;border-radius:4px;background:#121711}.log{height:340px;overflow:auto;border-top:1px solid var(--line);padding-top:8px}.event{padding:7px 0;border-bottom:1px dashed #30382c;line-height:1.45}.event.important{color:#fff;font-weight:700}.event.ai{color:#d6e6b5}.event.boss{color:#ffd59a}.event.death{color:var(--danger)}.event.achievement{color:var(--gold)}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left}a{color:var(--accent)}#map{width:100%;background:#0d120c;border:1px solid var(--line);border-radius:4px;min-height:280px}.cityNode{fill:var(--accent)}.cityEdge{stroke:#5f6f55;stroke-width:2}.cityLabel{fill:var(--text);font-size:12px}.broadcast-strip{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#111810;padding:8px 12px;margin-bottom:16px;color:var(--accent);font-size:.78rem;letter-spacing:.08em}.inset{border-left:3px solid var(--accent);padding:10px 12px;margin-top:12px;background:#10150f}footer{max-width:1300px;margin:10px auto 30px;padding:0 20px;color:var(--muted);font-size:.75rem}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.grid.two,form{grid-template-columns:1fr}.bars label{grid-template-columns:55px 1fr 80px}.stats{grid-template-columns:repeat(2,1fr)}.broadcast-strip{flex-direction:column}}

.equipmentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.gearSlot{border:1px solid var(--line);padding:12px;border-radius:4px;background:#111710;display:grid;gap:5px}.gearSlot.empty{opacity:.65}.gearSlotName{font-size:.7rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.gearSlot small{display:block;line-height:1.35}.gearBonus{color:var(--gold);font-weight:700}.special{color:var(--gold);font-size:.82rem}.rarity3,.rarity4,.rarity5,.rarity6{border-left-width:4px}.rarity5{background:#17190e}.rarity6{border-color:var(--gold);background:#1b180c}@media(max-width:760px){.equipmentGrid{grid-template-columns:1fr}}

.skillsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.skillCard{border:1px solid var(--line);padding:12px;border-radius:4px;background:#111710;display:grid;gap:7px}.skillCard.retained{border-left:4px solid var(--gold)}.skillCard.dormant{opacity:.58}.skillBar{height:6px;background:#202820;border-radius:8px;overflow:hidden}.skillBar span{display:block;height:100%;background:var(--accent)}@media(max-width:760px){.skillsGrid{grid-template-columns:1fr}}
.updateForm{grid-template-columns:minmax(0,1fr) auto}.updateForm input[type=file]{width:100%}#updateHistory,#releaseRows,#backupRows{overflow-x:auto}@media(max-width:760px){.updateForm{grid-template-columns:1fr}}

.mapGridFill{fill:url(#mapGrid)}.mapGridLine{fill:none;stroke:#1c2519;stroke-width:1}.usOutline,.usInset{fill:#172016;stroke:#718363;stroke-width:2.5;stroke-linejoin:round}.usInset{stroke-width:1.5}.mapInsetLabel,.mapCaption{fill:#718363;font-size:10px;letter-spacing:1.5px}.cityNode{stroke:#0d120c;stroke-width:2}.cityNode.current{fill:#fff5b8}.cityEdge{stroke:#82936d;opacity:.78}.cityLabel{paint-order:stroke;stroke:#0d120c;stroke-width:3px;stroke-linejoin:round}.currentRing{fill:none;stroke:var(--gold);stroke-width:3;opacity:.9;transform-box:fill-box;transform-origin:center;animation:mapPulse 1.8s ease-out infinite}@keyframes mapPulse{0%{transform:scale(.55);opacity:1}100%{transform:scale(1.45);opacity:0}}

.arenaHero{position:relative;min-height:280px;margin-bottom:12px;border:1px solid #59664c;border-radius:6px;overflow:hidden;background:linear-gradient(90deg,rgba(4,6,3,.88),rgba(4,6,3,.18),rgba(4,6,3,.78)),url('/static/crawl-arena-v1.png') center 52%/cover no-repeat;box-shadow:inset 0 0 70px #000,0 8px 30px rgba(0,0,0,.35)}.arenaHero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px)}.arenaHeroCopy{position:absolute;left:26px;bottom:24px;z-index:1;display:grid;gap:6px;max-width:560px;text-shadow:0 2px 8px #000}.arenaHeroCopy strong{font-size:clamp(1.25rem,3vw,2.25rem);letter-spacing:.06em;color:#fff4cf}.arenaHeroCopy span{color:#d5ddc9}.panel{position:relative;overflow:hidden}.panel:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border:1px solid rgba(189,220,120,.07);transform:rotate(45deg);pointer-events:none}.event{position:relative;padding-left:16px}.event:before{content:"›";position:absolute;left:2px;color:var(--accent)}.log{scroll-behavior:smooth}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px}#createForm{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:900px){#createForm{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.arenaHero{min-height:210px}.arenaHeroCopy{left:16px;bottom:16px}footer{flex-direction:column}#createForm{grid-template-columns:1fr}}

body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 47%,rgba(189,220,120,.025) 47% 48%,transparent 48% 100%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.012) 80px)}header{box-shadow:0 8px 30px rgba(0,0,0,.55);border-bottom-color:#657553}.brandmark{box-shadow:0 0 18px rgba(189,220,120,.18),inset 0 0 12px rgba(189,220,120,.08)}button{background:linear-gradient(135deg,#263020,#1a2118);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}button:hover{box-shadow:0 0 15px rgba(189,220,120,.14)}.aiPanel{background:linear-gradient(90deg,rgba(17,22,16,.97) 0 54%,rgba(17,22,16,.72)),url('/static/network-ai-v1.png') right 35%/50% auto no-repeat}.aiPanel .log{background:linear-gradient(90deg,rgba(10,14,9,.92),rgba(10,14,9,.70));padding:10px;border:1px solid rgba(189,220,120,.12)}.combatPanel{background:linear-gradient(145deg,rgba(31,20,13,.42),rgba(17,22,16,.97) 48%),repeating-linear-gradient(45deg,transparent 0 14px,rgba(228,197,107,.025) 14px 16px)}.equipmentPanel{padding-top:190px;background:linear-gradient(180deg,rgba(9,12,8,.12) 0 155px,rgba(17,22,16,.96) 210px),url('/static/safe-room-armory-v1.png') center 37%/cover no-repeat}.cityPanel{background:linear-gradient(180deg,rgba(10,13,9,.60),rgba(17,22,16,.97) 270px),url('/static/city-floor-v1.png') center top/cover no-repeat}.cityPanel #map{background:rgba(8,12,7,.90);box-shadow:0 0 30px rgba(0,0,0,.45)}.signupPanel{background:linear-gradient(90deg,rgba(13,17,12,.98),rgba(13,17,12,.72)),url('/static/city-floor-v1.png') right center/70% auto no-repeat}.badge{background:rgba(12,16,10,.78);box-shadow:0 0 14px rgba(189,220,120,.08)}footer{flex-wrap:wrap}footer small{flex-basis:100%;line-height:1.5;color:#7f8b75}