:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;color:#e1e8e8;background:#101416;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:88px;border-bottom:1px solid #30383c;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{font-size:25px;font-weight:bold;letter-spacing:-1px;text-decoration:none;color:#f4f8f7}.brand span{font-size:12px;letter-spacing:2px;color:#a3b0b2;border-left:1px solid #495356;padding-left:15px;margin-left:12px}#connection{font-size:13px;color:#91d9d0}main{max-width:1530px;margin:36px auto;padding:0 4vw;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.arena{min-width:0}.arena-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#a3b0b2;padding:0 0 14px;gap:12px}.screen{position:relative;background:#000;border:1px solid #657578;box-shadow:0 12px 45px #0006}canvas{width:100%;display:block;image-rendering:pixelated;outline:none}canvas:focus-visible{outline:2px solid #adff59;outline-offset:4px}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#000a;pointer-events:none;padding:20px}#overlay h1{font-size:clamp(25px,3.1vw,48px);letter-spacing:-2px;line-height:1.15;margin:18px 0}#overlay p{font-size:14px;color:#c3cccc}.eyebrow{font-size:12px;letter-spacing:2px;color:#b1f96a}.badge{border:1px solid #64754e;padding:9px 13px;font-size:11px;color:#b1f96a;margin-top:16px}.controls{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0;color:#aebabc;font-size:12px}kbd{font:inherit;color:#e5ecec;display:inline-block;min-width:22px;padding:5px;border:1px solid #465054;border-bottom:3px solid #465054;border-radius:3px;margin-right:4px}.panel{border:1px solid #384247;background:#191f22;padding:22px;margin-bottom:18px}h2{font-size:24px;letter-spacing:-1px;margin:14px 0 24px}label{display:block;color:#b1bdbf;font-size:14px;margin:16px 0 8px}input,select,button{font:inherit;border-radius:0}input,select{width:100%;padding:12px;background:#101416;color:#eaf0ef;border:1px solid #485359;font-size:16px}input:focus,select:focus{outline:1px solid #b1f96a}button{padding:12px 14px;border:1px solid #4b5c60;background:#253236;color:#e4eeee;cursor:pointer;font-size:14px}button:hover{background:#3b5056}button:focus-visible{outline:2px solid #b1f96a;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{background:#b1f96a;border-color:#b1f96a;color:#14200b;width:100%;margin-top:20px;font-weight:bold;display:flex;justify-content:space-between}.primary:hover{background:#c9ff98}.divider{text-align:center;font-size:10px;letter-spacing:1px;color:#a4afb2;margin:24px 0 8px}.join{display:flex;gap:8px}#code{text-transform:uppercase;letter-spacing:3px}.join button{font-size:24px;padding:4px 17px}.section-heading{display:flex;justify-content:space-between;align-items:center}h3{font-size:16px;margin:0}#count{font-size:12px;color:#a2b1b3}ul{list-style:none;padding:0;margin:15px 0 0}li{padding:12px 0;border-top:1px solid #354044;font-size:14px;display:flex;gap:10px;align-items:center}.player-text{flex:1;overflow-wrap:anywhere}.player-meta{font-size:11px;color:#c2ccce}.swatch{font-size:20px}.muted{color:#acb8ba;font-size:13px}.tip{padding:8px 6px;color:#bac7c8}.tip span{font-size:11px;letter-spacing:1.5px;color:#9ab076}.tip p{font-size:14px;line-height:1.6}.tip small{font-size:12px;color:#96a5a8}#message{font-size:14px;line-height:1.5;color:#ffb383;min-height:24px}.small{font-size:12px;padding:8px}#leave{margin-top:10px;width:100%}.room-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.room-heading h2{margin:14px 0;letter-spacing:2px}#room-hint{font-size:13px;color:#b1bfc2;line-height:1.5}#team,#next,#lobby{width:100%;margin-top:12px}footer{max-width:1530px;margin:0 auto;padding:0 4vw 25px;display:flex;justify-content:space-between;color:#93a1a5;font-size:11px;letter-spacing:1px}[hidden]{display:none!important}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:0 20px}.panel{padding:16px}.controls{justify-content:flex-start}header{padding:0 20px}}@media(max-width:760px){header{height:70px}.brand{font-size:21px}.brand span{display:none}main{display:flex;flex-direction:column;margin-top:22px}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin:0}.tip,#message{grid-column:1/-1}#overlay h1{font-size:32px}.arena-top{font-size:10px}footer{gap:15px;flex-wrap:wrap}}@media(max-width:480px){aside{display:block}.panel{margin-bottom:16px}.controls{font-size:11px;gap:8px}#overlay .badge{display:none}#overlay h1{font-size:24px}#overlay p{font-size:12px}}

a{color:#b1f96a}

.atlas header{height:auto;padding-top:20px;padding-bottom:20px;gap:20px;flex-wrap:wrap}.atlas h1{font-size:24px}.atlas-content{padding:24px;max-width:1800px;margin:auto}.atlas-content p{line-height:1.6}.map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:40px}.map-card{border:1px solid #485359;background:#191f22;padding:12px}.map-card summary{cursor:pointer}.map-card summary span{display:inline-block;padding-bottom:12px}.map-card svg{width:100%;display:block}.map-card[open]{grid-column:1/-1}.map-card[open] .thumb{display:none}.map-card .large{max-width:1100px;margin:auto}@media(max-width:1000px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.map-grid{grid-template-columns:1fr}}