@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#02020a;overflow:hidden;height:100vh;width:100vw;font-family:DM Sans,sans-serif}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.scr{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .55s ease;transform:translateY(14px);display:flex;flex-direction:column;align-items:center;justify-content:center}.scr.on{opacity:1;pointer-events:all;transform:none}#scr-intro{background:#02020a;padding:20px;gap:0}.gl{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.3em;color:#534ab780;margin-bottom:24px;animation:flk 3s infinite}@keyframes flk{0%,to{opacity:.5}50%{opacity:1}94%{opacity:1}96%{opacity:.3}98%{opacity:1}}.ttl{font-family:Space Mono,monospace;font-size:clamp(24px,4.5vw,46px);font-weight:700;color:#afa9ec;letter-spacing:-.02em;margin-bottom:4px;text-align:center}.sub{font-size:12px;color:#afa9ec4d;margin-bottom:22px;letter-spacing:.07em}.desc{max-width:430px;text-align:center;font-size:12px;line-height:1.9;color:#c8beff73;margin-bottom:20px}.desc em{color:#afa9ec;font-style:normal}.tsec{width:100%;max-width:490px;margin-bottom:18px}.tsl{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.16em;color:#afa9ec59;margin-bottom:8px;text-align:center}.tg{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tp{font-family:Space Mono,monospace;font-size:7.5px;letter-spacing:.07em;padding:4px 11px;border-radius:20px;border:.5px solid rgba(83,74,183,.28);color:#afa9ec66;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.tp:hover{border-color:#7f77dd;color:#afa9ec}.tp.a{background:#534ab72e;border-color:#7f77dd;color:#cecbf6}.tp.r{background:#d85a301a;border-color:#d85a3073;color:#f0997b}.slw{width:100%;max-width:450px;background:#534ab70d;border:.5px solid rgba(83,74,183,.18);border-radius:12px;padding:13px 17px;margin-bottom:18px}.slr{display:flex;align-items:center;gap:9px;margin-bottom:8px}.slr:last-child{margin-bottom:0}.sll{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.12em;color:#afa9ec66;width:82px;flex-shrink:0;text-transform:uppercase}.slt{flex:1;height:3px;background:#534ab72e;border-radius:2px;cursor:pointer;position:relative}.slf{position:absolute;left:0;top:0;height:100%;border-radius:2px}.slh{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;border:1.5px solid rgba(255,255,255,.22)}.slv{font-family:Space Mono,monospace;font-size:8px;font-weight:700;width:30px;text-align:right;flex-shrink:0}.go{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:11px 32px;border-radius:11px;border:.5px solid rgba(83,74,183,.55);background:#534ab71a;color:#afa9ec;cursor:pointer;transition:all .2s}.go:hover{background:#534ab738;border-color:#7f77dd;color:#cecbf6;transform:translateY(-1px)}.go:active{transform:scale(.97)}#scr-game{justify-content:flex-start;align-items:stretch;background:#02020a}#world{flex:1;position:relative;overflow:hidden;min-height:0}canvas#C{display:block;width:100%;height:100%}#htop{position:absolute;top:7px;left:7px;right:7px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:20;gap:5px;flex-wrap:wrap}.hp{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.11em;color:#c8beffcc;background:#02020ae6;padding:2px 7px;border-radius:20px;border:.5px solid rgba(0,220,180,.4);white-space:nowrap}.hp b{color:#0fc}.hp.wr b{color:#f48}.hp.ev b{color:#fac775}#tbar{position:absolute;top:28px;left:7px;right:7px;height:2px;background:#ffffff0d;border-radius:1px;pointer-events:none;z-index:20}#tfill{height:100%;border-radius:1px;transition:width .5s linear}#lstats{position:absolute;top:36px;left:7px;pointer-events:none;z-index:20}.sb{display:flex;align-items:center;gap:4px;margin-bottom:2px}.sbl{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.09em;color:#afa9ec52;width:42px}.sbt{width:60px;height:2px;background:#ffffff0f;border-radius:1px}.sbf{height:100%;border-radius:1px;transition:width .5s}#sgraph{position:absolute;top:7px;right:7px;width:150px;pointer-events:none;z-index:20}.sgt{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.15em;color:#afa9ec4d;margin-bottom:5px}.brow{display:flex;align-items:center;gap:5px;margin-bottom:3px;background:#02020ad9;border:.5px solid rgba(83,74,183,.18);border-radius:6px;padding:3px 6px;animation:brin .3s ease}@keyframes brin{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}.bd{width:6px;height:6px;border-radius:50%;flex-shrink:0}.bn{font-family:Space Mono,monospace;font-size:6px;color:#afa9ec8c;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.btp{font-family:Space Mono,monospace;font-size:5.5px;padding:1px 4px;border-radius:8px}.btp.m{background:#5dcaa51f;color:#5dcaa5}.btp.c{background:#d85a301f;color:#d85a30}#abar{position:absolute;bottom:7px;left:7px;right:7px;pointer-events:none;z-index:20}.abi{background:#02020ae6;border:.5px solid rgba(83,74,183,.25);border-radius:9px;padding:5px 10px;display:flex;align-items:center;gap:8px}.anm{font-family:Space Mono,monospace;font-size:7.5px;font-weight:700;min-width:116px;transition:color .5s}.atr{flex:1;display:flex;gap:6px}.at2{flex:1;display:flex;align-items:center;gap:3px}.atl{font-family:Space Mono,monospace;font-size:5.5px;letter-spacing:.07em;color:#afa9ec47;width:34px}.atb{flex:1;height:2px;background:#ffffff0d;border-radius:1px}.atf{height:100%;border-radius:1px;transition:width .5s}.ats{font-family:Space Mono,monospace;font-size:5.5px;color:#afa9ec40;width:10px;text-align:right}#dpad{position:absolute;bottom:52px;right:7px;z-index:20;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px;pointer-events:all}.dp{background:#02020ad1;border:.5px solid rgba(0,220,180,.22);border-radius:10px;color:#00dcb48c;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .08s,border-color .08s,color .08s;-webkit-tap-highlight-color:transparent}.dp:active,.dp.on{background:#00dcb433;border-color:#00dcb4b3;color:#0fc;box-shadow:0 0 8px #00dcb44d}#efeed{position:absolute;bottom:52px;left:7px;z-index:20;pointer-events:none;width:180px}.ei{font-family:Space Mono,monospace;font-size:6px;color:#afa9ec80;background:#02020ad9;border:.5px solid rgba(83,74,183,.15);border-radius:4px;padding:2px 6px;margin-bottom:2px;animation:eiin .25s ease}@keyframes eiin{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:none}}#enc{position:absolute;top:0;right:0;bottom:0;left:0;background:#02020ac7;z-index:50;display:none;align-items:flex-end;justify-content:center}#enc.on{display:flex}#ecard{width:min(96%,460px);background:#0b0a1c;border:.5px solid rgba(83,74,183,.45);border-top-left-radius:16px;border-top-right-radius:16px;padding:18px 18px 22px;animation:sup .35s cubic-bezier(.34,1.56,.64,1);max-height:88vh;overflow-y:auto}@keyframes sup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.eey{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.2em;color:#afa9ec47;margin-bottom:5px}.eh2{display:flex;align-items:center;gap:8px;margin-bottom:10px}.edot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.et2{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.1em;color:#afa9ec}.emem{font-family:Space Mono,monospace;font-size:8px;color:#afa9ec5c;border-left:2px solid rgba(83,74,183,.32);padding-left:6px;margin-bottom:9px;line-height:1.6}.ebody{font-size:11.5px;line-height:1.8;color:#c8c8d8;font-weight:300;margin-bottom:11px}.ebody em{color:#afa9ec;font-style:normal;font-weight:500}.ebody b{color:#5dcaa5;font-weight:500}.esec{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.16em;color:#afa9ec47;margin-bottom:7px;margin-top:11px}.cg{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:9px}.cc{background:#ffffff06;border:.5px solid rgba(83,74,183,.22);border-radius:8px;padding:7px 9px;cursor:pointer;transition:all .15s}.cc:hover{border-color:#7f77dd;background:#534ab717}.cc:active{transform:scale(.97)}.cc.ch{border-color:#5dcaa5;background:#5dcaa50f;pointer-events:none}.cc.lk{pointer-events:none;opacity:.2}.cb2{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.09em;display:block;margin-bottom:2px;color:#afa9ec61}.ct2{font-size:10px;color:#c8c8d8;line-height:1.3}.cco{font-family:Space Mono,monospace;font-size:6px;color:#afa9ec33;margin-top:2px}.ag{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:9px}.ac2{background:#ffffff06;border:.5px solid;border-radius:8px;padding:7px 10px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}.ac2:hover{background:#534ab714}.ac2:active{transform:scale(.98)}.aic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:8px;font-weight:700;flex-shrink:0}.atn{font-family:Space Mono,monospace;font-size:8px;font-weight:700;display:block;margin-bottom:2px}.adc{font-size:9.5px;color:#afa9ec73;line-height:1.35}.atg{font-family:Space Mono,monospace;font-size:5.5px;padding:1px 5px;border-radius:8px;margin-top:3px;display:inline-block}.rg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:9px}.rb{background:#ffffff06;border:.5px solid rgba(83,74,183,.22);border-radius:8px;padding:7px 9px;cursor:pointer;transition:all .15s;text-align:left}.rb:hover{border-color:#7f77dd;background:#534ab714}.rn{font-family:Space Mono,monospace;font-size:7.5px;font-weight:700;color:#afa9ec;display:block;margin-bottom:2px}.rd{font-size:9px;color:#afa9ec61;line-height:1.35}.rc{font-family:Space Mono,monospace;font-size:5.5px;color:#afa9ec33;margin-top:2px}.eres{border-radius:7px;padding:7px 9px;font-family:Space Mono,monospace;font-size:8.5px;line-height:1.6;border:.5px solid;display:none;margin-bottom:9px}.eres.on{display:block}.eres.g{background:#0f6e561a;border-color:#5dcaa540;color:#9fe1cb}.eres.b{background:#a12d2d12;border-color:#f095952e;color:#f5c4b3}.eres.w{background:#534ab70f;border-color:#afa9ec2e;color:#cecbf6}.eres.c{background:#5dcaa512;border-color:#5dcaa540;color:#9fe1cb}.eres.r{background:#d85a3012;border-color:#d85a3040;color:#f0997b}.efoot{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.ecl{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.11em;color:#afa9ec40;cursor:pointer;text-transform:uppercase;transition:color .15s}.ecl:hover{color:#afa9ec}.eprog{display:flex;gap:3px}.epd{width:6px;height:6px;border-radius:50%;background:#ffffff12;transition:all .3s}.epd.v{background:#534ab7}.epd.a{background:#5dcaa5;box-shadow:0 0 4px #5dcaa566}#ambient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:45;display:none;pointer-events:none}.ambi{font-family:Space Mono,monospace;font-size:11px;color:#afa9ec;background:#0a091af5;border:.5px solid rgba(83,74,183,.5);border-radius:12px;padding:10px 16px;text-align:center;animation:ambp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ambp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#02020a;z-index:100;pointer-events:none;opacity:0;transition:opacity .45s ease}#veil.on{opacity:1}#vttl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:101;pointer-events:none;opacity:0;transition:opacity .4s}#vttl.on{opacity:1}.ve{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.28em;color:#534ab780;margin-bottom:8px}.vm{font-family:Space Mono,monospace;font-size:clamp(18px,3.5vw,32px);font-weight:700;color:#afa9ec;text-align:center}.vs2{font-size:11px;color:#afa9ec47;margin-top:5px;letter-spacing:.07em}#scr-end{background:#02020a;padding:22px;gap:0}.eey2{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.18em;color:#afa9ec33;margin-bottom:9px}.ea{font-family:Space Mono,monospace;font-size:clamp(20px,3.8vw,36px);font-weight:700;margin-bottom:5px;text-align:center}.es2{font-size:12px;color:#afa9ec66;margin-bottom:16px;max-width:370px;text-align:center;line-height:1.75}.eg{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.est{background:#ffffff08;border:.5px solid rgba(83,74,183,.15);border-radius:9px;padding:9px 12px;text-align:center;min-width:68px}.esn{font-family:Space Mono,monospace;font-size:18px;font-weight:700;display:block}.esl{font-size:7.5px;color:#afa9ec4d}.ebw{max-width:410px;width:100%;margin-bottom:14px}.ebt{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.14em;color:#afa9ec40;margin-bottom:7px}.ebr{display:flex;align-items:center;gap:7px;padding:6px 9px;background:#ffffff05;border:.5px solid rgba(83,74,183,.12);border-radius:7px;margin-bottom:4px}.ebd{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ebn{font-family:Space Mono,monospace;font-size:7.5px;flex:1}.ebtp{font-family:Space Mono,monospace;font-size:6px;padding:1px 6px;border-radius:8px}.ebtp.m{background:#5dcaa51a;color:#5dcaa5}.ebtp.r{background:#d85a301a;color:#d85a30}.em{font-family:Space Mono,monospace;font-size:9px;line-height:1.9;color:#9fe1cb;background:#0f6e560f;border:.5px solid rgba(93,202,165,.12);border-radius:8px;padding:10px 12px;margin-bottom:14px;max-width:410px;text-align:left}.em:before{content:"// "}.ebtns{display:flex;gap:9px;justify-content:center}.endb{font-family:Space Mono,monospace;font-size:8px;padding:8px 16px;border-radius:8px;border:.5px solid;background:transparent;cursor:pointer;letter-spacing:.11em;text-transform:uppercase;transition:all .2s}.endb:hover{transform:translateY(-1px)}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.2}}.nv-voice{font-size:11.5px;line-height:1.9;color:#d2cdf0d1;font-weight:300;font-style:italic;border-left:2px solid rgba(83,74,183,.35);padding:3px 0 3px 10px;margin-bottom:10px}.nv-tagrow{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.nv-tag{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.06em;padding:2px 7px;border-radius:12px;border:.5px solid rgba(83,74,183,.22);color:#afa9ec66}.nv-a{border-color:#5dcaa547;color:#8ed8be}.nv-r{border-color:#d85a3047;color:#e09070}.nv-proto{font-family:Space Mono,monospace;font-size:7.5px;color:#afa9ec52;margin-bottom:9px;line-height:1.65;padding-left:2px}.nv-match{font-family:Space Mono,monospace;font-size:7.5px;line-height:1.7;margin-bottom:10px;border-radius:6px;padding:5px 9px;border:.5px solid}.nv-match.mutual{background:#5dcaa50d;border-color:#5dcaa533;color:#8ed8be}.nv-match.clash{background:#d85a300d;border-color:#d85a3033;color:#e09070}.nv-match.neutral{background:#534ab70a;border-color:#534ab72e;color:#afa9ec73}.emood{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.12em;padding:3px 9px;border-radius:20px;border:.5px solid;display:inline-block;margin-bottom:9px;line-height:1.6}.ebonded{background:#5dcaa50a;border:.5px solid rgba(93,202,165,.18);border-radius:8px;padding:9px 12px;margin-bottom:10px}.ebdepth{font-family:Space Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.14em;margin-bottom:4px}.ebdesc{font-size:10px;color:#afa9ec80;line-height:1.7}#scr-psel{background:#02020a;padding:18px 16px 24px;gap:0;overflow-y:auto;justify-content:flex-start}.psg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:590px;margin-bottom:14px}@media (max-width:520px){.psg{grid-template-columns:repeat(2,1fr)}}.psc{border:.5px solid rgba(83,74,183,.2);border-radius:12px;padding:12px 10px;cursor:pointer;transition:all .2s;background:#ffffff05;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.psc:hover{border-color:#534ab773;background:#534ab70d;transform:translateY(-2px)}.psc:active{transform:scale(.97)}.pssel{transform:translateY(-2px)}.psav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.psaura{width:16px;height:16px;border-radius:50%}.psname{font-family:Space Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.09em;color:#afa9ecbf;transition:color .2s}.pstag{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.06em;color:#afa9ec4d;line-height:1.5}.psstats{width:100%;display:flex;flex-direction:column;gap:2px;margin-top:2px}.pssrow{display:flex;align-items:center;gap:4px}.pssl{font-family:Space Mono,monospace;font-size:5.5px;letter-spacing:.06em;color:#afa9ec47;width:20px;flex-shrink:0}.pssbar{flex:1;height:2px;background:#ffffff0f;border-radius:1px}.pssfill{height:100%;border-radius:1px;transition:width .4s}.psabil{font-family:Space Mono,monospace;font-size:5.5px;letter-spacing:.04em;border:.5px solid;border-radius:6px;padding:3px 6px;line-height:1.5;text-align:center;margin-top:3px;width:100%}.psdesc{max-width:580px;width:100%;font-family:Space Mono,monospace;font-size:8px;line-height:1.8;border:.5px solid;border-radius:8px;padding:8px 12px;margin-bottom:14px;text-align:center}.vmrow{display:flex;align-items:center;gap:4px;margin-bottom:2px}.vmn{font-family:Space Mono,monospace;font-size:5.5px;letter-spacing:.05em;width:22px;flex-shrink:0}.vmbar{flex:1;height:2px;background:#ffffff0d;border-radius:1px}.vmfill{height:100%;border-radius:1px;transition:width .7s}.vmp{font-family:Space Mono,monospace;font-size:5px;color:#afa9ec38;width:18px;text-align:right;flex-shrink:0}#vcompass{position:absolute;bottom:106px;right:7px;z-index:20;pointer-events:none;width:88px}.vct{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.13em;color:#afa9ec47;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.vhbtn{font-family:Space Mono,monospace;font-size:5px;padding:1px 5px;border-radius:5px;background:#534ab71a;color:#afa9ec47;border:.5px solid rgba(83,74,183,.18);transition:all .2s}.vhbtn.on{background:#5dcaa51a;color:#5dcaa5;border-color:#5dcaa547}.vcg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.vcd{background:#ffffff06;border:.5px solid rgba(83,74,183,.1);border-radius:4px;height:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background .5s,border-color .5s}.vcc{background:#5dcaa50d;border:.5px solid rgba(93,202,165,.18);border-radius:4px;height:22px;display:flex;align-items:center;justify-content:center;color:#5dcaa566;font-size:9px}.vcx{height:22px}.vca{font-family:Space Mono,monospace;font-size:7px;font-weight:700;line-height:1}.vcl{font-family:Space Mono,monospace;font-size:5px;letter-spacing:.04em;line-height:1;opacity:.8}#scr-map{background:#030010;justify-content:flex-start;align-items:stretch;padding:0}#map-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:.5px solid rgba(0,220,180,.12);flex-shrink:0;gap:12px}.map-title{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.22em;color:#00dcb4b3;text-transform:uppercase;margin-bottom:3px}.map-sub{font-family:Space Mono,monospace;font-size:7.5px;letter-spacing:.1em;color:#afa9ec59}.map-enter-btn{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:9px 20px;border-radius:9px;border:.5px solid rgba(0,220,180,.45);background:#00dcb412;color:#00dcb4cc;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.map-enter-btn:hover:not(:disabled){background:#00dcb429;border-color:#0fc;color:#0fc;transform:translateY(-1px)}.map-enter-btn:disabled{opacity:.28;cursor:default}#map-body{flex:1;display:grid;grid-template-columns:1fr 280px;overflow:hidden;min-height:0}#map-canvas-wrap{position:relative;overflow:hidden}canvas#mapC{display:block;width:100%;height:100%;cursor:crosshair}#map-sidebar{overflow-y:auto;border-left:.5px solid rgba(0,220,180,.1);padding:12px 10px;display:flex;flex-direction:column;gap:6px;background:#03001499}#map-sidebar::-webkit-scrollbar{width:3px}#map-sidebar::-webkit-scrollbar-track{background:transparent}#map-sidebar::-webkit-scrollbar-thumb{background:#00dcb42e;border-radius:2px}.map-hint{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.14em;color:#afa9ec38;margin-bottom:4px;text-align:center;text-transform:uppercase}.district-card{border:.5px solid rgba(83,74,183,.18);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .18s;background:#ffffff04}.district-card:hover{border-color:#00dcb459;background:#00dcb40a;transform:translate(-1px)}.district-card.selected{border-color:#00dcb499;background:#00dcb412;box-shadow:0 0 12px #00dcb414}.dc-dot-row{display:flex;align-items:center;gap:7px;margin-bottom:5px}.dc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.dc-name{font-family:Space Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;color:#afa9eccc;flex:1}.dc-vibe{font-family:Space Mono,monospace;font-size:5.5px;letter-spacing:.06em;padding:2px 6px;border-radius:8px;white-space:nowrap}.dc-desc{font-size:9px;color:#afa9ec61;line-height:1.65;margin-bottom:6px}.dc-tags{display:flex;gap:4px;flex-wrap:wrap}.dc-tag{font-family:Space Mono,monospace;font-size:5.5px;letter-spacing:.06em;padding:2px 6px;border-radius:8px;border:.5px solid rgba(83,74,183,.22);color:#afa9ec4d}#map-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-top:.5px solid rgba(0,220,180,.1);flex-shrink:0;background:#030014cc}.mf-sel{font-family:Space Mono,monospace;font-size:7.5px;letter-spacing:.1em;color:#afa9ec66}.mf-sel b{color:#0fc}.mf-legend{display:flex;gap:14px;align-items:center}.mfl-item{display:flex;align-items:center;gap:5px;font-family:Space Mono,monospace;font-size:6px;letter-spacing:.08em;color:#afa9ec47}.mfl-dot{width:6px;height:6px;border-radius:50%}@media (max-width:600px){#map-body{grid-template-columns:1fr}#map-sidebar{display:none}}#hint-bar{position:absolute;left:50%;transform:translate(-50%);bottom:10px;background:#020012e0;border:.5px solid rgba(250,199,117,.28);border-radius:20px;padding:6px 16px;max-width:520px;width:90%;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:20}.hint-icon{font-size:10px;color:#fac775;flex-shrink:0}.hint-text{font-family:Space Mono,monospace;font-size:7px;color:#fac775bf;letter-spacing:.06em;line-height:1.5;text-align:center;flex:1}#tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000fd1;display:flex;align-items:center;justify-content:center;z-index:50}#tutorial-box{background:#030016f2;border:.5px solid rgba(0,220,180,.3);border-radius:14px;padding:24px 28px;max-width:420px;width:92%;font-family:Space Mono,monospace}.tut-title{font-size:11px;font-weight:700;letter-spacing:.22em;color:#0fc;margin-bottom:18px;text-align:center;text-transform:uppercase}.tut-section{margin-bottom:14px}.tut-head{font-size:7px;letter-spacing:.18em;color:#00dcb480;margin-bottom:7px;text-transform:uppercase;border-bottom:.5px solid rgba(0,220,180,.12);padding-bottom:4px}.tut-row{font-size:8px;color:#afa9eca6;margin-bottom:5px;line-height:1.6}.tut-note{color:#afa9ec59;font-size:7px;font-style:italic;margin-top:2px}kbd{display:inline-block;padding:1px 6px;border:.5px solid rgba(0,220,180,.4);border-radius:4px;background:#00dcb414;color:#0fc;font-family:Space Mono,monospace;font-size:8px}.tut-btn{display:block;width:100%;margin-top:18px;padding:10px;background:#00dcb41a;border:.5px solid rgba(0,220,180,.5);border-radius:8px;color:#0fc;font-family:Space Mono,monospace;font-size:8px;letter-spacing:.18em;cursor:pointer;transition:all .2s;text-transform:uppercase}.tut-btn:hover{background:#00dcb433;box-shadow:0 0 12px #00dcb433}#quest-tracker{position:absolute;right:8px;bottom:136px;background:#020012d1;border:.5px solid rgba(0,220,180,.15);border-radius:8px;padding:8px 10px;min-width:170px;max-width:200px;pointer-events:none}.qt-title{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.14em;color:#00dcb473;margin-bottom:5px;text-transform:uppercase}.qt-item{margin-bottom:5px}.qt-item.qt-done .qt-name{color:#00ffaab3}.qt-item.qt-done .qt-desc{display:none}.qt-row{display:flex;align-items:center;gap:5px}.qt-dot{font-size:9px;width:12px;text-align:center;color:#00dcb499;font-family:Space Mono,monospace}.qt-name{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.05em;color:#afa9ec8c}.qt-desc{font-family:Space Mono,monospace;font-size:6px;color:#afa9ec4d;padding-left:17px;margin-top:2px;line-height:1.5}.qt-prog{font-family:Space Mono,monospace;font-size:6.5px;font-weight:700;color:#fac775;margin-left:auto;padding-left:6px;letter-spacing:.05em}#arch-guide{position:absolute;left:8px;bottom:136px;background:#020012e0;border:.5px solid rgba(250,199,117,.3);border-radius:8px;padding:10px 12px;max-width:210px;pointer-events:none}.ag-title{font-family:Space Mono,monospace;font-size:6px;letter-spacing:.14em;color:#fac7758c;margin-bottom:8px;text-transform:uppercase}.ag-step{display:flex;align-items:flex-start;gap:7px;margin-bottom:7px;opacity:.35;transition:opacity .4s}.ag-step.ag-active{opacity:1}.ag-num{font-family:Space Mono,monospace;font-size:8px;font-weight:700;color:#fac775;flex-shrink:0;width:12px;text-align:center;margin-top:1px}.ag-body{display:flex;flex-direction:column;gap:2px}.ag-body b{font-family:Space Mono,monospace;font-size:7px;color:#fac775cc;font-weight:700}.ag-body span{font-family:Space Mono,monospace;font-size:6px;color:#afa9ec73;line-height:1.5}.ag-check{font-size:10px;color:#0fc;margin-left:auto;flex-shrink:0}#water-mirror{position:absolute;left:50%;transform:translate(-50%);bottom:56px;background:#000c1ee0;border:.5px solid rgba(0,180,255,.25);border-radius:10px;padding:10px 16px;min-width:180px;text-align:center;pointer-events:none;animation:wmFade .4s ease}@keyframes wmFade{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wm-title{font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.18em;color:#00c8ff80;margin-bottom:6px;text-transform:uppercase}.wm-row{display:flex;justify-content:space-between;gap:16px;font-family:Space Mono,monospace;font-size:7.5px;margin-bottom:4px}.wm-l{color:#afa9ec59;letter-spacing:.08em}.wm-v{color:#ffffffb3;font-weight:700;letter-spacing:.06em}.wm-sub{font-size:6px;color:#00b4ff47;letter-spacing:.12em;margin-top:4px;font-style:italic}#aura-btn{position:absolute;right:8px;bottom:88px;font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.12em;padding:5px 10px;border-radius:6px;border:.5px solid rgba(100,80,255,.3);background:#020012bf;color:#afa9ec80;cursor:pointer;transition:all .2s}#aura-btn:hover{border-color:#6450ff99;color:#c8beffcc}#aura-btn.on{border-color:#b450ffb3;color:#c85aff;background:#50008c59;box-shadow:0 0 10px #b450ff33}#quest-tab-btn{position:absolute;left:8px;bottom:88px;font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.12em;padding:5px 10px;border-radius:6px;border:.5px solid rgba(0,220,180,.3);background:#020012bf;color:#00dcb48c;cursor:pointer;transition:all .2s;z-index:22}#quest-tab-btn:hover{border-color:#00dcb499;color:#0fc}#quest-tab-panel{position:absolute;left:8px;bottom:112px;background:#020014f0;border:.5px solid rgba(0,220,180,.25);border-radius:10px;padding:12px 14px;min-width:200px;max-width:240px;z-index:23;animation:qpIn .18s ease}@keyframes qpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qtp-title{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.18em;color:#00dcb48c;margin-bottom:10px;text-transform:uppercase;border-bottom:.5px solid rgba(0,220,180,.1);padding-bottom:5px}.qtp-item{margin-bottom:8px}.qtp-item.qtp-done .qtp-name{color:#00ffaaa6}.qtp-row{display:flex;align-items:center;gap:5px}.qtp-dot{font-size:9px;width:12px;text-align:center;color:#00dcb499;font-family:Space Mono,monospace}.qtp-name{font-family:Space Mono,monospace;font-size:7.5px;letter-spacing:.05em;color:#afa9eca6}.qtp-prog{font-family:Space Mono,monospace;font-size:6.5px;font-weight:700;color:#fac775;margin-left:auto;padding-left:6px}.qtp-desc{font-family:Space Mono,monospace;font-size:6px;color:#afa9ec52;padding-left:17px;margin-top:3px;line-height:1.55}.qtp-hint{font-family:Space Mono,monospace;font-size:6px;color:#00dcb447;letter-spacing:.1em;text-align:center;margin-top:10px;padding-top:7px;border-top:.5px solid rgba(0,220,180,.08);text-transform:uppercase}#nav-panel{position:absolute;left:50%;transform:translate(-50%);top:50%;margin-top:-60px;background:#020014f5;border:.5px solid rgba(0,220,180,.3);border-radius:12px;padding:14px 16px;min-width:200px;max-width:280px;z-index:40;animation:qpIn .15s ease}.np-title{font-family:Space Mono,monospace;font-size:7px;letter-spacing:.2em;color:#00dcb480;margin-bottom:10px;text-transform:uppercase;text-align:center}.np-btn{display:flex;align-items:center;gap:8px;width:100%;background:#00dcb40d;border:.5px solid rgba(0,220,180,.15);border-radius:7px;padding:8px 10px;margin-bottom:6px;font-family:Space Mono,monospace;font-size:7.5px;letter-spacing:.06em;color:#afa9ecbf;cursor:pointer;transition:all .18s;text-align:left}.np-btn:hover{background:#00dcb41f;border-color:#00dcb466;color:#e0deff;box-shadow:0 0 8px #00dcb41a}.np-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.np-close{display:block;width:100%;margin-top:4px;background:transparent;border:.5px solid rgba(175,169,236,.15);border-radius:7px;padding:7px;font-family:Space Mono,monospace;font-size:6.5px;letter-spacing:.12em;color:#afa9ec59;cursor:pointer;transition:all .18s;text-transform:uppercase}.np-close:hover{border-color:#afa9ec59;color:#afa9eca6}