/* Pixel Quest v1.3.0 — Komari theme — MIT */
@font-face{font-family:"Press Start 2P";src:url("./fonts/press-start-2p.woff2") format("woff2");font-display:swap}:root{--hud: "Press Start 2P", "PQ Pixel", ui-monospace, monospace;--body: "PQ Pixel", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ink: #fcfcfc;--dim: #b9b5dd;--mute: #7b77a3;--panel: #14112b;--panel-2: #1f1b42;--panel-3: #2b265a;--edge: #fcfcfc;--ok: #5ce05c;--warn: #ffb238;--bad: #ff4f63;--info: #7cf0ff;--gold: #ffd23c;--up: #ffb238;--down: #5cd0ff;--sky-1: #5c94fc;--sky-2: #8fbcff;--sky-3: #b9d7ff;--page-max: 1480px;--gap: 28px;color-scheme:dark}html[data-sky=night]{--sky-1: #080a26;--sky-2: #16184a;--sky-3: #2b2466}*{box-sizing:border-box}html{background:var(--sky-1);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ink);font:12px/1.6 var(--body);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;overflow-x:hidden}button,input,select{font:inherit;color:inherit}a{color:var(--info)}::selection{background:var(--gold);color:#000}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spr{display:inline-block;position:relative;overflow:hidden;flex:none;width:calc(var(--w) * var(--p) * 1px);height:calc(var(--h) * var(--p) * 1px);vertical-align:middle}.spr>i{position:absolute;left:0;top:0;width:calc(var(--n) * 100%);height:100%;background-size:100% 100%;background-repeat:no-repeat;transform:translate(calc(var(--f, 0) * -100% / var(--n)))}@keyframes f4of7{0%{transform:translate(0)}to{transform:translate(-57.142857%)}}@keyframes f-all{0%{transform:translate(0)}to{transform:translate(-100%)}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 62%,var(--sky-3) 100%)}.bg.has-image{background-size:cover;background-position:center}.bg-clouds{position:absolute;top:0;left:0;height:100%;width:5120px;animation:bg-drift 240s linear infinite}.bg-clouds i{position:absolute;background-size:100% 100%;opacity:.9}.bg-clouds .c-l{width:144px;height:66px;background-image:var(--s-cloud-l)}.bg-clouds .c-s{width:96px;height:54px;background-image:var(--s-cloud-s)}html[data-sky=night] .bg-clouds .c-l{background-image:var(--s-cloud-l-night);opacity:.55}html[data-sky=night] .bg-clouds .c-s{background-image:var(--s-cloud-s-night);opacity:.55}@keyframes bg-drift{to{transform:translate3d(-2560px,0,0)}}.bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;display:none}html[data-sky=night] .bg-stars{display:block}.bg-stars i{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;animation:twinkle 3.2s steps(1) infinite}.bg-stars i+i{animation-delay:-1.6s}@keyframes twinkle{50%{opacity:.2}}.panel{background:var(--panel);border:4px solid var(--edge);box-shadow:0 0 0 4px #000,8px 8px 0 4px #0000004d}.px-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:0 12px;border:0;background:var(--panel-2);color:var(--ink);font:8px/1 var(--hud);letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:inset -3px -3px #00000073,inset 3px 3px #ffffff24,0 0 0 2px #000;text-decoration:none;white-space:nowrap}.px-btn:hover{background:var(--panel-3)}.px-btn:active,.px-btn[aria-pressed=true]{background:var(--gold);color:#000;box-shadow:inset 3px 3px #00000059,0 0 0 2px #000}.px-btn:focus-visible,.card:focus-visible,.row:focus-visible,.icon-btn:focus-visible{outline:3px dashed var(--gold);outline-offset:4px}.icon-btn{width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-grid;place-items:center;box-shadow:0 0 0 2px transparent}.icon-btn:hover{background:#ffffff1f}.icon-btn[aria-pressed=true]{background:#ffd23c2e}.icon{display:inline-block;width:24px;height:24px;background:var(--icon) center / 100% 100% no-repeat;image-rendering:pixelated}.icon.sm{width:12px;height:12px}.hud{position:sticky;top:0;z-index:40;background:#000;box-shadow:0 4px #00000059}.hud-inner{max-width:var(--page-max);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:28px}.hud-brand{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto;color:var(--ink)}.hud-brand .spr{--p: 2}.hud-title{display:block;color:inherit;text-decoration:none;font:16px/1.2 var(--hud);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28vw;text-transform:uppercase}.hud-stats{display:flex;gap:26px;flex:1;min-width:0}.hud-stat{display:flex;flex-direction:column;gap:7px;min-width:0}.hud-label{font:8px/1 var(--hud);color:var(--dim);letter-spacing:1px;white-space:nowrap;text-transform:uppercase}.hud-value{font:16px/1 var(--hud);white-space:nowrap;display:flex;align-items:center;gap:6px}.hud-value .spr{--p: 1}.hud-value .of{color:var(--mute);font-size:8px}.hud-stat.up .hud-value{color:var(--up)}.hud-stat.down .hud-value{color:var(--down)}.hud-tools{display:flex;gap:4px;align-items:center;margin-left:auto}.hud-tools .px-btn{margin-left:8px}.title{position:relative;overflow:hidden;background:#5c94fc;height:calc(var(--th) * var(--p) * 1px);border-bottom:6px solid #000;-webkit-user-select:none;user-select:none}.title-board{position:absolute;left:50%;top:calc(14px * var(--p));transform:translate(-50%);max-width:calc(100% - 32px);padding:14px 26px 16px;text-align:center;background:#c9531c;color:#fff5d8;border:3px solid #2a0e04;box-shadow:inset 0 4px #f59a66,inset 0 -4px #8e3208,inset 4px 0 #f59a66,inset -4px 0 #8e3208,6px 6px #00000059;z-index:3}.title-board:before,.title-board:after{content:"";position:absolute;top:8px;width:6px;height:6px;background:#7a2e00;box-shadow:0 calc(100% + 0px) 0 #7a2e00}.title-board:before{left:8px}.title-board:after{right:8px}.title-name{font:24px/1.25 var(--hud);letter-spacing:2px;text-shadow:3px 3px 0 #2a0e04,-1px -1px 0 #2a0e04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.title-sub{margin-top:8px;font:12px/1.5 var(--body);color:#ffe6b8;text-shadow:2px 2px 0 #2a0e04;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes blink{50%{opacity:0}}.bar{max-width:var(--page-max);margin:28px auto 0;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.worlds{display:flex;gap:10px;flex-wrap:wrap;flex:1 1 520px;min-width:0}.world{position:relative;min-height:36px;padding:0 14px 0 12px;font:8px/1 var(--hud);gap:8px}.world .w-name{font:12px/1 var(--body);text-transform:none;letter-spacing:0}.world .w-count{color:var(--gold)}.world[aria-pressed=true] .w-count{color:#000}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;box-shadow:0 0 0 2px #000}.seg .px-btn{box-shadow:inset -3px -3px #00000073,inset 3px 3px #ffffff24}.seg .px-btn[aria-pressed=true]{box-shadow:inset 3px 3px #00000059}.search{position:relative;display:flex;align-items:center;background:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000;height:32px;padding:0 10px 0 8px;gap:8px}.search input{width:170px;border:0;outline:0;background:transparent;font:12px/1 var(--body)}.search input::placeholder{color:var(--mute)}.select{position:relative;display:inline-flex;align-items:center}.select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:32px;padding:0 28px 0 12px;border:0;background:var(--panel-2);font:12px/1 var(--body);box-shadow:inset -3px -3px #00000073,inset 3px 3px #ffffff24,0 0 0 2px #000;cursor:pointer}.select:after{content:"";position:absolute;right:10px;top:13px;border:5px solid transparent;border-top:6px solid #fff;border-bottom:0;pointer-events:none}.field{max-width:var(--page-max);margin:30px auto 0;padding:0 20px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(312px,1fr));gap:var(--gap) calc(var(--gap) - 4px)}.card{position:relative;display:flex;flex-direction:column;min-width:0;cursor:pointer;outline:none;transform:perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s ease-out;content-visibility:auto;contain-intrinsic-size:auto 330px}.card:hover{transform:perspective(1100px) translateY(-6px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 38% 43%,transparent 43% 47%,rgba(255,255,255,.09) 47% 50%,transparent 50%);background-size:320% 100%;background-position:var(--sx, 100%) 0;opacity:0;transition:opacity .2s}.card:hover:after{opacity:1}.card.is-new{animation:card-in .55s steps(6) var(--d, 0ms) both}@keyframes card-in{0%{transform:perspective(1100px) translateY(36px) rotateX(-24deg);opacity:0}}.card-head{display:flex;align-items:center;gap:8px;padding:8px 10px 7px;background:#000;min-width:0}.led{width:8px;height:8px;flex:none;background:var(--ok);box-shadow:0 0 0 2px #0c3a0c;animation:led 1.6s steps(1) infinite}.led.off{background:var(--bad);box-shadow:0 0 0 2px #4a0c14;animation:none}.led.warn{background:var(--warn);box-shadow:0 0 0 2px #4a2c04}@keyframes led{70%{opacity:.45}}.card-name{flex:1;min-width:0;font:12px/1.3 var(--body);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;font:12px/1 var(--body);background:var(--panel-3);color:var(--ink);white-space:nowrap;box-shadow:inset -2px -2px #00000059}.chip.hud{font:8px/1 var(--hud);letter-spacing:1px;height:18px}.chip.os{background:#2c3f7a}.chip.price{background:#5a2c86}.chip.exp{background:#22603a}.chip.exp.warn{background:#8a5010}.chip.exp.bad{background:#8e1c30;animation:flash-bad 1s steps(1) infinite}@keyframes flash-bad{50%{background:#d8243f;color:#fff4b0}}.chip.state-off{background:#5a1020}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:7px}.meter{display:grid;grid-template-columns:36px 1fr 122px;align-items:center;gap:8px;min-width:0}.meter-label{font:8px/1 var(--hud);color:var(--dim);letter-spacing:1px}.meter-val{font:12px/1 var(--body);white-space:nowrap;text-align:right}.meter>span:last-child{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter small{color:var(--mute);font:12px/1 var(--body);margin-left:5px}.pbar{position:relative;height:10px;background:repeating-linear-gradient(90deg,#2a2650 0 6px,transparent 6px 8px);min-width:0}.pbar>i{position:absolute;left:0;top:0;bottom:0;width:var(--v, 0%);max-width:100%;background:repeating-linear-gradient(90deg,var(--c, var(--ok)) 0 6px,transparent 6px 8px);transition:width .6s steps(6)}.pbar>i:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 6px,transparent 6px 8px)}.pbar[data-level="1"]>i{--c: var(--warn)}.pbar[data-level="2"]>i{--c: var(--bad)}.pbar.thin{height:6px}.pbar.thin>i:after{height:2px}.card-net{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:12px/1.2 var(--body);padding-top:2px}.net-up,.net-down{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.net-up{color:var(--up)}.net-down{color:var(--down)}.net-up:before,.net-down:before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:var(--i-up) center / 100% 100% no-repeat;mask:var(--i-up) center / 100% 100% no-repeat}.net-down:before{-webkit-mask-image:var(--i-down);mask-image:var(--i-down)}.card-net .sep{flex:1}.card-load{color:var(--dim);white-space:nowrap}.card-load b{color:var(--ink);font-weight:400}.card-foot{display:flex;flex-wrap:wrap;gap:5px;padding-top:3px}.card-foot:empty{display:none}.card-traffic{display:grid;grid-template-columns:36px 1fr 122px;align-items:center;gap:8px}.card-traffic.no-limit{grid-template-columns:36px 1fr}.card-traffic.no-limit .pbar{display:none}.card-traffic.no-limit .meter-val{text-align:left;color:var(--dim)}.card.is-off .card-body{opacity:.62}.card.is-off .card-name{color:var(--dim)}.tag{--t: #3a3470;background:var(--t)}.tag[data-c=red],.tag[data-c=ruby],.tag[data-c=crimson],.tag[data-c=tomato]{--t: #9a2334}.tag[data-c=orange],.tag[data-c=amber],.tag[data-c=bronze],.tag[data-c=brown]{--t: #8a5414}.tag[data-c=yellow],.tag[data-c=gold]{--t: #8a7412}.tag[data-c=green],.tag[data-c=grass],.tag[data-c=jade],.tag[data-c=lime],.tag[data-c=mint]{--t: #23703a}.tag[data-c=teal],.tag[data-c=cyan],.tag[data-c=sky]{--t: #146a7a}.tag[data-c=blue],.tag[data-c=indigo],.tag[data-c=iris]{--t: #2a4a9a}.tag[data-c=purple],.tag[data-c=violet],.tag[data-c=plum],.tag[data-c=pink]{--t: #6c2a86}.tag[data-c=gray]{--t: #4a4a5c}.stg{position:relative;overflow:hidden;isolation:isolate;border-top:3px solid #000;border-bottom:3px solid #000;background:#5c94fc}.stg[data-mode=night]{background:#080a26}.stg[data-mode=dead]{background:#0d0d14}.stg[data-mode=hot]{background:#3a0808}.stg>*{position:absolute}.stg-canvas,.title-canvas{top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;image-rendering:pixelated}.stg-hud{left:0;right:0;top:0;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;padding:6px 8px;font:8px/1 var(--hud);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;pointer-events:none}.stg-region{background:#0000008c;padding:3px 4px 2px;text-shadow:none}.stg-region.empty{visibility:hidden}.stg-time:not(:empty):before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;vertical-align:-1px;background:var(--gold);-webkit-mask:var(--i-auto) center / 100% 100% no-repeat;mask:var(--i-auto) center / 100% 100% no-repeat}.stg-banner{left:0;right:0;top:38%;z-index:5;text-align:center;font:16px/1 var(--hud);letter-spacing:2px;color:#fff;text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;pointer-events:none}.stg-banner:empty{display:none}.stg-banner[data-kind=over]{color:#ff5a6e;animation:over 2.2s steps(1) infinite}.stg-banner[data-kind=hurry]{top:26px;font-size:8px;color:var(--gold);animation:flash-text .8s steps(1) infinite}@keyframes flash-text{50%{color:#ff4f63}}.stg-banner[data-kind=timeup]{color:var(--gold)}@keyframes over{80%{opacity:.35}}.list{display:flex;flex-direction:column;gap:0}.list-head,.row{display:grid;grid-template-columns:44px minmax(160px,2.1fr) repeat(3,minmax(90px,1fr)) minmax(92px,.9fr) minmax(92px,.9fr) minmax(90px,.9fr) minmax(80px,.8fr);align-items:center;gap:14px;padding:8px 14px}.list-head{font:8px/1 var(--hud);color:var(--dim);letter-spacing:1px;background:#000;padding-top:12px;padding-bottom:10px}.row{cursor:pointer;border-top:2px solid #2a2650;font:12px/1.3 var(--body);outline:none}.row:hover{background:var(--panel-2)}.row.is-off{color:var(--dim)}.row .spr{--p: 2}.row-name{display:flex;align-items:center;gap:8px;min-width:0}.row-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meter{display:flex;flex-direction:column;gap:5px}.row-hero>.spr>i{--f0: 0;--fc: 4;animation:f4of7 var(--run, .5s) steps(4) infinite}.row.is-off .row-hero>.spr>i{animation:none;--f: 6}.row .net-up,.row .net-down{display:flex}.muted{color:var(--mute)}.notice{max-width:520px;margin:60px auto;padding:28px;text-align:center}.notice h2{margin:0 0 14px;font:24px/1.4 var(--body);font-weight:400;color:var(--gold)}.notice .spr{display:block;margin:0 auto 14px}.notice p{margin:0 0 20px;color:var(--dim)}.empty{grid-column:1 / -1;padding:50px 20px;text-align:center;color:var(--ink);font:12px/1.6 var(--body);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.empty .spr{display:block;margin:0 auto 14px}.goal{position:relative;margin-top:40px;height:330px;overflow:hidden}.goal-ground{position:absolute;left:0;right:0;bottom:0;height:96px;background:var(--s-ground-day) 0 0 / 96px 48px repeat;border-top:0}html[data-sky=night] .goal-ground{background-image:var(--s-ground-night)}.goal-castle{position:absolute;right:max(20px,calc(50% - var(--page-max) / 2 + 20px));bottom:96px;width:240px;height:216px;background:var(--s-castle) 0 0 / 100% 100% no-repeat}.goal-flag{position:absolute;right:calc(max(20px,calc(50% - var(--page-max) / 2 + 20px)) + 300px);bottom:96px;width:42px;height:138px;background:var(--s-flag) 0 0 / 100% 100% no-repeat}.goal-hills{position:absolute;bottom:96px;left:max(10px,calc(50% - var(--page-max) / 2));width:192px;height:90px;background:var(--s-hill-l) 0 0 / 100% 100% no-repeat}html[data-sky=night] .goal-hills{background-image:var(--s-hill-l-night)}.goal-text{position:absolute;left:0;right:0;bottom:18px;z-index:2;text-align:center;font:12px/1.7 var(--body);color:#fff;text-shadow:2px 2px 0 #000;padding:0 16px}.goal-text a{color:#fff}.goal-text .hudline{font:8px/1.8 var(--hud);letter-spacing:1px;color:var(--gold)}.goal-legend{position:absolute;left:max(20px,calc(50% - var(--page-max) / 2 + 20px));bottom:118px;max-width:min(560px,calc(100% - 320px));padding:10px 14px;font:12px/1.7 var(--body);color:var(--ink);background:#0000008c;box-shadow:0 0 0 2px #ffffff80;display:grid;gap:8px}.goal-legend b{display:block;font:8px/1.8 var(--hud);color:var(--gold);letter-spacing:1px;font-weight:400}.toasts{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;font:12px/1.3 var(--body);animation:toast-in .3s steps(3);pointer-events:auto;max-width:360px}.toast b{font:8px/1 var(--hud);color:var(--gold);letter-spacing:1px;font-weight:400}.toast.bad b{color:var(--bad)}.toast.out{animation:toast-out .3s steps(3) forwards}@keyframes toast-in{0%{transform:translate(40px);opacity:0}}@keyframes toast-out{to{transform:translate(40px);opacity:0}}.oneup{position:fixed;z-index:95;font:16px/1 var(--hud);color:#5ce05c;text-shadow:3px 3px 0 #000;pointer-events:none;animation:oneup 1.4s steps(14) forwards}@keyframes oneup{to{transform:translateY(-80px);opacity:0}}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;gap:26px;justify-items:center;background:#000;color:#fff;font:16px/1.6 var(--hud);text-align:center;transition:opacity .35s steps(4)}.boot.hide{opacity:0;pointer-events:none}.boot .lives{display:flex;gap:18px;align-items:center;font-size:16px}.boot .spr{--p: 3}.boot small{font-size:8px;color:var(--dim);animation:blink 1s steps(1) infinite}html.still *,html.still *:before,html.still *:after{animation:none!important;transition:none!important}@media(min-width:1880px){:root{--page-max: 1840px}}@media(min-width:2300px){:root{--page-max: 2240px}}@media(min-width:2700px){:root{--page-max: 2620px}}@media(min-width:3200px){:root{--page-max: 3100px}}.field>.panel{max-width:1840px;margin:0 auto}@media(max-width:1180px){.hud-stat.traffic{display:none}}@media(max-width:980px){.hud-stat.time{display:none}.list-head,.row{grid-template-columns:40px minmax(140px,2fr) repeat(3,minmax(70px,1fr)) minmax(84px,1fr) minmax(84px,1fr)}.col-traffic,.col-uptime{display:none!important}}@media(max-width:760px){:root{--gap: 22px}.hud-inner{padding:8px 12px;gap:14px;flex-wrap:wrap}.hud-title{font-size:8px;max-width:46vw}.hud-stats{order:3;flex-basis:100%;justify-content:space-between;gap:10px}.hud-value{font-size:8px}.hud-stat.traffic,.hud-stat.time{display:flex}.hud-stat{gap:5px}.hud-tools .px-btn .txt{display:none}.hud-tools .px-btn{padding:0 8px}.bar,.field{padding-left:14px;padding-right:14px}.worlds{flex-wrap:nowrap;overflow-x:auto;padding:4px 4px 8px;margin:-4px -4px 0;scrollbar-width:none}.worlds::-webkit-scrollbar{display:none}.tools{width:100%}.search{flex:1 1 100%;order:-1}.search input{width:100%}.select{flex:1}.select select{width:100%}.grid{grid-template-columns:1fr}.title-name{font-size:16px}.title-board{padding:10px 16px 12px}.list-head{display:none}.row{grid-template-columns:36px 1fr 1fr 1fr;grid-template-areas:"hero name name name" "hero cpu ram disk" "hero up down down";gap:6px 10px;padding:10px 12px}.row>:nth-child(1){grid-area:hero;align-self:start}.row>:nth-child(2){grid-area:name}.row>:nth-child(3){grid-area:cpu}.row>:nth-child(4){grid-area:ram}.row>:nth-child(5){grid-area:disk}.row>:nth-child(6){grid-area:up}.row>:nth-child(7){grid-area:down}.goal{height:230px}.goal-castle{width:160px;height:144px;right:12px}.goal-flag,.goal-legend,.goal-hills{display:none}.toasts{left:12px;right:12px;align-items:stretch}}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}.title-online{margin-top:10px;font:8px/1 var(--hud);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #2a0e04}.title-online i{font-style:normal;display:inline-block;margin-right:6px;color:var(--gold);animation:blink 1s steps(1) infinite}.hud-title.cjk{font:12px/1.2 var(--body);letter-spacing:0;text-transform:none}.px-btn .txt{font:12px/1 var(--body);letter-spacing:0;text-transform:none}.t8{font:8px/1.6 var(--hud);letter-spacing:1px}.t24{font:24px/1.4 var(--body)}.coin-target>i{--fc: 4;animation:f-all .9s steps(4) infinite}.stg-hud-left{display:flex;gap:4px;align-items:flex-start}.stg-ping{background:#0000008c;padding:3px 4px 2px;text-shadow:none;color:var(--ok)}.stg-ping:empty{display:none}.stg-ping[data-level="1"]{color:var(--warn)}.stg-ping[data-level="2"]{color:var(--bad)}.title[data-mode=night]{background:#080a26}.title-canvas{position:absolute}.row-hero .spr,.toast .spr{display:block}.row{content-visibility:auto;contain-intrinsic-size:auto 52px}.portrait{position:relative;display:grid;place-items:center;width:40px;height:40px;padding-bottom:4px;background:linear-gradient(180deg,#5c94fc,#8cbcff 78%,#46b02a 78%,#46b02a 88%,#c77a34 88%);box-shadow:0 0 0 2px #000;flex:none}.portrait[data-mode=night]{background:linear-gradient(180deg,#080a26,#262062 78%,#2c6a52 78%,#2c6a52 88%,#6c4a4a 88%)}.portrait[data-mode=warm]{background:linear-gradient(180deg,#4a3aa8,#ffb46a 78%,#46b02a 78%,#46b02a 88%,#c77a34 88%)}.portrait[data-mode=hot]{background:linear-gradient(180deg,#1a0406,#b82c14 78%,#7c3a3a 78%,#7c3a3a 88%,#4c1c1c 88%)}.portrait[data-mode=dead]{background:linear-gradient(180deg,#0d0d14,#25232f 78%,#5e5e6a 78%,#5e5e6a 88%,#3a3a44 88%)}.portrait.big{width:64px;height:64px;padding-bottom:6px;box-shadow:0 0 0 3px #fff,0 0 0 6px #000}.row-hero.portrait{width:40px;height:40px}.toast .portrait .spr{display:block}.stg-canvas.hot,.title-canvas.hot,.coin-badge{cursor:var(--cur-hand),pointer}.px-tip{position:fixed;left:0;top:0;z-index:120;max-width:min(300px,calc(100vw - 16px));padding:6px 9px 5px;background:#000;color:#fff;font:12px/1.45 var(--body);box-shadow:0 0 0 2px #fff,0 0 0 4px #000;pointer-events:none;overflow-wrap:anywhere}.px-tip[hidden]{display:none}.px-tip:after{content:"";position:absolute;top:calc(100% + 4px);left:var(--arrow, 50%);width:12px;height:6px;margin-left:-6px;background:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 100%,4px 100%,4px 4px,2px 4px,2px 2px,0 2px);clip-path:polygon(0 0,100% 0,100% 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 100%,4px 100%,4px 4px,2px 4px,2px 2px,0 2px)}.px-tip.below:after{top:auto;bottom:calc(100% + 4px);transform:scaleY(-1)}.px-tip-hint{color:var(--gold)}.fly-coin{position:fixed;z-index:130;display:block;pointer-events:none;will-change:transform}.fly-coin>i{--fc: 4;animation:f-all .3s steps(4) infinite}.iris{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;transition:opacity .25s steps(3)}.iris.out{opacity:0;pointer-events:none}.coin-badge{display:flex;align-items:center;gap:6px;flex:none;margin:0;padding:4px 8px 4px 6px;border:0;background:#ffffff14;box-shadow:inset 0 0 0 2px #ffffff2e;color:#fff;font:12px/1 var(--hud);letter-spacing:1px}.coin-badge:hover{background:#ffffff29}.coin-badge:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.coin-badge .spr{--p: 2;display:block}.coin-badge.pop .coin-num{animation:coin-pop .32s steps(3)}@keyframes coin-pop{40%{transform:translateY(-4px);color:var(--gold)}}.detail-top .coin-badge{background:transparent}.stg-say{z-index:6;max-width:min(240px,calc(100% - 40px));padding:5px 8px 4px;background:#fff;color:#14112b;font:12px/1.4 var(--body);box-shadow:0 0 0 2px #000,4px 4px 0 2px #00000059;pointer-events:none;animation:say-in .2s steps(2)}.stg-say[hidden]{display:none}.stg-say:after{content:"";position:absolute;left:12px;top:100%;width:10px;height:8px;background:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 2px,6px 2px,6px 4px,4px 4px,4px 6px,2px 6px,2px 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 2px,6px 2px,6px 4px,4px 4px,4px 6px,2px 6px,2px 100%,0 100%);filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000)}@keyframes say-in{0%{transform:translateY(6px);opacity:0}}.stg-keys{right:8px;bottom:5px;z-index:4;padding:3px 6px 2px;background:#00000080;font:12px/1.2 var(--body);color:#fff;pointer-events:none}.stg-keys .keys-touch{display:none}@media(hover:none){.stg-keys .keys-desk{display:none}.stg-keys .keys-touch{display:inline}}.row:hover .row-hero>.spr{animation:hop .42s steps(4)}@keyframes hop{50%{transform:translateY(-7px)}}html.star .hud{animation:star-edge .36s steps(1) infinite}html.star .coin-num{animation:star-text .36s steps(1) infinite}@keyframes star-edge{0%{box-shadow:0 4px #ff4f63}25%{box-shadow:0 4px #ffd23c}50%{box-shadow:0 4px #5ce05c}75%{box-shadow:0 4px #5cd0ff}}@keyframes star-text{0%{color:#ff4f63}25%{color:#ffd23c}50%{color:#5ce05c}75%{color:#5cd0ff}}@media(max-width:760px){.coin-badge{padding:3px 6px 3px 4px;font-size:8px}}html.detail-open,html.detail-open body{overflow:hidden}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;overscroll-behavior:contain;padding:28px 20px 60px}.detail[hidden]{display:none}.detail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 2px,transparent 2px 4px),#040310b8;animation:fade-in .2s steps(3)}@keyframes fade-in{0%{opacity:0}}.detail-panel{position:relative;max-width:1120px;margin:0 auto;animation:panel-in .28s steps(4)}@keyframes panel-in{0%{transform:translateY(30px);opacity:0}}.detail-top{display:flex;align-items:center;gap:14px;padding:10px 12px;background:#000}.detail-head{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.detail-name{margin:0;font:24px/1.2 var(--body);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stage .stg{border-top:0}.detail-chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 0}.detail-chips:empty{display:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px}.dbox{background:var(--panel-2);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #ffffff14;padding:14px 16px 16px;min-width:0}.dbox.wide{grid-column:1 / -1}.dbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.dbox-head .dbox-title{margin:0}.dbox-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:12px/1.2 var(--body);font-weight:400;color:var(--ink)}.dbox-title .t8{color:#000;background:var(--gold);padding:4px 6px 3px}.big-meters{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.big-meter-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.big-meter-top b{font:12px/1 var(--body);font-weight:400}.big-meter-top small{color:var(--dim);font-size:12px}.big-meter .pbar{height:14px}.big-meter .pbar,.big-meter .pbar>i{--seg: 8px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:0}.kv-row{display:flex;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:2px dotted rgba(255,255,255,.12);min-width:0}.kv dt{color:var(--dim);white-space:nowrap}.kv dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}.remark{margin-top:14px;padding:10px 12px;background:#0000004d;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}.chart{background:#0c0a22;box-shadow:0 0 0 2px #000;padding:10px 10px 6px;min-width:0}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.chart-title{font:12px/1.2 var(--body);color:var(--ink)}.chart-legend{display:flex;gap:6px;flex-wrap:wrap}.chart-key{display:inline-flex;align-items:center;gap:5px;border:0;background:#ffffff0f;padding:3px 6px;font:12px/1 var(--body);cursor:pointer}.chart-key i{width:8px;height:8px;background:var(--c)}.chart-key.off{opacity:.4}.chart-key-val{color:var(--c)}.chart-plot{position:relative;touch-action:pan-y}.chart-canvas{display:block;width:100%;image-rendering:pixelated}.chart-cursor{display:none;position:absolute;left:0;top:8px;bottom:20px;width:2px;background:#ffffff8c;pointer-events:none}.chart-tip{display:none;position:absolute;left:0;top:0;z-index:2;min-width:140px;padding:7px 9px;background:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000;font:12px/1.6 var(--body);pointer-events:none;white-space:nowrap}.chart-tip i{display:inline-block;width:8px;height:8px;margin-right:6px}.chart-tip b{font-weight:400;color:var(--gold)}.chart-tip-time{color:var(--dim)}.chart-empty{position:absolute;top:0;right:0;bottom:20px;left:52px;display:grid;place-items:center;color:var(--mute);pointer-events:none}.chart-empty:empty{display:none}.ping-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:12px}.ping-stats:empty{display:none}.ping-card{background:#0000004d;padding:8px 10px;box-shadow:inset 4px 0 0 var(--c)}.ping-name{display:flex;align-items:center;gap:6px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ping-name i{width:8px;height:8px;flex:none;background:var(--c)}.ping-nums{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--dim)}.ping-nums b{color:var(--ink);font-weight:400}.ping-nums .warn b{color:var(--warn)}.ping-nums .bad b{color:var(--bad)}.dbox.empty-ping .chart{display:none}.dbox.empty-ping:after{content:attr(data-empty)}.errbar{position:fixed;left:50%;top:76px;z-index:70;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:#5a0c16;box-shadow:0 0 0 3px #fff,0 0 0 6px #000}.errbar[hidden]{display:none}.errbar .t8{color:var(--gold)}@media(max-width:760px){.detail{padding:0}.detail-panel{border-left:0;border-right:0;min-height:100%}.detail-grid{grid-template-columns:1fr;padding:12px;gap:14px}.detail-name{font-size:12px}.kv,.chart-grid{grid-template-columns:1fr}.detail-top .px-btn{display:none}}.detail-panel:focus{outline:none}.field.is-3d{padding-top:4px}.w3d{position:relative;height:clamp(460px,74vh,920px);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#4a7ef0,#8fbcff 52%,#d2e8ff);box-shadow:0 0 0 4px #000,0 0 0 7px #fff,0 0 0 10px #000;user-select:none;-webkit-user-select:none;touch-action:none}.w3d[data-sky=night]{background:linear-gradient(180deg,#05061a,#16184a 58%,#2b2466)}.w3d.is-full,.w3d:fullscreen{height:100vh;box-shadow:none}.w3d-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background-size:1200px 900px}.w3d[data-sky=night] .w3d-stars{opacity:1}.w3d-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;image-rendering:pixelated;cursor:grab;outline:none;touch-action:none}.w3d.hq .w3d-canvas{image-rendering:auto}.w3d.hq .w3d-stars{display:none}.w3d-canvas:active{cursor:grabbing}.w3d-canvas.hot{cursor:var(--cur-hand),pointer}.w3d[data-mode=play] .w3d-canvas{cursor:crosshair}.w3d-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.w3d-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:5px 8px 4px;border:0;background:#080618c7;box-shadow:0 0 0 2px #000;color:#fff;font:12px/1.25 var(--body);text-align:left;white-space:nowrap;pointer-events:auto;cursor:pointer;will-change:transform}.w3d-label[hidden]{display:none}.w3d-label:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:6px;margin-left:-4px;background:#080618c7;-webkit-clip-path:polygon(0 0,100% 0,100% 2px,6px 2px,6px 4px,2px 4px,2px 2px,0 2px);clip-path:polygon(0 0,100% 0,100% 2px,6px 2px,6px 4px,2px 4px,2px 2px,0 2px)}.w3d-label:hover,.w3d-label.is-hover{z-index:2;background:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.w3d-label:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.w3d-row{display:flex;align-items:center;gap:6px}.w3d-name{max-width:220px;overflow:hidden;text-overflow:ellipsis}.w3d-mini{color:var(--dim);font-size:12px}.w3d-labels.compact .w3d-label:not(.is-hover):not(.hub) .w3d-mini{display:none}.w3d-ban{font:8px/1.4 var(--hud);letter-spacing:1px;color:var(--bad)}.w3d-ban:empty{display:none}.w3d-label[data-kind=hurry] .w3d-ban,.w3d-label[data-kind=timeup] .w3d-ban{color:var(--gold)}.w3d-label[data-mode=dead] .w3d-name{color:#b9b5dd}.w3d-label.hub{background:#c9531c;box-shadow:0 0 0 2px #2a0e04,inset 0 2px #f59a66;cursor:default}.w3d-label.hub:after{background:#c9531c}.w3d-label.hub b{color:var(--gold)}.w3d-label.hub .w3d-mini{color:#ffe4c8}.w3d-say{position:absolute;left:0;top:0;z-index:3;padding:4px 8px 3px;background:#fff;color:#14112b;font:12px/1.35 var(--body);white-space:nowrap;box-shadow:0 0 0 2px #000,3px 3px 0 2px #0000004d;pointer-events:none;animation:say-in .2s steps(2)}.w3d-say[hidden]{display:none}.w3d-hud{position:absolute;left:12px;right:12px;top:12px;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.w3d-hud>*{pointer-events:auto}.w3d-title{display:flex;flex-direction:column;gap:5px;max-width:min(620px,62%);padding:7px 10px 6px;background:#0000009e;box-shadow:0 0 0 2px #000}.w3d-title b{color:var(--gold)}.w3d-help{font:12px/1.45 var(--body);color:#fff}.w3d-btns{display:flex;gap:6px;align-items:center}.w3d-btns .icon-btn{background:#0000009e}.w3d-play{background:#e0284c;color:#fff}.w3d-play:hover{background:#ff4f63}.w3d-play .icon{margin-right:6px}.w3d[data-mode=play] .w3d-play{background:#000}.w3d-nogl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#0009;color:#fff;font:12px/1.6 var(--body);text-align:center}.w3d-pad{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;padding:16px 18px;pointer-events:none}.w3d-pad[hidden]{display:none}.w3d-stick{position:relative;width:124px;height:124px;border-radius:50%;background:#00000052;box-shadow:inset 0 0 0 3px #ffffff8c;pointer-events:auto;touch-action:none}.w3d-stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffe0;box-shadow:0 0 0 3px #000}.w3d-keys{display:flex;align-items:flex-end;gap:14px;pointer-events:auto}.w3d-key{width:68px;height:68px;border:0;border-radius:50%;background:#e0284c;color:#fff;font:16px/1 var(--hud);box-shadow:0 0 0 3px #000,inset -4px -5px #0000004d;touch-action:none}.w3d-key.b{width:56px;height:56px;margin-bottom:44px;background:#3c7cf0}.w3d-key:active{transform:translateY(2px);box-shadow:0 0 0 3px #000,inset 3px 3px #0000004d}.px-btn.view-3d .txt{margin-left:5px;font:8px/1 var(--hud)}@media(max-width:760px){.w3d{height:68vh;min-height:380px}.w3d-title{max-width:58%}.w3d-help{display:none}.w3d[data-mode=play] .w3d-help{display:block}.w3d-label{padding:4px 6px 3px}.w3d-mini{display:none}.w3d-play .txt{display:inline}}.hero3d{position:relative;border-bottom:6px solid #000;background:#0c1236}.w3d.hero{height:clamp(420px,76vh,940px);box-shadow:none;touch-action:pan-y}.w3d.hero[data-mode=orbit] .w3d-canvas{touch-action:pan-y}.w3d.hero[data-mode=play],.w3d.hero[data-mode=play] .w3d-canvas{touch-action:none}.w3d-sub{font:12px/1.45 var(--body);color:#ffe6b8}.w3d-sub[hidden]{display:none}.w3d-hud,.w3d-down{transition:opacity .7s ease}.w3d.intro .w3d-hud,.w3d.intro .w3d-down{opacity:0;pointer-events:none}.w3d-down{position:absolute;left:50%;bottom:14px;z-index:4;display:grid;place-items:center;width:46px;height:36px;margin-left:-23px;padding:0;border:0;background:#0000008c;box-shadow:0 0 0 2px #000;cursor:pointer;animation:w3d-bob 1.6s steps(4) infinite}.w3d-down:hover{background:#000}.w3d[data-mode=play] .w3d-down{display:none}@keyframes w3d-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.w3d-hint{position:absolute;left:50%;bottom:62px;z-index:5;max-width:calc(100% - 32px);padding:6px 12px 5px;background:#000c;box-shadow:0 0 0 2px #000;color:#fff;font:12px/1.4 var(--body);text-align:center;opacity:0;transform:translate(-50%);pointer-events:none}.w3d-hint.show{animation:w3d-hint 2.6s ease forwards}@keyframes w3d-hint{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}@media(max-width:760px){.w3d.hero{height:clamp(380px,66vh,640px)}}