:root{--sky-top:#1688db;--sky-bottom:#62c6f2;--popup:#186b8bf2;--popup-solid:#186b8b;--deep:#11506a;--log:#277d9f;--rim:#87b8cc;--light:#a5e3fb;--text:#fff;--dim:#bfdaff;--gold:#ffee7d;--gold-deep:#f5b722;--good:#49fc00;--bad:#ff6a5c;--green:#009646;--red:#c42c2c;--shadow:1px 1px 0 #0000008c;--shadow-big:2px 2px 0 #0000008c;--ease:cubic-bezier(.22,1,.36,1);--buncss-light: ;--buncss-dark:initial;color-scheme:dark;font-variant-numeric:tabular-nums;font:700 14px/20px Century Gothic,CenturyGothic,AppleGothic,URW Gothic,Futura,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{color:var(--text);text-shadow:var(--shadow);background:linear-gradient(180deg,var(--sky-top)0%,var(--sky-bottom)100%)fixed;min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit;text-shadow:inherit}a{color:var(--gold)}::selection{background:var(--gold);color:#000;text-shadow:none}.panel,table,.stat,.empty,.chart,.side .card,dialog,.toast,nav{background:var(--popup);border:3px solid var(--rim);border-radius:10px;box-shadow:inset 0 0 0 1px #00000047,3px 3px #00000038}.btn{position:relative;display:inline-flex;background:var(--rim);text-shadow:var(--shadow-big);cursor:pointer;white-space:nowrap;text-decoration:none;color:#fff;border:0;border-radius:8px;justify-content:center;align-items: center;gap:8px;min-height:36px;padding:0 16px;box-shadow:inset -2px -3px #00000047,inset 2px 2px #ffffff59}.btn:hover{filter:brightness(1.08)}.btn:active{filter:brightness(.85);transform:scale(.95)}.btn.primary{background:var(--green)}.btn.danger{background:var(--red)}.btn.gold{background:var(--gold-deep)}.btn.light,.btn:not(.primary):not(.danger):not(.gold){text-shadow:2px 2px #000000bf}.btn.light{background:var(--light)}.btn.small{min-height:28px;padding:0 12px;font-size:13px}.btn:disabled{filter:grayscale(.7)brightness(.8);cursor:default;transform:none}input[type=search],input[type=text],select{background:var(--log);border:2px solid var(--rim);border-radius:8px;min-width:0;min-height:36px;padding:0 12px;box-shadow:inset 2px 2px #0003}input::placeholder{color:var(--dim);opacity:.8}select option{background:var(--popup-solid)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:16px;max-width:1680px;min-height:100vh;margin:0 auto;padding:16px}nav{position:sticky;display:flex;flex-direction:column;align-self: start;gap:4px;height:calc(100vh - 32px);padding:12px;top:16px}.brand{display:flex;border-bottom:2px solid #87b8cc59;align-items: center;gap:12px;margin-bottom:8px;padding:4px 4px 12px}.brand .logo{flex:none;width:48px;height:48px}.brand b{display:block;color:var(--gold);text-shadow:var(--shadow-big),-1px -1px 0 #783c0080;font-size:22px;line-height:26px}.brand-sub{display:flex;color:var(--dim);align-items: center;gap:8px;font-size:12px}.live{display:inline-flex;align-items: center;gap:6px;font-size:12px}.live i{background:var(--good);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #0000004d}.live.down{color:var(--gold)}.live.down i{background:var(--bad)}nav button{all:unset;display:flex;cursor:pointer;text-shadow:var(--shadow);border-radius:7px;justify-content:space-between;align-items: center;gap:8px;min-height:36px;padding:0 12px}nav button small{color:var(--dim);font-size:12px}nav button:hover{background:#ffffff1a}nav button[aria-current=page]{background:var(--rim);text-shadow:var(--shadow-big);box-shadow:inset -2px -3px #00000047,inset 2px 2px #ffffff59}nav button[aria-current=page] small{color:#fff}nav button:focus-visible{outline:3px solid var(--gold)}.me{display:flex;color:var(--dim);border-top:2px solid #87b8cc59;align-items: center;gap:12px;margin-top:auto;padding:12px 4px 0;font-size:13px}.me .logo{flex:none;width:40px;height:40px}.me b{display:block;color:var(--text);font-size:14px}.me .link{font-size:12px}.logo{display:inline-block;background:url(/Bloxtopia_icon_512x512-ep43xmxh.png) 50%/cover;border:2px solid #0000004d;border-radius:8px}main{min-width:0;padding:4px 8px 32px}.head{display:flex;flex-wrap:wrap;align-items: center;gap:12px;margin:4px 0 16px}h1{text-shadow:var(--shadow-big);margin:0;font-size:30px;line-height:36px}.head .sub{color:#fff;opacity:.9;font-size:14px}.head .grow{flex:1}h2{text-shadow:var(--shadow-big);display:flex;align-items: center;gap:8px;margin:24px 0 8px;font-size:17px}h2 .sub{opacity:.9;font-size:13px}.panel{padding:16px}.hero{position:relative;border:3px solid var(--rim);overflow:hidden;background:url(/Bloxtopia_thumbnail_1920x1080-yb2vw73v.png) center 42%/cover no-repeat,var(--sky-top);border-radius:10px;height:220px;margin-bottom:16px;box-shadow:3px 3px #00000038}.hero .strip{position:absolute;display:flex;background:var(--popup);border:2px solid var(--rim);border-radius:8px;align-items: center;gap:12px;padding:8px 16px;font-size:15px;bottom:12px;left:12px}.hero .strip b{color:var(--gold);text-shadow:var(--shadow-big)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}.stat{padding:12px 16px}.stat span{color:var(--dim);font-size:13px}.stat b{display:block;color:var(--gold);text-shadow:var(--shadow-big);font-size:30px;line-height:36px}.stat small{color:var(--dim);font-size:12px}.bar{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:12px}.bar .note{opacity:.9;font-size:13px}table{border-collapse:separate;border-spacing:0;overflow:hidden;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff1f;height:40px;padding:0 12px}th{color:var(--dim);background:#00000029;height:36px;font-size:13px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff12}tbody tr[aria-selected=true]{box-shadow:inset 3px 0 var(--gold);background:#ffee7d29}td.num,th.num{text-align:right}td.wrap{white-space:normal}.click{cursor:pointer}.dim{color:var(--dim)}.pos{color:var(--good)}.neg{color:var(--bad)}.gold{color:var(--gold)}.tag{display:inline-flex;color:var(--dim);vertical-align:1px;background:#00000038;border-radius:6px;align-items: center;height:20px;padding:0 8px;font-size:12px}.tag.staff{background:var(--gold-deep);color:#fff;text-shadow:var(--shadow)}.tag.on{background:var(--green);color:#fff}.tag.warn{background:var(--red);color:#fff}.link{all:unset;cursor:pointer;color:var(--text);border-bottom:2px dotted #bfdaff99}.link:hover{color:var(--gold);border-color:var(--gold)}.empty{color:var(--dim);text-align:center;padding:32px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;font-weight:400}.row-actions{display:inline-flex;gap:8px}.split2{display:grid;grid-template-columns:minmax(0,2fr)minmax(280px,1fr);align-items: start;gap:16px}.chart{padding:16px}.chart .top{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:8px}.chart .top b{color:var(--gold);text-shadow:var(--shadow-big);font-size:22px}.chart .top .grow{flex:1}.plot{position:relative;overflow:hidden;background:#00000029;border-radius:7px;height:240px}.plot svg{position:absolute;display:block;width:100%;height:100%;inset:0}.plot .yl{position:absolute;color:var(--dim);font-size:11px;left:8px}.xl{display:flex;color:var(--dim);justify-content:space-between;margin-top:4px;font-size:11px}.seg{display:inline-flex;gap:4px}.split{display:flex;overflow:hidden;background:#00000038;border-radius:6px;height:12px;margin:12px 0 8px}.legend{display:flex;color:var(--dim);flex-wrap:wrap;gap:4px 16px;font-size:13px}.legend i{display:inline-block;box-shadow:var(--shadow);border-radius:3px;width:10px;height:10px;margin-right:6px}.bars svg{display:block;width:100%;height:200px}.icon{image-rendering:pixelated;vertical-align:-7px;display:inline-block;filter:drop-shadow(1px 1px 0 #00000073);width:24px;height:24px;margin-right:8px}.spectate{display:grid;grid-template-columns:minmax(0,1fr)280px;gap:16px}.viewport{position:relative;overflow:hidden;cursor:grab;touch-action:none;border:3px solid var(--rim);background:linear-gradient(#3fa9ec,#9adcf8);border-radius:10px;height:calc(100vh - 120px);min-height:360px;box-shadow:3px 3px #00000038}.viewport:active{cursor:grabbing}.viewport canvas{position:absolute;transform-origin:0 0;image-rendering:pixelated;top:0;left:0}.viewport .hud{position:absolute;background:var(--popup);border:2px solid var(--rim);pointer-events:none;border-radius:8px;padding:4px 12px;font-size:12px;bottom:8px;left:8px}.viewport .zoom{position:absolute;display:flex;gap:4px;top:8px;right:8px}.viewport .zoom .btn{min-width:36px;padding:0 8px}.side{display:flex;flex-direction:column;gap:12px}.side .card{padding:12px}.side .card>b{display:block;color:var(--gold);text-shadow:var(--shadow-big);margin-bottom:4px}.side .card p{color:var(--dim);margin:0;font-size:13px}.side .row{display:flex;border-radius:6px;justify-content:space-between;align-items: center;gap:8px;min-height:36px;padding:0 4px}.side .row:hover{background:#ffffff12}.side .row.on{box-shadow:inset 3px 0 var(--gold);background:#ffee7d29}.profile{display:flex;flex-wrap:wrap;align-items: center;gap:16px}.profile .avatar{display:grid;background:var(--deep);border:3px solid var(--rim);text-shadow:var(--shadow-big);border-radius:10px;place-items: center;width:64px;height:64px;font-size:28px}.profile .who{flex:1;min-width:200px}.profile .who b{text-shadow:var(--shadow-big);font-size:24px;line-height:30px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.facts div{background:#00000029;border-radius:7px;padding:8px 12px}.facts span{display:block;color:var(--dim);font-size:12px}dialog{color:var(--text);text-shadow:var(--shadow);width:min(440px,92vw);padding:24px}dialog::backdrop{background:#0014288c}dialog h3{color:var(--gold);text-shadow:var(--shadow-big);margin:0 0 4px;font-size:22px}dialog p{color:var(--dim);margin:0 0 16px;font-size:13px}dialog label{display:block;color:var(--dim);margin:12px 0 4px;font-size:13px}dialog input,dialog select{width:100%}dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.error{color:#fff;background:var(--red);border-radius:8px;margin-top:12px;padding:8px 12px;box-shadow:inset -2px -3px #00000040}.toast{position:fixed;z-index:10;max-width:380px;padding:12px 16px;bottom:24px;right:24px}.gate{display:grid;background:url(/Bloxtopia_thumbnail_1920x1080-yb2vw73v.png) center/cover no-repeat,var(--sky-top);place-items: center end;min-height:100vh;padding:32px max(32px,6vw)}.gate .panel{width:min(400px,92vw);margin-top:30vh;padding:24px}.gate h1{color:var(--gold);margin-bottom:8px;font-size:26px;line-height:32px}.gate p{color:var(--dim);margin:0 0 20px}.gate ol{color:var(--dim);margin:0 0 20px;padding-left:20px}.gate .btn{width:100%;min-height:44px}.gate .logo{float:right;width:56px;height:56px;margin:-4px 0 8px 12px}@media (max-width:980px){.split2,.spectate{grid-template-columns:1fr}}@media (max-width:800px){.shell{grid-template-columns:1fr;gap:8px;padding:8px}nav{position:static;overflow-x:auto;flex-direction:row;height:auto;padding:8px}nav .brand,nav .brand-sub,nav .me{display:none}nav button{flex:none}main{padding:4px 4px 24px}h1{font-size:24px;line-height:30px}.viewport{height:60vh}.gate{place-items: end center}.gate .panel{margin-top:0}.hero{height:140px}.hero .strip{padding:4px 12px;font-size:13px}th,td{padding:0 8px}.hide-sm{display:none}}@media (prefers-reduced-motion:no-preference){.btn{transition:filter .12s var(--ease),transform .12s var(--ease)}nav button,tbody tr,.side .row{transition:background-color .12s var(--ease)}dialog[open]{animation:pop .5s var(--ease)}main>*{animation:rise .3s var(--ease)both}}@keyframes pop{0%{transform:scaleY(.1);opacity:.4}60%{transform:scaleY(1.04)}to{transform:none;opacity:1}}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}