: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}.pause-overlay{z-index:9;background:linear-gradient(135deg,#080c12b8,#0c16229e);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}.pause-card{background:linear-gradient(165deg,#161e2af2,#0b1019f2);border:1px solid #ffffff40;border-radius:14px;width:min(94vw,420px);padding:1rem;box-shadow:0 16px 48px #00000073}.pause-card h2{margin:0}.pause-card p{color:#c9d9ef;margin:.45rem 0 .9rem}.pause-actions{flex-wrap:wrap;gap:.6rem;display:flex}.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}.menu-tabs button.active{background:linear-gradient(#2ca98f,#1f806c)}button,select{color:#e8fff8;background:linear-gradient(#1e8d76,#176a59);border:1px solid #ffffff40;border-radius:10px;padding:.65rem .95rem;font-size:1rem}.menu-card select option,.menu-card select optgroup{color:#11212b;background-color:#fff}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{--reticle-gap:12px;pointer-events:none;filter:drop-shadow(0 0 6px #000000bf);width:32px;height:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-plus-marker{z-index:11;color:#fff;text-shadow:0 0 10px #000000f2,0 0 2px #000000f2;pointer-events:none;font-size:22px;font-weight:800;line-height:1;position:fixed;top:50%;left:50%;transform:translate(-50%,-52%)}.reticle-line{background:#fffffff2;border-radius:999px;transition:transform 80ms linear;display:block;position:absolute}.reticle-line.top,.reticle-line.bottom{width:2px;height:10px;left:50%;transform:translate(-50%)}.reticle-line.top{transform:translate(-50%, calc(-1 * var(--reticle-gap)));top:50%}.reticle-line.bottom{transform:translate(-50%, var(--reticle-gap));top:50%}.reticle-line.left,.reticle-line.right{width:10px;height:2px;top:50%;transform:translateY(-50%)}.reticle-line.left{transform:translate(calc(-1 * var(--reticle-gap)), -50%);left:50%}.reticle-line.right{transform:translate(var(--reticle-gap), -50%);left:50%}.reticle-dot{background:#fffffff2;border-radius:999px;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.aiming .reticle-line{opacity:.86}.crosshair.aiming .reticle-dot{width:3px;height:3px}.hit-marker{opacity:0;transition:opacity 60ms ease-out;position:absolute;inset:0}.hit-marker:before,.hit-marker:after{content:"";background:#ffe6a3f2;border-radius:999px;width:2px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.hit-marker:after{transform:translate(-50%,-50%)rotate(-45deg)}.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)}body.admin-map-editor-mode,body.admin-map-editor-mode #app{height:100vh;overflow:hidden}.map3d-shell{grid-template-rows:auto 1fr;height:100vh;display:grid}.map3d-topbar{background:#050e1cdb;border-bottom:1px solid #a6caff3d;justify-content:space-between;align-items:center;gap:.85rem;padding:.7rem .9rem;display:flex}.map3d-topbar-left{align-items:center;gap:.8rem;display:flex}.map3d-topbar-left h1{margin:0;font-size:1.05rem}.map3d-topbar-left p{color:#9ebddd;margin:.15rem 0 0;font-size:.84rem}.map3d-topbar-right{align-items:center;gap:.55rem;display:flex}.map3d-camera-modes{gap:.3rem;margin-right:.2rem;display:flex}.map3d-camera-mode{color:#dcedff;background:linear-gradient(#183866cc,#0c2346e0);border:1px solid #a6cbff52;border-radius:8px;padding:.42rem .6rem;font-size:.72rem}.map3d-save-status{color:#b9d6fa;font-size:.82rem}.map3d-body{grid-template-columns:290px minmax(0,1fr) 290px;min-height:0;display:grid}.map3d-left-panel,.map3d-right-panel{background:#071222e0;border-right:1px solid #a1c6fa2e;align-content:start;gap:.75rem;padding:.8rem;display:grid;overflow:auto}.map3d-right-panel{border-left:1px solid #a1c6fa2e;border-right:none}.map3d-left-panel h3,.map3d-right-panel h3{margin:0 0 .45rem}.map3d-viewport-panel{background:radial-gradient(circle at 18% 14%,#437cc42e,#08101cf5);min-width:0;min-height:0}#map3d-viewport{width:100%;height:100%}#map3d-viewport canvas{display:block;width:100%!important;height:100%!important}.map3d-tool-grid,.map3d-transform-grid,.map3d-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.map3d-transform-grid{grid-template-columns:1fr}.map3d-tool.active,.map3d-transform.active,.map3d-camera-mode.active,.map3d-asset-filter.active,.map3d-asset-tile.active{box-shadow:0 0 0 2px #f7f6b8,0 0 12px #f7f6b894}.map3d-asset-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-bottom:.5rem;display:grid}.map3d-asset-filter{color:#e5f2ff;background:linear-gradient(#1c3b66cc,#0e2342e0);border:1px solid #abd1ff57;border-radius:8px;padding:.38rem .34rem;font-size:.73rem}.map3d-placement-fields{grid-template-columns:1fr;gap:.4rem;margin-bottom:.45rem;display:grid}.map3d-inline-label{color:#bad5f6;gap:.24rem;font-size:.82rem;display:grid}.map3d-checkbox-label{color:#d0e6ff;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.76rem;display:flex}.map3d-upload-form{gap:.35rem;margin:.55rem 0;display:grid}.map3d-upload-form input[type=file]{max-width:100%}.map3d-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:38vh;display:grid;overflow:auto}.map3d-asset-tile{color:#e8f4ff;text-align:left;background:linear-gradient(165deg,#1a4780c7,#0c2a58cc);border:1px solid #a8ccff66;border-radius:10px;grid-template-rows:52px auto auto auto;align-content:start;gap:.2rem;min-height:116px;display:grid}.map3d-asset-thumb{letter-spacing:.08em;color:#f2f8ff;text-shadow:0 1px #00000073;border:1px solid #fff3;border-radius:8px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.map3d-asset-thumb-buildings{background:linear-gradient(#7b5f4a,#5a4332)}.map3d-asset-thumb-props{background:linear-gradient(#4f6174,#374859)}.map3d-asset-thumb-nature{background:linear-gradient(#3f7f53,#2f5d3f)}.map3d-asset-thumb-characters{background:linear-gradient(#4e6a93,#374a67)}.map3d-asset-thumb-weapons{background:linear-gradient(#6a5f7c,#4d455d)}.map3d-asset-thumb-other{background:linear-gradient(#48627e,#33485e)}.map3d-asset-tile strong{text-transform:capitalize;font-size:.82rem;line-height:1.15}.map3d-asset-tile span,.map3d-asset-tile small{color:#c8def9;font-size:.72rem}.map3d-asset-preview{background:radial-gradient(circle at 22% 20%,#4278bc5c,#08101efa);border:1px solid #a6cbff4d;border-radius:12px;width:100%;min-height:190px;overflow:hidden}.map3d-asset-preview canvas{display:block;width:100%!important;height:100%!important}.map3d-asset-preview-meta{color:#c2ddfa;margin-top:.35rem;font-size:.75rem}.map3d-inspector-form{gap:.38rem;display:grid}.map3d-brush-fields{gap:.45rem;display:grid}.map3d-locked-screen{place-items:center;min-height:100vh;padding:1rem;display:grid}.map3d-locked-card{background:#071121e6;border:1px solid #afd1ff4d;border-radius:12px;width:min(520px,96vw);padding:1rem}.map3d-locked-card h1{margin-top:0}.map3d-locked-actions{flex-wrap:wrap;gap:.5rem;display:flex}.map3d-link-btn{color:#e8fff8;background:linear-gradient(#1e8d76,#176a59);border:1px solid #ffffff40;border-radius:10px;padding:.65rem .95rem;text-decoration:none}@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}.map3d-body{grid-template-columns:260px minmax(0,1fr)}.map3d-right-panel{border-top:1px solid #a1c6fa2e;border-left:none;grid-column:1/-1}}@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}.map3d-shell{grid-template-rows:auto auto 1fr}.map3d-topbar{flex-direction:column;align-items:flex-start}.map3d-body{grid-template-rows:auto minmax(46vh,1fr) auto;grid-template-columns:1fr}.map3d-left-panel,.map3d-right-panel{border:none;border-top:1px solid #a1c6fa33}.map3d-asset-grid{grid-template-columns:1fr;max-height:24vh}.map3d-asset-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}