:root{--sky1:#7ec8ff;--sky2:#bfeaff;--grass:#6bd06b;--gold:#ffd23f;--accent:#22c55e;--ink:#2a1a4a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%;font-family:Comic Sans MS,system-ui,sans-serif;background:#000;overflow-x:hidden}body.game,html.game{overflow:hidden}canvas{display:block}input,select,textarea{font-size:max(16px,1em)}#hurtFlash{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(196,0,0,.62) 100%)}#hurtFlash.show{animation:hurtFlash .45s ease-out}@keyframes hurtFlash{0%{opacity:0}14%{opacity:1}to{opacity:0}}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#crosshair{position:fixed;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;filter:drop-shadow(0 0 2px #000)}#crosshair:after,#crosshair:before{content:"";position:absolute;background:#fff;border-radius:3px}#crosshair:before{left:50%;top:0;width:4px;height:100%;transform:translateX(-50%)}#crosshair:after{top:50%;left:0;height:4px;width:100%;transform:translateY(-50%)}#hotbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);flex-wrap:wrap;max-width:94vw;gap:8px;padding:10px 12px;pointer-events:auto;background:rgba(42,26,74,.55);border:3px solid hsla(0,0%,100%,.5);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}#hotbar,.slot{display:flex;justify-content:center}.slot{width:58px;height:58px;border-radius:14px;border:3px solid hsla(0,0%,100%,.35);background:#fff2;align-items:center;position:relative;cursor:pointer;transition:transform .12s,border-color .12s;overflow:hidden}.slot:hover{transform:translateY(-4px)}.slot.active{border-color:var(--accent);box-shadow:0 0 16px var(--accent);transform:translateY(-6px)}.slot .swatch{width:100%;height:100%}.slot .key{top:2px;left:5px;font-size:12px}.slot .key,.slot .name{position:absolute;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.slot .name{bottom:2px;left:0;right:0;text-align:center;font-size:9px}.slot .count{position:absolute;top:2px;right:4px;font-size:12px;font-weight:900;color:#ffd23f;text-shadow:0 1px 2px #000;pointer-events:none}#topbar{position:fixed;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;pointer-events:none;opacity:0;transition:opacity .3s;flex-wrap:wrap;justify-content:center;max-width:96vw}#topbar img{width:44px;height:44px;border-radius:50%;border:3px solid var(--gold);box-shadow:0 4px 12px #0007}#topbar .title{font-size:22px;font-weight:900;color:#fff;text-shadow:0 3px 0 #2a1a4a,0 0 14px #ffd23f88}#topbar .stat{font-size:17px;font-weight:900;color:#fff;background:rgba(42,26,74,.5);padding:4px 12px;border-radius:14px;border:2px solid hsla(0,0%,100%,.5);white-space:nowrap}#topbar .stat.hit{animation:shake .3s}#modeBadge{position:fixed;left:6px;top:6px;z-index:36;pointer-events:none;font-size:12px;font-weight:900;color:#fff;background:rgba(42,26,74,.55);padding:2px 8px;border-radius:10px;border:2px solid hsla(0,0%,100%,.5);white-space:nowrap}#modeBadge.online{border-color:#4ade80;color:#4ade80}#modeBadge.offline{border-color:#9ca3af;color:#d8def0}body.is-touch #modeBadge{font-size:11px;padding:2px 6px;top:4px;left:4px}@media (orientation:landscape){body.is-touch #modeBadge{top:42px;left:8px}body.is-touch #presence{top:76px}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}#actionRow{position:fixed;right:16px;bottom:18px;display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .3s}#actionRow,.btn{pointer-events:auto}.btn{font-family:inherit;font-weight:900;color:var(--ink);background:linear-gradient(#fff,#ffe9a8);border:3px solid #fff;border-radius:16px;padding:10px 14px;font-size:15px;cursor:pointer;box-shadow:0 4px 0 #00000033;transition:transform .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #00000033}.btn.on{background:linear-gradient(#b6f5b6,#6bd06b)}.hotkeyHint{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;min-width:18px;height:18px;padding:0 5px;border-radius:6px;vertical-align:middle;font-family:inherit;font-size:11px;font-weight:900;line-height:1;color:#2a1a4a;background:#ffffffcc;border:2px solid #00000018;box-shadow:0 2px 0 #00000018}#start{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;text-align:center;background:radial-gradient(120% 90% at 50% 8%,#ffffff55,transparent 42%),radial-gradient(circle at 50% 28%,var(--sky2),var(--sky1) 58%,#3f9bdf 100%);pointer-events:auto;padding:26px 20px 20px;overflow-y:auto}#start:after{content:"";left:0;right:0;bottom:0;height:30vh;background:radial-gradient(120% 100% at 18% 100%,#5cc35c 0 40%,transparent 41%),radial-gradient(120% 100% at 82% 100%,#57bd57 0 38%,transparent 39%),linear-gradient(0deg,#6bd06b 0 22%,transparent 60%);opacity:.9}#start:after,.startSky{position:fixed;z-index:0;pointer-events:none}.startSky{inset:0;overflow:hidden}.startSky .cloud{position:absolute;font-size:clamp(40px,12vw,96px);filter:drop-shadow(0 8px 14px #0a4a7a22);opacity:.8;animation:drift linear infinite}.startSky .cloud-a{top:12%;left:-18%;animation-duration:46s}.startSky .cloud-b{top:26%;left:-28%;font-size:clamp(28px,8vw,64px);opacity:.6;animation-duration:62s;animation-delay:-18s}.startSky .cloud-c{top:6%;left:-22%;font-size:clamp(34px,10vw,78px);opacity:.7;animation-duration:54s;animation-delay:-34s}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(150vw)}}#lobbyBlock{z-index:2;width:min(540px,92vw);text-align:center;color:#fff;font-weight:900;font-size:clamp(17px,4vw,24px);line-height:1.3;padding:16px 22px;border-radius:22px;border:5px solid #fff;box-shadow:0 12px 36px #0006}#lobbyBlock.paused{background:linear-gradient(rgba(42,26,74,.95),rgba(42,26,74,.85));box-shadow:0 12px 36px #0006,0 0 0 4px var(--gold)}#lobbyBlock.time_up{background:linear-gradient(#ff8a3d,#ff5d2e);box-shadow:0 12px 36px #ff5d2e66}#connBanner{z-index:3;width:min(540px,92vw);text-align:center;color:#fff;font-weight:800;font-size:clamp(14px,3.4vw,18px);line-height:1.3;padding:10px 18px;border-radius:16px;border:3px solid hsla(0,0%,100%,.7);box-shadow:0 8px 24px #0005;margin-bottom:6px}#connBanner.server_down{background:linear-gradient(#f0883e,#e0662e)}#connBanner.no_internet{background:linear-gradient(#7b6cc2,#5b4a9e)}.startHero{z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}#start .avatar{width:clamp(120px,30vw,158px);height:clamp(120px,30vw,158px);border-radius:50%;border:8px solid #fff;box-shadow:0 16px 44px #0005,0 0 0 6px var(--gold);object-fit:cover;animation:pop .6s cubic-bezier(.2,1.4,.5,1) both,bob 3s ease-in-out .6s infinite}@keyframes pop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -10px}}#start h1{font-size:clamp(38px,9vw,82px);font-weight:900;color:#fff;line-height:.95;text-shadow:0 6px 0 #2a1a4a,0 0 26px #ffd23f;letter-spacing:1px}#start h1 .accent{color:var(--gold)}#start p{font-size:clamp(15px,3.5vw,20px);color:#1c2f52;font-weight:800;max-width:540px}.startBadges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}#start .record-badge{background:rgba(42,26,74,.85);color:var(--gold);font-weight:900;font-size:16px;padding:7px 18px;border-radius:14px;border:3px solid var(--gold)}#start .admin-badge{background:linear-gradient(var(--gold),#e0a800);color:#2a1a4a;font-weight:900;font-size:17px;padding:8px 20px;border-radius:16px;border:3px solid #fff;box-shadow:0 6px 22px #ffd23f66,0 4px 14px #0005;letter-spacing:.4px;text-transform:uppercase;animation:adminPulse 1.6s ease-in-out infinite}@keyframes adminPulse{0%,to{transform:scale(1);box-shadow:0 6px 22px #ffd23f66,0 4px 14px #0005}50%{transform:scale(1.05);box-shadow:0 8px 30px #ffd23faa,0 4px 14px #0005}}#start .admin-badge.mod{background:linear-gradient(#7ec8ff,#3a9be0);color:#10243a;animation:none;font-size:15px;box-shadow:0 4px 14px #0005}#start .offline-badge{background:linear-gradient(#ff8a3d,#ff5d2e);color:#fff;font-weight:900;font-size:14px;padding:8px 16px;border-radius:14px;border:3px solid #fff;box-shadow:0 4px 14px #ff5d2e55}.startPanel{z-index:2;width:min(420px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(#ffffffee,#eef7ffe6);border:5px solid #fff;border-radius:28px;padding:20px 22px 22px;box-shadow:0 22px 60px #0a3a6a40,0 0 0 3px var(--gold);animation:pop .4s cubic-bezier(.2,1.4,.5,1) both}#playBtn{font-family:inherit;font-size:clamp(26px,6vw,32px);font-weight:900;color:#fff;width:100%;background:linear-gradient(#ff8a3d,#ff5d2e);border:6px solid #fff;border-radius:24px;padding:16px 40px;cursor:pointer;box-shadow:0 10px 0 #c43d18,0 16px 30px #0004;animation:bob 2s ease-in-out infinite;transition:transform .1s}#playBtn:active{transform:translateY(6px);box-shadow:0 4px 0 #c43d18}#modeField{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}#modeField .modeTitle{font-weight:900;font-size:14px;color:var(--ink);text-transform:uppercase;letter-spacing:.4px;opacity:.8}#modeField .modeOfflineHint{font-weight:800;font-size:13px;color:#c43d18}#modeToggle{display:flex;gap:10px;width:100%}#modeToggle button{flex:1 1;font-family:inherit;font-weight:900;font-size:15px;color:var(--ink);cursor:pointer;background:#fff;border:4px solid #d6ecff;border-radius:16px;padding:11px 14px;transition:transform .08s}#modeToggle button.on{background:linear-gradient(#b6f5b6,#6bd06b);border-color:#fff;box-shadow:0 4px 0 #3fae3f}#modeToggle button:active{transform:translateY(2px)}#modeToggle button:disabled{opacity:.45;filter:grayscale(.6);cursor:not-allowed;transform:none;box-shadow:none}#lobbyPresence{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(42,26,74,.92);border:2px solid var(--gold);border-radius:999px;padding:6px 16px;color:#fff;max-width:100%}#lobbyPresence .count{font-weight:900;color:var(--gold);font-size:15px}#lobbyPresence .names{font-weight:700;font-size:12px;opacity:.85;text-align:center;word-break:break-word}#lobbyPresence .presenceBadge{margin-right:2px;opacity:1}#lobbyPresence .suspended{font-weight:900;color:#ffb84d;font-size:14px}#startFooter{z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding-bottom:6px}#startFooter .wantGame{font-family:inherit;font-weight:900;font-size:15px;color:var(--ink);text-decoration:none;text-align:center;background:#fff;border:4px solid #ffd9b0;border-radius:16px;padding:9px 18px;transition:transform .08s}#startFooter .wantGame:hover{border-color:var(--gold)}#startFooter .wantGame:active{transform:translateY(2px)}#startFooter .credit{font-size:13px;font-weight:700;color:#1c2f52;opacity:.85;text-decoration:none}#startFooter .credit:hover{opacity:1;text-decoration:underline}#help{z-index:2;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:560px}#help .card{background:#ffffffcc;border-radius:16px;padding:10px 14px;font-size:14px;font-weight:800;color:#2a1a4a;border:3px solid #fff;min-width:120px}#help .card b{display:block;font-size:17px;color:#ff5d2e}#controls{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;padding:16px}#controls[hidden]{display:none}#controls .panel{background:linear-gradient(#fff,#e8f4ff);border:6px solid #fff;border-radius:28px;padding:22px 26px 26px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0007;text-align:center;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#controls h2{color:var(--ink);font-size:clamp(22px,5vw,30px);font-weight:900;margin-bottom:16px}#controls .ctrlGrid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px}#controls .card{background:#fff;border:3px solid #d6ecff;border-radius:14px;padding:9px 13px;font-size:14px;font-weight:800;color:#2a1a4a;min-width:150px}#controls .card b{display:block;font-size:16px;color:#ff5d2e;margin-bottom:2px}#closeControls{font-family:inherit;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(#ff8a3d,#ff5d2e);border:5px solid #fff;border-radius:20px;padding:12px 38px;cursor:pointer;box-shadow:0 7px 0 #c43d18;transition:transform .1s}#closeControls:active{transform:translateY(5px);box-shadow:0 2px 0 #c43d18}#offlineNotice{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;padding:16px}#offlineNotice .panel{background:linear-gradient(#fff,#e8f4ff);border:6px solid #fff;border-radius:28px;padding:22px 26px 26px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0007;text-align:center;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#offlineNotice h2{color:var(--ink);font-size:clamp(22px,5vw,30px);font-weight:900;margin-bottom:14px}#offlineNotice p{color:#2a1a4a;font-weight:800;font-size:16px;line-height:1.4;margin-bottom:20px}#offlinePlay{font-family:inherit;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(#ff8a3d,#ff5d2e);border:5px solid #fff;border-radius:20px;padding:12px 38px;cursor:pointer;box-shadow:0 7px 0 #c43d18;transition:transform .1s}#offlinePlay:active{transform:translateY(5px);box-shadow:0 2px 0 #c43d18}#kickOverlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px}#kickOverlay .panel{background:linear-gradient(#fff,#ffe8e0);border:6px solid #fff;border-radius:28px;padding:26px 28px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 60px #0007;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#kickOverlay h2{color:var(--ink);font-size:clamp(20px,5vw,27px);font-weight:900;margin-bottom:20px}#kickOverlay button{font-family:inherit;font-size:20px;font-weight:900;color:#fff;background:linear-gradient(#ff8a3d,#ff5d2e);border:5px solid #fff;border-radius:20px;padding:12px 34px;cursor:pointer;box-shadow:0 7px 0 #c43d18;transition:transform .1s}#kickOverlay button:active{transform:translateY(5px);box-shadow:0 2px 0 #c43d18}#approvalOverlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px}#approvalOverlay .panel{background:linear-gradient(#fff,#fff3d6);border:6px solid #fff;border-radius:28px;padding:26px 28px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 60px #0007;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#approvalOverlay .approvalSpinner{font-size:54px;animation:bob 1.6s ease-in-out infinite}#approvalOverlay h2{color:var(--ink);font-size:clamp(20px,5vw,27px);font-weight:900;margin:8px 0}#approvalOverlay p{color:#5a4a2a;font-weight:800;font-size:15px;margin-bottom:20px}#approvalOverlay button{font-family:inherit;font-size:17px;font-weight:900;color:var(--ink);background:linear-gradient(#fff,#ffe9a8);border:4px solid #fff;border-radius:18px;padding:9px 24px;cursor:pointer;box-shadow:0 6px 0 #00000022;transition:transform .1s}#approvalOverlay button:active{transform:translateY(4px);box-shadow:0 2px 0 #00000022}#connectingOverlay{position:fixed;inset:0;z-index:88;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px}#connectingOverlay .panel{background:linear-gradient(#fff,#fff3d6);border:6px solid #fff;border-radius:28px;padding:26px 28px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 60px #0007;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#connectingOverlay .connectingSpinner{font-size:54px;animation:bob 1.6s ease-in-out infinite}#connectingOverlay h2{color:var(--ink);font-size:clamp(20px,5vw,27px);font-weight:900;margin:8px 0}#connectingOverlay .connectingState{color:var(--ink);font-weight:900;font-size:18px;margin:4px 0 10px}#connectingOverlay p{color:#5a4a2a;font-weight:800;font-size:15px;margin-bottom:4px}#gameLoader{position:fixed;inset:0;z-index:92;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(120% 90% at 50% 8%,#ffffff55,transparent 42%),radial-gradient(circle at 50% 28%,var(--sky2),var(--sky1) 58%,#3f9bdf 100%);animation:loaderFade .35s ease both}#gameLoader:after{content:"";position:fixed;left:0;right:0;bottom:0;height:30vh;z-index:0;pointer-events:none;background:radial-gradient(120% 100% at 18% 100%,#5cc35c 0 40%,transparent 41%),radial-gradient(120% 100% at 82% 100%,#57bd57 0 38%,transparent 39%),linear-gradient(0deg,#6bd06b 0 22%,transparent 60%);opacity:.9}@keyframes loaderFade{0%{opacity:0}to{opacity:1}}#gameLoader .loaderSky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}#gameLoader .cloud{position:absolute;font-size:clamp(40px,12vw,96px);filter:drop-shadow(0 8px 14px #0a4a7a22);opacity:.8;animation:drift linear infinite}#gameLoader .cloud-a{top:14%;left:-18%;animation-duration:46s}#gameLoader .cloud-b{top:30%;left:-28%;font-size:clamp(28px,8vw,64px);opacity:.6;animation-duration:62s;animation-delay:-18s}#gameLoader .cloud-c{top:8%;left:-22%;font-size:clamp(34px,10vw,78px);opacity:.7;animation-duration:54s;animation-delay:-34s}#gameLoader .panel{position:relative;z-index:2;background:linear-gradient(#fff,#fff3d6);border:6px solid #fff;border-radius:28px;padding:28px 30px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 60px #0007;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#gameLoader .loaderAvatar{font-size:60px;line-height:1;animation:pop .6s cubic-bezier(.2,1.4,.5,1) both,bob 1.6s ease-in-out .6s infinite}#gameLoader h2{color:var(--ink);font-size:clamp(20px,5vw,27px);font-weight:900;margin:10px 0 4px}#gameLoader .loaderStage{color:var(--ink);font-weight:900;font-size:17px;margin:4px 0 14px}#gameLoader p{color:#5a4a2a;font-weight:800;font-size:15px;margin:4px 0 18px}#gameLoader .loaderTrack{height:16px;border-radius:999px;background:#00000014;border:3px solid #fff;box-shadow:inset 0 2px 4px #00000022;overflow:hidden}#gameLoader .loaderFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffe27a,var(--gold));box-shadow:0 0 10px #ffd23f88;transition:width .5s cubic-bezier(.4,0,.2,1)}#gameLoader #loaderRetry{font-family:inherit;font-size:17px;font-weight:900;color:var(--ink);background:linear-gradient(#fff,#ffe9a8);border:4px solid #fff;border-radius:18px;padding:9px 24px;cursor:pointer;box-shadow:0 6px 0 #00000022;transition:transform .1s}#gameLoader #loaderRetry:active{transform:translateY(4px);box-shadow:0 2px 0 #00000022}#updateOverlay{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.82);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px}#updateOverlay .panel{background:linear-gradient(#fff,#e9f0ff);border:6px solid #fff;border-radius:28px;padding:26px 28px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 60px #0007;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#updateOverlay .updateSpinner{font-size:54px;animation:bob 1.6s ease-in-out infinite}#updateOverlay h2{color:var(--ink);font-size:clamp(20px,5vw,27px);font-weight:900;margin:8px 0}#updateOverlay p{color:#3a4a6a;font-weight:800;font-size:15px;margin-bottom:20px}#updateOverlay button{font-family:inherit;font-size:20px;font-weight:900;color:#fff;background:linear-gradient(#5b9dff,#3d6dff);border:5px solid #fff;border-radius:20px;padding:12px 34px;cursor:pointer;box-shadow:0 7px 0 #2a4dc4;transition:transform .1s}#updateOverlay button:active{transform:translateY(5px);box-shadow:0 2px 0 #2a4dc4}#reportOverlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px}#reportOverlay .panel{background:linear-gradient(#fff,#fff3d6);border:6px solid #fff;border-radius:28px;padding:22px 24px;max-width:460px;width:100%;box-shadow:0 24px 60px #0007;display:flex;flex-direction:column;gap:10px;max-height:82vh;overflow-y:auto;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#reportOverlay h2{color:var(--ink);font-size:clamp(20px,5vw,27px);font-weight:900;margin:0;text-align:center}#reportOverlay .reportWindow{color:#5a4a2a;font-weight:800;font-size:14px;text-align:center}#reportOverlay #adminReports{list-style:none;display:flex;flex-direction:column;gap:6px}#reportOverlay #adminReports li{display:flex;flex-direction:column;gap:4px;background:rgba(91,55,160,.08);border-radius:12px;padding:8px 11px}#reportOverlay #adminReports .playerName{color:var(--ink);font-weight:900;font-size:14px;word-break:break-word}#reportOverlay #adminReports .reportBy{color:#5a4a2a;font-weight:700;font-size:13px;word-break:break-word}#reportOverlay .reportBy{color:#5a4a2a;font-weight:800;font-size:14px;text-align:center}#reportOverlay .reportPager{display:flex;align-items:center;justify-content:center;gap:10px}#reportOverlay .reportPageOf{color:var(--ink);font-weight:900;font-size:14px;min-width:96px;text-align:center}#reportOverlay .reportPage{font-family:inherit;font-size:15px;font-weight:900;color:#fff;background:linear-gradient(#ff8a5b,#ff5d2e);border:4px solid #fff;border-radius:14px;padding:8px 14px;cursor:pointer;box-shadow:0 5px 0 #c43d18;transition:transform .1s}#reportOverlay .reportPage:active{transform:translateY(4px);box-shadow:0 1px 0 #c43d18}#reportOverlay .reportPage:disabled{filter:grayscale(.5);opacity:.6;cursor:not-allowed}#reportOverlay #adminReportClose{font-family:inherit;font-size:18px;font-weight:900;color:#fff;background:linear-gradient(#5b9dff,#3d6dff);border:5px solid #fff;border-radius:18px;padding:10px 28px;cursor:pointer;box-shadow:0 6px 0 #2a4dc4;transition:transform .1s;align-self:center}#reportOverlay #adminReportClose:active{transform:translateY(4px);box-shadow:0 2px 0 #2a4dc4}#buildMenu{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;padding:16px}#buildMenu[hidden]{display:none}#buildMenu .panel{background:linear-gradient(#fff,#e8f4ff);border:6px solid #fff;border-radius:28px;padding:24px 26px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0007;text-align:center;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#buildMenu h2{color:var(--ink);font-size:clamp(22px,5vw,30px);font-weight:900}#buildMenu .buildHint{color:#2a1a4a;font-weight:800;margin:10px 0 18px}#buildMenu .buildGrid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:18px}#buildMenu .buildCard{font-family:inherit;cursor:pointer;width:230px;max-width:80vw;background:linear-gradient(#fff,#ffe9a8);border:4px solid #fff;border-radius:22px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:17px;font-weight:900;color:var(--ink);box-shadow:0 6px 0 #00000022;transition:transform .1s}#buildMenu .buildCard:hover{transform:translateY(-5px)}#buildMenu .buildCard:active{transform:translateY(2px);box-shadow:0 2px 0 #00000022}#buildMenu .buildCard .emoji{font-size:56px;line-height:1}#closeBuild{font-family:inherit;font-size:18px;font-weight:900;color:var(--ink);background:#fff;border:4px solid #d6ecff;border-radius:16px;padding:10px 28px;cursor:pointer}#closeBuild:active{transform:translateY(2px)}#settings{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;padding:16px}#settings[hidden]{display:none}#settings .panel{background:linear-gradient(#fff,#e8f4ff);border:6px solid #fff;border-radius:28px;padding:24px 26px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0007;text-align:center;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#settings h2{color:var(--ink);font-size:clamp(22px,5vw,30px);font-weight:900;margin-bottom:18px}#settings .settingsGroup{background:#fff;border:3px solid #d6ecff;border-radius:18px;padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}#settings .settingsLabel{font-weight:900;font-size:15px;color:#ff5d2e;text-align:left}#settings .settingsRow{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px;color:#2a1a4a}#settings .settingsRow>span{min-width:64px;text-align:left}#settings .settingsValue{margin-left:auto;min-width:52px;text-align:right;color:var(--ink)}#settings input[type=range]{flex:1 1;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(#ffe9a8,#ffd23f);border:3px solid #fff;border-radius:999px;box-shadow:inset 0 1px 0 #00000010}#settings input[type=range]:disabled{opacity:.45;cursor:not-allowed}#settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(#fff,#ffe9a8);border:4px solid var(--gold);box-shadow:0 3px 0 #00000022;cursor:pointer}#settings input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(#fff,#ffe9a8);border:4px solid var(--gold);box-shadow:0 3px 0 #00000022;cursor:pointer}#settingsMute{font-family:inherit;font-weight:900;color:var(--ink);align-self:flex-start;background:linear-gradient(#fff,#ffe9a8);border:3px solid #fff;border-radius:14px;padding:8px 16px;font-size:15px;cursor:pointer;box-shadow:0 4px 0 #00000022;transition:transform .08s}#settingsMute:active{transform:translateY(3px);box-shadow:0 1px 0 #00000022}#settingsMute.on{background:linear-gradient(#ffb3a3,#ff5d2e);color:#fff}#closeSettings{font-family:inherit;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(#ff8a3d,#ff5d2e);border:5px solid #fff;border-radius:20px;padding:12px 38px;cursor:pointer;box-shadow:0 7px 0 #c43d18;transition:transform .1s}#closeSettings:active{transform:translateY(5px);box-shadow:0 2px 0 #c43d18}#toast{position:fixed;left:50%;top:70px;transform:translateX(-50%) translateY(-20px);background:rgba(42,26,74,.85);color:#fff;font-weight:900;padding:8px 18px;border-radius:14px;border:3px solid var(--gold);opacity:0;transition:all .3s;z-index:40;pointer-events:none;font-size:15px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#nameField{z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}#nameField,#nameInput{width:100%;color:var(--ink)}#nameInput{font-family:inherit;font-size:20px;font-weight:800;text-align:center;background:#f4f9ff;border:4px solid #d6ecff;border-radius:16px;padding:11px 18px;box-shadow:inset 0 2px 0 #00000010;outline:none;transition:border-color .12s,box-shadow .12s}#nameInput:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px #ffd23f55}#lookField{z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;color:var(--ink);width:100%}#lookField .lookTitle{width:100%;text-align:center;font-weight:900;font-size:15px}#lookField label{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px;background:#eaf3ff;border:2px solid #d6ecff;border-radius:12px;padding:5px 10px}#lookField input[type=color]{width:34px;height:30px;padding:0;border:2px solid #fff;border-radius:8px;background:none;cursor:pointer}#netBanner{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:45;pointer-events:none;background:rgba(42,26,74,.78);color:#fff;font-weight:900;font-size:15px;padding:8px 18px;border-radius:14px;border:3px solid var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #0005;max-width:92vw;text-align:center}#netBanner.severe{border-color:#ff5d2e;background:rgba(120,20,20,.82)}#authToast{left:50%;top:58px;transform:translateX(-50%);z-index:46;pointer-events:none;background:rgba(42,26,74,.78);color:#fff;font-weight:900;font-size:15px;padding:8px 18px;border-radius:14px;border:3px solid #ff5d2e;box-shadow:0 6px 18px #0005;max-width:92vw;text-align:center}#authToast,#loginModal{position:fixed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#loginModal{inset:0;z-index:75;display:flex;align-items:center;justify-content:center;background:rgba(20,12,40,.55);pointer-events:auto;padding:16px}#loginModal .panel{background:linear-gradient(#fff,#e8f4ff);border:6px solid #fff;border-radius:28px;padding:24px 26px 26px;max-width:420px;width:100%;box-shadow:0 24px 60px #0007;text-align:center;animation:pop .35s cubic-bezier(.2,1.4,.5,1) both}#loginModal h2{color:var(--ink);font-size:clamp(20px,5vw,28px);font-weight:900;margin-bottom:10px}#loginModal p{color:#2a1a4a;font-weight:800;font-size:15px;line-height:1.4;margin-bottom:16px}#loginModal .loginError{color:#c43d18}#loginModal .loginSpam{color:#6b5b8a;font-size:13px;font-weight:700;margin-top:-8px}#loginModal input{font-family:inherit;font-size:20px;font-weight:800;text-align:center;color:var(--ink);background:#fff;border:4px solid #fff;border-radius:16px;padding:10px 18px;width:min(280px,76vw);box-shadow:0 6px 0 #00000022;outline:none;margin-bottom:16px}#loginModal input:focus{border-color:var(--gold);box-shadow:0 6px 0 #00000022,0 0 0 4px #ffd23f55}#loginModal button{font-family:inherit;font-size:20px;font-weight:900;color:#fff;display:block;margin:0 auto 14px;background:linear-gradient(#ff8a3d,#ff5d2e);border:5px solid #fff;border-radius:18px;padding:10px 32px;cursor:pointer;box-shadow:0 6px 0 #c43d18;transition:transform .1s}#loginModal button:active{transform:translateY(4px);box-shadow:0 2px 0 #c43d18}#loginModal button:disabled{filter:grayscale(.4);opacity:.7;cursor:not-allowed}#loginModal button:last-child{margin-bottom:0}#loginModal button.ghost:first-of-type{margin-top:18px}#boardToggle,#loginModal button.ghost,#logoutBtn,#startHelpBtn{background:#fff;color:var(--ink);border:4px solid #d6ecff;box-shadow:none;font-size:15px;padding:8px 22px}#boardToggle,#logoutBtn,#startHelpBtn{z-index:2;cursor:pointer;font-family:inherit;font-weight:900;border-radius:14px;transition:transform .08s}#startHelpBtn{width:100%;background:#f4f9ff}#boardToggle:active,#startHelpBtn:active{transform:translateY(2px)}#boardToggle{background:linear-gradient(#ffe27a,var(--gold));color:var(--ink);border:4px solid #fff;font-size:17px;padding:11px 28px;box-shadow:0 6px 0 #c9a200}#boardToggle:active{transform:translateY(3px);box-shadow:0 2px 0 #c9a200}#chat{position:fixed;left:16px;bottom:96px;z-index:30;width:min(360px,80vw);gap:8px;pointer-events:none}#chat,#chatLog{display:flex;flex-direction:column}#chatLog{gap:6px;align-items:flex-start}.chatLine{background:rgba(42,26,74,.6);color:#fff;font-weight:700;font-size:14px;padding:5px 12px;border-radius:12px;border:2px solid hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100%;word-break:break-word;animation:chatIn .2s ease both}@keyframes chatIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#chatInput{pointer-events:auto;font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);background:#fff;border:3px solid var(--gold);border-radius:14px;padding:9px 14px;width:100%;outline:none;box-shadow:0 4px 12px #0004}#presence{position:fixed;left:12px;top:64px;z-index:35;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(220px,60vw)}#presenceToggle{pointer-events:auto;font-family:inherit;font-weight:900;font-size:15px;color:#fff;background:rgba(42,26,74,.55);border:2px solid hsla(0,0%,100%,.5);border-radius:14px;padding:5px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#presence.open #presenceToggle{border-color:var(--gold)}#presenceList{pointer-events:auto;list-style:none;display:flex;flex-direction:column;gap:4px;background:rgba(20,12,40,.55);border:2px solid hsla(0,0%,100%,.35);border-radius:12px;padding:8px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:100%;animation:chatIn .2s ease both}#presenceList li{color:#fff;font-weight:700;font-size:14px;word-break:break-word}#presenceList li.self{color:var(--gold)}#presenceList li.away{color:#cfd3da;opacity:.65}#adminPanel{position:fixed;right:12px;top:64px;z-index:35;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(260px,70vw)}#adminToggle{pointer-events:auto;font-family:inherit;font-weight:900;font-size:15px;color:#fff;background:rgba(42,26,74,.55);border:2px solid hsla(0,0%,100%,.5);border-radius:14px;padding:5px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#adminPanel.open #adminToggle{border-color:var(--gold)}#adminBody{pointer-events:auto;display:flex;flex-direction:column;gap:8px;width:100%;background:rgba(20,12,40,.6);border:2px solid hsla(0,0%,100%,.35);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:chatIn .2s ease both;max-height:calc(100vh - 120px);overflow-y:auto}#adminApproval,#adminChat,#adminChatReport,#adminInfinite,#adminOfflineMode,#adminOnlineMode,#adminPeace,#adminPlaytimeReport,#adminPvp,#adminReportClose,#adminSuspend{font-family:inherit;font-weight:900;font-size:14px;color:#fff;cursor:pointer;text-align:left;background:rgba(255,93,46,.35);border:2px solid hsla(0,0%,100%,.35);border-radius:10px;padding:6px 10px;transition:transform .08s}#adminApproval.on,#adminChat.on,#adminInfinite.on,#adminOfflineMode.on,#adminOnlineMode.on,#adminPeace.on,#adminPvp.on,#adminSuspend.on{background:rgba(91,216,106,.35);border-color:var(--gold)}#adminApproval:active,#adminChat:active,#adminChatReport:active,#adminInfinite:active,#adminOfflineMode:active,#adminOnlineMode:active,#adminPeace:active,#adminPlaytimeReport:active,#adminPvp:active,#adminReportClose:active,#adminSuspend:active{transform:translateY(2px)}#adminOfflineMode:disabled,#adminOnlineMode:disabled{opacity:.6;cursor:default}#adminBody .adminLabel{color:#cbb8ff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}#adminBanned,#adminPending,#adminPlayers,#adminReports,#adminStructures{list-style:none;display:flex;flex-direction:column;gap:6px}#adminStructures li{display:flex;align-items:center;gap:8px}#adminStructures li>span:first-child{flex:1 1;color:#fff;font-weight:700;font-size:13px;word-break:break-word}#adminBanned li,#adminPending li,#adminPlayers li,#adminReports li{display:flex;flex-direction:column;gap:6px;background:hsla(0,0%,100%,.06);border-radius:10px;padding:7px 9px}#adminBanned .playerName,#adminPending .playerName,#adminPlayers .playerName,#adminReports .playerName{display:flex;align-items:center;gap:6px;color:#fff;font-weight:800;font-size:13px;word-break:break-word}#adminReports .reportBy{color:hsla(0,0%,100%,.78);font-weight:700;font-size:12px;word-break:break-word}#adminPending .playerName .roleBadge,#adminPlayers .playerName .roleBadge{font-size:14px;line-height:1}#adminBanned .adminPlayerActions,#adminPending .adminPlayerActions,#adminPlayers .adminPlayerActions{display:flex;flex-wrap:wrap;gap:6px}#adminBanned button,#adminPending button,#adminPlayers button,#adminStructures button,#feed .adminPlayerActions button{font-family:inherit;font-weight:800;font-size:12px;cursor:pointer;color:#fff;background:rgba(123,79,194,.45);border:2px solid hsla(0,0%,100%,.35);border-radius:9px;padding:4px 9px;white-space:nowrap;transition:transform .08s}#adminBanned button:active,#adminPending button:active,#adminPlayers button:active,#adminStructures button:active,#feed .adminPlayerActions button:active{transform:translateY(2px)}#adminStructures button.allowed{background:rgba(91,216,106,.3)}#adminStructures button.blocked{background:rgba(255,93,46,.4)}#adminPlayers button.kick{background:rgba(255,184,77,.45);border-color:var(--gold)}#adminPending button.ban,#adminPlayers button.ban,#feed .adminPlayerActions button.ban{background:rgba(255,46,46,.5);border-color:rgba(255,93,46,.7)}#adminReset,#adminResetScores{font-family:inherit;font-weight:900;font-size:14px;color:#fff;cursor:pointer;text-align:left;background:rgba(255,46,46,.45);border:2px solid rgba(255,93,46,.7);border-radius:10px;padding:6px 10px;transition:transform .08s}#adminReset.armed,#adminResetScores.armed{background:rgba(255,46,46,.85);border-color:#fff}#adminReset:active,#adminResetScores:active{transform:translateY(2px)}#adminLimits{gap:8px}#adminLimits,#adminPlaytime{display:flex;flex-direction:column}#adminPlaytime{gap:6px}#adminPlaytime label{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:13px}#adminPlaytime input{width:64px;margin-left:auto;font-family:inherit;font-weight:800;font-size:13px;color:#fff;text-align:center;background:hsla(0,0%,100%,.06);border:2px solid hsla(0,0%,100%,.35);border-radius:9px;padding:4px 8px}#adminPlaytime input:focus{outline:none;border-color:var(--gold)}#adminPlaytime .playtimeToggle input{width:auto;margin-left:0}#adminPlaytime button{font-family:inherit;font-weight:900;font-size:14px;color:#fff;cursor:pointer;text-align:left;background:rgba(255,93,46,.35);border:2px solid hsla(0,0%,100%,.35);border-radius:10px;padding:6px 10px;transition:transform .08s}#adminPlaytime button:active{transform:translateY(2px)}#lobbyAdmin{width:100%;display:flex;flex-direction:column;gap:8px;background:rgba(20,12,40,.78);border:3px solid var(--gold);border-radius:18px;padding:12px 14px}#lobbyAdmin.connecting{align-items:center;color:#cbb8ff;font-weight:800;font-size:13px}#lobbyAdmin .lobbyAdminTitle{color:#fff;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.04em;text-align:center}#lobbyAdminBody{display:flex;flex-direction:column;gap:8px;max-height:42vh;overflow-y:auto}#lobbyAdmin .adminLabel{color:#fff}@media (max-width:640px){#topbar{left:8px;right:8px;transform:none;max-width:none;flex-wrap:nowrap;justify-content:center;gap:6px;overflow:hidden}#topbar img{width:32px;height:32px}#topbar .title{font-size:15px}#topbar .stat{font-size:12px;padding:3px 8px}#presence{top:58px}#adminPanel{top:48px}#adminBody{max-height:46vh;overflow-y:auto}}#feed{position:fixed;left:16px;bottom:152px;z-index:29;width:min(360px,80vw);display:flex;flex-direction:column;gap:4px;align-items:flex-start;pointer-events:none}.feedLine{display:flex;align-items:center;gap:6px;color:hsla(0,0%,100%,.78);font-style:italic;font-weight:700;font-size:13px;text-shadow:0 1px 3px #000a;animation:chatIn .2s ease both}.feedIcon{font-style:normal;opacity:.85}.feedLine.system{color:var(--gold);font-style:normal}#feed .adminPlayerActions{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto}#sessionActions{z-index:2;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#leaderboard{z-index:2;width:min(330px,90vw);text-align:left;background:linear-gradient(#3a2566,#2a1a4a);border:5px solid #fff;border-radius:22px;padding:14px 16px 16px;color:#fff;box-shadow:0 12px 34px #0006,0 0 0 3px var(--gold);animation:pop .32s cubic-bezier(.2,1.4,.5,1) both}#leaderboard .boardHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#leaderboard .boardTitle{font-weight:900;font-size:19px;color:var(--gold);text-shadow:0 2px 0 #0006}#leaderboard .boardClose{font-family:inherit;font-weight:900;line-height:1;cursor:pointer;color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;background:#ffffff22;border:2px solid #ffffff55}#leaderboard .boardClose:hover{background:#ffffff38}#leaderboard .boardTabs{display:flex;gap:6px;margin-bottom:12px}#leaderboard .boardTabs button{flex:1 1;font-family:inherit;font-weight:800;font-size:13px;color:#fff;cursor:pointer;background:#ffffff1a;border:3px solid transparent;border-radius:13px;padding:8px 6px;transition:transform .08s}#leaderboard .boardTabs button.on{background:linear-gradient(#ffe27a,var(--gold));color:var(--ink);border-color:#fff}#leaderboard .boardTabs button:active{transform:translateY(2px)}#leaderboard .boardMsg{text-align:center;font-weight:800;font-size:14px;opacity:.9;padding:14px 0}#leaderboard .boardList{list-style:none;display:flex;flex-direction:column;gap:5px}#leaderboard .boardList li{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;background:#ffffff14;border-radius:12px;padding:7px 11px}#leaderboard .boardList li.top{background:#ffd23f22;box-shadow:inset 0 0 0 2px #ffd23f55}#leaderboard .boardRank{min-width:24px;text-align:center;font-size:16px;color:var(--gold)}#leaderboard .boardName{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboard .boardScore{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gold);font-weight:900}#debugPanel{position:fixed;left:12px;top:12px;z-index:70;pointer-events:none;background:rgba(20,12,40,.82);color:#fff;border:2px solid hsla(0,0%,100%,.35);border-radius:12px;padding:10px 14px;min-width:200px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}#debugPanel h3{font-size:14px;font-weight:900;color:var(--gold);margin-bottom:8px}#debugPanel div{display:flex;justify-content:space-between;gap:16px;padding:1px 0}#debugPanel span{opacity:.7}#debugCopy,#debugPanel b{font-weight:700}#debugCopy{pointer-events:auto;width:100%;margin-top:8px;padding:6px 10px;border-radius:9px;border:1px solid hsla(0,0%,100%,.4);background:rgba(60,40,110,.72);color:#fff;cursor:pointer;font-family:inherit;font-size:12px;transition:background .15s ease,border-color .15s ease}#debugCopy:hover{background:rgba(80,55,140,.85);border-color:var(--gold)}#debugToggle{position:fixed;left:10px;bottom:10px;z-index:71;width:30px;height:30px;padding:0;border-radius:9px;border:1px solid hsla(0,0%,100%,.18);background:rgba(20,12,40,.35);color:#fff;font-size:15px;line-height:1;cursor:pointer;opacity:.35;transition:opacity .15s ease,background .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#debugToggle:hover{opacity:.9}#debugToggle.on{opacity:.95;background:rgba(60,40,110,.72);border-color:hsla(0,0%,100%,.4)}canvas{touch-action:none}#touchControls{position:fixed;inset:0;z-index:20;pointer-events:none}#joystick{position:fixed;left:22px;bottom:96px;width:130px;height:130px;border-radius:50%;background:hsla(0,0%,100%,.18);border:4px solid hsla(0,0%,100%,.55);pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#joyKnob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:hsla(0,0%,100%,.85);border:4px solid var(--gold);box-shadow:0 4px 12px #0006}#touchButtons{position:fixed;right:16px;bottom:90px;display:grid;grid-template-columns:76px 76px;grid-gap:12px;gap:12px;pointer-events:none}.tbtn{pointer-events:auto;touch-action:none;width:76px;height:76px;border-radius:50%;font-size:30px;border:4px solid #fff;background:rgba(42,26,74,.55);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.tbtn:active{transform:scale(.92)}.tbtn.break{background:linear-gradient(#ff8a3d,#ff5d2e)}.tbtn.place{background:linear-gradient(#6bd06b,#3fae3f)}body.is-touch #hotbar{flex-wrap:nowrap;overflow-x:auto;max-width:70vw;bottom:8px;gap:6px;padding:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}body.is-touch #hotbar::-webkit-scrollbar{display:none}body.is-touch .slot{width:46px;height:46px;flex:0 0 auto}body.is-touch #actionRow{flex-direction:column;align-items:flex-end;top:92px;right:6px;bottom:auto;gap:7px;max-width:none}body.is-touch #actionRow .btn{padding:7px 11px;font-size:12px}body.is-touch #topbar{top:6px;gap:5px;max-width:100vw;padding:0 6px}body.is-touch #topbar .title{display:none}body.is-touch #topbar img{width:32px;height:32px}body.is-touch #topbar .stat{font-size:13px;padding:3px 8px}body.is-touch #buildMenu .buildCard{width:150px;padding:12px 8px;font-size:14px}body.is-touch #buildMenu .buildCard .emoji{font-size:40px}body.is-touch #buildMenu h2{font-size:22px;margin-bottom:8px}body.is-touch #buildMenu .buildHint{margin:6px 0 12px;font-size:13px}body.is-touch #chat{left:14px;bottom:244px}body.is-touch #feed{left:14px;bottom:324px}@media (orientation:landscape){body.is-touch #topbar{left:8px;transform:none;justify-content:flex-start;max-width:48vw}body.is-touch #actionRow{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;top:6px;right:8px;bottom:auto;max-width:48vw;gap:6px}body.is-touch #joystick{left:14px;bottom:14px;width:108px;height:108px}body.is-touch #joyKnob{width:48px;height:48px;margin:-24px 0 0 -24px}body.is-touch #touchButtons{right:12px;bottom:12px;grid-template-columns:64px 64px;gap:9px}body.is-touch .tbtn{width:64px;height:64px;font-size:26px}body.is-touch #hotbar{bottom:6px;max-width:46vw}body.is-touch #chat{bottom:138px}body.is-touch #feed{bottom:210px}}