:root{--panel: rgba(18,22,30,.82);--panel-border: rgba(255,255,255,.09);--accent: #f0a03c;--accent2: #6ea8fe;--text: #e8ecf2;--muted: #9aa5b5}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0c1018;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);user-select:none;-webkit-user-select:none}canvas{display:block}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000059}.btn{border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text);border-radius:9px;padding:5px 9px;font-size:12.5px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{background:#ffffff1f}.btn.active{background:var(--accent);border-color:var(--accent);color:#1a1204;font-weight:700}.btn:disabled{opacity:.35;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1204;font-weight:700;font-size:15px;padding:10px;width:100%;margin-top:6px}.btn.primary:hover{filter:brightness(1.08)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080a108c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#fppause{z-index:15}.card{max-width:620px;width:92vw;padding:30px 34px;text-align:center}.card.lefty{text-align:left;max-height:86vh;overflow-y:auto}.card h1{font-size:28px;margin-bottom:6px}.card h1 span{color:var(--accent)}.card h1 em{font-style:normal;font-size:15px;color:var(--accent2);vertical-align:super}.card h2{font-size:19px;margin-bottom:10px}.card p.sub{color:var(--muted);font-size:13.5px;margin-bottom:18px;line-height:1.5}.card h4{font-size:13px;color:var(--accent);margin:13px 0 6px}.card table{width:100%;border-collapse:collapse;font-size:12.5px}.card td{padding:3.5px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.card td:first-child{color:var(--muted);width:44%}.card p.tip{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.card .close{display:block;margin:16px auto 0}kbd{background:#ffffff1a;border:1px solid var(--panel-border);border-radius:4px;padding:1px 6px;font-size:11px;font-family:inherit}#login .card{max-width:400px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabbtn{flex:1;padding:8px;border-radius:9px;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--muted);cursor:pointer;font-size:13px}.tabbtn.active{background:#f0a03c26;border-color:var(--accent);color:var(--text);font-weight:600}#loginForm input{width:100%;padding:10px 12px;margin-bottom:8px;border-radius:9px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);font-size:14px;outline:none}#loginForm input:focus{border-color:var(--accent2)}#loginError{color:#ff7b6b;font-size:12.5px;min-height:16px;margin-bottom:4px}.langrow{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted)}.langrow select,#langSelectHud{background:#ffffff0f;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:5px 8px;font-size:12.5px;cursor:pointer}#langSelectHud{padding:4px 6px;font-size:12px}#langSelectHud option,.langrow option{background:#12161e;color:var(--text)}.loginfoot{margin-top:10px;text-align:center;font-size:11.5px;color:var(--muted)}.loginfoot a{color:var(--muted);text-decoration:none}.loginfoot a:hover{color:var(--text);text-decoration:underline}#topbar{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:5px;padding:7px 10px;max-width:97vw;flex-wrap:wrap;justify-content:center}#logo{font-weight:800;font-size:14px;letter-spacing:.3px;margin-right:4px;white-space:nowrap}#logo span{color:var(--accent)}.sep{width:1px;height:22px;background:var(--panel-border);margin:0 2px}#blockcount,#onlineCount{font-size:12px;color:var(--muted);white-space:nowrap;margin-left:4px}#volSlider{width:64px;height:4px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}#tools{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:6px;padding:8px}.tool{width:52px;height:52px;border-radius:11px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text);cursor:pointer;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.tool small{font-size:8.5px;color:var(--muted)}.tool:hover{background:#ffffff1f}.tool.active{background:var(--accent);border-color:var(--accent)}.tool.active small{color:#3a2708;font-weight:700}#fpToolsInfo{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:10;padding:12px;width:150px;font-size:11.5px;line-height:1.65;color:var(--muted);display:none}#fpToolsInfo b{color:var(--text)}#playersPanel{position:fixed;right:12px;top:70px;z-index:10;padding:10px 14px;min-width:130px;font-size:12px;display:none}#playersPanel b{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}#playersList div{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}#playersList div.me{color:var(--accent)}#palettewrap{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:10;padding:8px 10px;max-width:96vw}#palette{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:thin}.swatch{flex:0 0 auto;width:46px;height:56px;border-radius:9px;border:2px solid transparent;background:#ffffff0a;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;padding-top:2px}.swatch:hover{background:#ffffff1a}.swatch.active{border-color:var(--accent);background:#f0a03c26}.chip{width:26px;height:26px;border-radius:6px;box-shadow:inset 0 -5px 8px #00000047,inset 0 3px 5px #ffffff40}.swatch small{font-size:8px;color:var(--muted);max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch .num{position:absolute;top:1px;right:4px;font-size:8px;color:var(--muted)}#hint{position:fixed;bottom:86px;left:50%;transform:translate(-50%);z-index:9;font-size:12px;color:var(--muted);background:#0c0f16a6;padding:5px 14px;border-radius:20px;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}#hint b{color:var(--text);font-weight:600}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;display:none;pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 3px #000c}#crosshair:before{width:14px;height:2px;left:-7px;top:-1px}#crosshair:after{width:2px;height:14px;left:-1px;top:-7px}#toast{position:fixed;top:118px;left:50%;transform:translate(-50%);z-index:30;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 18px;font-size:13px;opacity:0;transition:opacity .25s;pointer-events:none}#chat{position:fixed;left:12px;bottom:12px;z-index:11;width:340px;max-width:60vw}#chatlog{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;max-height:200px;overflow:hidden;margin-bottom:6px}.chatmsg{font-size:12.5px;line-height:1.45;background:#0c0f1699;border-radius:8px;padding:4px 10px;width:fit-content;max-width:100%;word-break:break-word;transition:opacity 1s;user-select:text;-webkit-user-select:text}.chatmsg b{color:var(--accent2)}.chatmsg.sys{color:var(--muted);font-style:italic}.chatmsg.faded{opacity:0}#chatrow input{width:100%;padding:8px 12px;border-radius:9px;border:1px solid var(--accent2);background:#0c0f16e6;color:var(--text);font-size:13px;outline:none}#minimap{position:fixed;right:12px;bottom:12px;z-index:11;padding:6px;line-height:0}#minimapCanvas{display:block;width:min(270px,34vh);height:min(270px,34vh);border-radius:8px;image-rendering:pixelated;background:#12151b}#minimapN{position:absolute;top:9px;left:0;right:0;text-align:center;line-height:1;font-size:11px;font-weight:700;color:#ffffffbf;text-shadow:0 0 3px #000;pointer-events:none}#bigmap{background:#06080ceb}#bigmapCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;image-rendering:pixelated}#bigmapCanvas.drag{cursor:grabbing}#bigmapBar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:21;display:flex;align-items:center;gap:16px;padding:8px 16px;font-size:13px}#bigmapCoord{font-variant-numeric:tabular-nums;color:var(--accent);min-width:150px}#bigmapHint{color:var(--muted)}