:root{--bg:#000;--g:#50ff7a;--g2:#2bd85b;--g3:#0a7a2b;--line:#50ff7a59;--glow:#50ff7a2e;--dim:#50ff7aa6}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--g);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}a{color:var(--g);text-decoration:none}a:hover{filter:brightness(1.15)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{border-left:1px solid var(--line);background:#000}::-webkit-scrollbar-thumb{background:var(--g3);box-shadow:inset 0 0 0 1px var(--g2);border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:var(--g2)}*{scrollbar-width:thin;scrollbar-color:var(--g3)#000}.crt:before{content:"";pointer-events:none;opacity:.18;mix-blend-mode:screen;z-index:9999;background:repeating-linear-gradient(#ffffff0f,#ffffff0f 1px,#0000 3px 6px);position:fixed;inset:0}.crt:after{content:"";pointer-events:none;opacity:.7;filter:blur(6px);z-index:9998;background:radial-gradient(closest-side,#50ff7a14,#0000 70%);animation:5s infinite flicker;position:fixed;inset:-40px}@keyframes flicker{0%,to{opacity:.55}50%{opacity:.75}70%{opacity:.6}85%{opacity:.8}}.wrap{min-height:100%;position:relative}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.h1{letter-spacing:.22em;text-shadow:0 0 18px #50ff7a59;font-size:22px}.title{letter-spacing:.22em;text-shadow:0 0 18px #50ff7a59;margin:0 0 18px;font-size:28px}.sub{color:var(--dim);letter-spacing:.18em;margin:0 0 10px;font-size:12px}.meta{color:var(--dim);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.pill{color:var(--dim);background:#00140414;border:1px solid #50ff7a59;border-radius:10px;padding:6px 10px;font-size:12px}.pill b{color:#50ff7af2}main{grid-template-columns:5fr 7fr;gap:14px;padding:14px;display:grid}.panel{border:1px solid var(--line);box-shadow:0 0 40px var(--glow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00140414;border-radius:14px;padding:12px}.panel h2{letter-spacing:.18em;color:var(--dim);border-bottom:1px solid #50ff7a40;margin:0 0 10px;padding-bottom:8px;font-size:12px}.log{text-shadow:0 0 12px #50ff7a2e;height:62vh;font-size:13px;line-height:1.6;overflow:auto}.logdim{color:#50ff7a8c}.loghi{color:#50ff7af2}.grid-wrap{grid-template-columns:8fr 4fr;gap:12px;display:grid}.grid{background:#00000059;border:1px solid #50ff7a38;border-radius:12px;gap:2px;height:58vh;padding:8px;display:grid}.grid-10x6{grid-template-columns:repeat(10,1fr)}.grid-8x8{grid-template-columns:repeat(8,1fr)}.cell{color:#50ff7ad9;-webkit-user-select:none;user-select:none;border:1px solid #50ff7a24;justify-content:center;align-items:center;min-height:38px;font-size:14px;display:flex}.cell.cloud{color:#50ff7a8c}.cell.you{color:#50ff7afa;text-shadow:0 0 14px #50ff7a40}.cell.enemy{color:#50ff7ae6}.tele{background:#00000059;border:1px solid #50ff7a38;border-radius:12px;height:58vh;padding:10px}.tele .box{border:1px solid #50ff7a38;border-radius:12px;margin-bottom:10px;padding:10px;font-size:13px}.tele b{color:#50ff7af2}.box{border:1px solid #50ff7a38;border-radius:12px;margin-bottom:10px;padding:10px}pre{text-shadow:0 0 12px #50ff7a2e;background:#00000059;border:1px solid #50ff7a40;border-radius:12px;margin:0;padding:14px 12px;font-size:14px;line-height:1.8;overflow:auto}footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}input[type=text],.cmd-input{color:#50ff7af2;background:#000;border:1px solid #50ff7a59;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}input[type=text]:focus,.cmd-input:focus{border-color:#50ff7a99;box-shadow:0 0 10px #50ff7a33}button{color:#50ff7af2;cursor:pointer;background:#0014041f;border:1px solid #50ff7a59;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;transition:background .15s}button:hover{background:#00501426}button:disabled{opacity:.5;cursor:not-allowed}.btn{width:100%;margin-top:8px}.help{color:#50ff7a8c;margin-top:10px;font-size:12px;line-height:1.6}.kbd{background:#0000004d;border:1px solid #50ff7a59;border-radius:6px;padding:1px 6px}.hint{color:#50ff7a8c;margin-top:10px;font-size:12px}.row{grid-template-columns:1fr;gap:16px;max-width:980px;display:grid}.map{background:#00000059;border:1px solid #50ff7a38;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:10px;height:56vh;padding:10px;display:grid}.node{cursor:pointer;background:#0014041a;border:1px solid #50ff7a38;border-radius:12px;padding:10px;font-size:13px;line-height:1.5;transition:outline .15s}.node:hover{outline:1px solid #50ff7a80}.node.selected{outline:1px solid #50ff7acc}.node b{color:#50ff7af2}.side{background:#00000059;border:1px solid #50ff7a38;border-radius:12px;height:56vh;padding:10px;font-size:13px;line-height:1.55;overflow:auto}.game-list-item{justify-content:space-between;padding:8px 0;display:flex}.game-list-item a{flex:1}.status-available{color:var(--g)}.status-locked{color:#50ff7a59}.status-restricted{color:#ff6464b3}.auth-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-box{width:100%;max-width:400px}.auth-input{width:100%;margin-bottom:12px}.auth-btn{width:100%;margin-top:8px;padding:14px;font-size:16px}.auth-link{text-align:center;margin-top:16px;font-size:13px}.error-msg{color:#ff6464e6;background:#ff64641a;border:1px solid #ff64644d;border-radius:8px;margin-bottom:12px;padding:10px;font-size:13px}.success-msg{color:var(--g);border:1px solid var(--line);background:#50ff7a1a;border-radius:8px;margin-bottom:12px;padding:10px;font-size:13px}@media (max-width:980px){main,.grid-wrap{grid-template-columns:1fr}.grid{height:44vh}.tele{height:auto}.log{height:34vh}.map{grid-template-columns:repeat(2,1fr);height:auto}.side{height:auto}header{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.h1{font-size:16px}.title{font-size:20px}.map{grid-template-columns:1fr}}