:root{color:#f0f4f8;background:radial-gradient(circle at 20% 20%,#2a3b52,#0e1520 70%);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.shell{width:100%;height:100%;position:relative}.game-stage{width:100%;height:100%}.menu-overlay,.result-overlay{z-index:8;background:linear-gradient(135deg,#0a0f18db,#0c1c1ecc);place-items:center;display:grid;position:absolute;inset:0}.menu-card,.result-card{background:linear-gradient(165deg,#1c2434eb,#0b111ceb);border:1px solid #ffffff40;border-radius:14px;width:min(94vw,760px);padding:1.25rem;box-shadow:0 16px 48px #00000073}.menu-card h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.menu-subtitle{color:#c4d8eb;margin-top:.25rem}.menu-buttons{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}button,select{color:#e8fff8;background:linear-gradient(#1e8d76,#176a59);border:1px solid #ffffff40;border-radius:10px;padding:.65rem .95rem;font-size:1rem}button:hover{cursor:pointer;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.panel{background:#ffffff0f;border-radius:10px;margin-top:.9rem;padding:.7rem}.panel h2{margin:0 0 .5rem;font-size:1.1rem}.panel ul{margin:0;padding-left:1.2rem}.loading-panel{margin-top:.6rem}.loading-track{background:#ffffff26;border-radius:999px;width:100%;height:12px;margin-top:.35rem;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#4fd0ab,#9df0d6);width:0;height:100%;transition:width .12s linear}.loading-text{color:#d4ede6;margin-top:.4rem;font-size:.95rem}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-left,.hud-center,.hud-right,.hud-status{background:#060a1099;border:1px solid #ffffff2e;border-radius:8px;padding:.45rem .6rem;position:absolute}.hud-left{top:14px;left:14px}.hud-right{text-align:right;top:14px;right:14px}.hud-center{text-align:center;top:14px;left:50%;transform:translate(-50%)}.crosshair{color:#fff;text-shadow:0 0 8px #000;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-status{bottom:14px;left:50%;transform:translate(-50%)}@media (max-width:820px){.hud-left,.hud-right,.hud-center,.hud-status{font-size:.78rem}}body.admin-mode,body.admin-mode #app{height:auto;min-height:100%;overflow:auto}body.admin-mode{color:#e8f4ff;background:radial-gradient(circle at 8% 0,#7abeff2e,#0000 34%),radial-gradient(circle at 90% 12%,#73ffcd29,#0000 40%),linear-gradient(165deg,#071226 0%,#0f1f35 42%,#0a1527 100%);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}.admin-login-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.admin-login-card{background:linear-gradient(155deg,#11243eeb,#091325f0);border:1px solid #c6dcff59;border-radius:16px;width:min(560px,94vw);padding:1.35rem;box-shadow:0 22px 52px #00000073}.admin-login-form{gap:.75rem;margin-top:.95rem;display:grid}.admin-login-form input{color:#e8f4ff;background:#040d1ea8;border:1px solid #bad9ff5c;border-radius:10px;width:100%;padding:.7rem .75rem}.admin-login-note{color:#bdd3f2;font-size:.86rem}.admin-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:linear-gradient(#081429f2,#08111feb);border-right:1px solid #b4d1ff3d;flex-direction:column;justify-content:space-between;gap:1rem;height:100vh;padding:1rem;display:flex;position:sticky;top:0}.admin-sidebar h2{margin:0;font-size:1.35rem}.admin-sidebar p{color:#b8d0f4;margin:.25rem 0 0;font-size:.9rem}.admin-nav{gap:.45rem;display:grid}.admin-nav button{text-align:left;background:linear-gradient(#1f3559,#172a47);width:100%}.admin-nav button.active{background:linear-gradient(#0e9f84,#0b7d69)}.admin-sidebar-footer{gap:.45rem;display:grid}.admin-main{min-width:0;padding:1rem}.admin-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.admin-header h1{margin:0;font-size:clamp(1.45rem,2.4vw,2.05rem)}.admin-tab-content{gap:.85rem;display:grid}.admin-cards{grid-template-columns:repeat(6,minmax(120px,1fr));gap:.75rem;display:grid}.admin-cards article,.admin-panel{background:linear-gradient(165deg,#11223ae6,#0a1324eb);border:1px solid #b6d7ff47;border-radius:14px;box-shadow:0 12px 34px #00000042}.admin-cards article{gap:.2rem;padding:.85rem;display:grid}.admin-cards h3{color:#c7ddfa;margin:0;font-size:.92rem}.admin-cards strong{font-size:1.45rem}.admin-cards span{color:#8db0de;font-size:.86rem}.admin-panel{padding:.9rem}.admin-panel h3{margin-top:0}.admin-grid-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.admin-grid-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-form label{color:#bed6f8;gap:.35rem;font-size:.84rem;display:grid}.admin-grid-form label.full-width{grid-column:1/-1}.admin-grid-form input,.admin-grid-form select,.admin-grid-form textarea,.map-meta-grid input,.map-meta-grid select{color:#ecf5ff;background:#050d1da3;border:1px solid #b6d6ff5c;border-radius:10px;width:100%;padding:.6rem .65rem}.admin-grid-form button{align-self:end}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:900px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #adceff33;padding:.55rem}.admin-table th{color:#b7d2f5;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.admin-table input,.admin-table select{width:100%;min-width:110px}.ruleset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.ruleset-card{background:#08111ead;border:1px solid #b0d0ff40;border-radius:12px;gap:.55rem;padding:.7rem;display:grid}.ruleset-card label{color:#bcd6f9;gap:.3rem;font-size:.84rem;display:grid}.ruleset-card textarea{resize:vertical;width:100%;min-height:240px;max-height:500px}.ruleset-actions{flex-wrap:wrap;gap:.45rem;display:flex}.map-editor-layout{grid-template-columns:300px minmax(0,1fr) 300px;gap:.85rem;display:grid}.map-editor-left,.map-editor-main,.map-editor-right{min-height:72vh}.map-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.55rem 0;display:grid}.asset-palette{background:#050d1b99;border:1px solid #aacdff3d;border-radius:12px;gap:.5rem;max-height:45vh;margin-top:.6rem;padding:.55rem;display:grid;overflow:auto}.asset-chip{color:#def0ff;cursor:grab;background:#091931bf;border:1px dashed #accfff73;border-radius:9px;gap:.2rem;padding:.55rem;display:grid}.asset-chip strong{font-size:.9rem}.asset-chip span{color:#9ec2ec;font-size:.78rem}.map-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:.65rem;display:grid}.map-meta-grid label{color:#bfd6f8;gap:.3rem;font-size:.82rem;display:grid}.map-canvas{background:linear-gradient(#74adff24 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#74adff24 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 20% 20%,#5fadff21,#0000 50%),radial-gradient(circle at 80% 80%,#7affda1a,#0000 45%),#040d1bd1;border:1px solid #afd1ff52;border-radius:14px;min-height:62vh;position:relative;overflow:hidden}.map-entity{color:#f2f9ff;cursor:move;-webkit-user-select:none;user-select:none;text-wrap:nowrap;border:1px solid #fff6;border-radius:8px;place-items:center;padding:.2rem;font-size:.68rem;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.map-entity.asset{background:linear-gradient(#2978d4de,#154382e0)}.map-entity.building{background:linear-gradient(#9d5f34e0,#6e3c1be6)}.map-entity.spawn{background:linear-gradient(#2fa762e6,#1a7341e6);border-radius:999px}.map-entity.capture{background:linear-gradient(#b84050d9,#89253ee0);border-style:dashed}.map-entity.selected{box-shadow:0 0 0 2px #f7f6b8,0 0 15px #f7f6b8d9}.map-empty{color:#c2d6f3;place-items:center;min-height:52vh;display:grid}.admin-audit-preview{gap:.45rem;display:grid}.admin-audit-preview div{background:#050d199e;border:1px solid #aed0ff33;border-radius:10px;gap:.16rem;padding:.55rem;display:grid}.admin-audit-preview span{color:#b7cff1;font-size:.86rem}.admin-audit-preview small{color:#8baad4}.admin-toast{z-index:999;color:#fff;border-radius:11px;padding:.72rem .95rem;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 28px #00000059}.admin-toast.success{background:linear-gradient(#1ca374,#127e59)}.admin-toast.error{background:linear-gradient(#c14357,#92293d)}@media (max-width:1400px){.admin-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.map-editor-layout{grid-template-columns:260px minmax(0,1fr)}.map-editor-right{grid-column:1/-1;min-height:auto}}@media (max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid #b4d1ff3d;border-right:none;height:auto;position:static}.admin-nav,.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-form,.admin-grid-form.compact,.ruleset-grid,.map-editor-layout,.map-meta-grid{grid-template-columns:1fr}.map-canvas{min-height:50vh}.map-toolbar{grid-template-columns:1fr}}