:root{--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace;--yellow:#f3ba2f;--yellow-bright:#fcd535;--yellow-deep:#c99400;--black:#0b0b0e;--black-ink:#16161a;--ink:var(--black);--panel:var(--black-ink);--panel-2:#222228;--panel-hi:#4a3c14;--line-dim:#7a6120;--line:var(--yellow);--text:#f6f1e3;--text-dim:#aaa496;--accent:var(--yellow);--accent-ink:#4d3800;--coin:#f4a81d;--good:#4ade80;--bad:#f43f5e;--info:#ffe49a;--token:var(--yellow);--token-2:var(--yellow-deep);--token-grad:linear-gradient(90deg, var(--yellow-deep), var(--yellow-bright) 50%, var(--yellow-deep));--glass:#0b0b0edb;--scrim:#0b0b0e99;--well:#0b0b0e8c;--well-strong:#0b0b0ee6;--r-common:#cbd5e1;--r-uncommon:#4ade80;--r-rare:#38bdf8;--r-epic:#c084fc;--r-legendary:var(--yellow);--px:4px;--gap:12px}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;font-size:20px;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;display:block;position:fixed;inset:0}#overlay,#ui{pointer-events:none;position:fixed;inset:0}#overlay{z-index:10}#ui{z-index:20}img.px,canvas.px,.px-img{image-rendering:pixelated;image-rendering:crisp-edges}.px-panel{background:var(--panel);color:var(--text);pointer-events:auto;box-shadow:0 calc(var(--px) * -1) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(var(--px) * -1) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink), inset 0 var(--px) 0 0 var(--panel-hi), inset 0 calc(var(--px) * -1) 0 0 #00000059, 0 calc(var(--px) * 2) 0 0 #00000059;margin:var(--px);padding:16px;position:relative}.px-title{font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;color:var(--accent);text-shadow:2px 2px 0 var(--ink);margin:0 0 12px;font-size:14px;line-height:1.5}.px-num{font-family:var(--font-pixel);text-shadow:2px 2px 0 var(--ink);font-size:12px}.px-btn{font-family:var(--font-pixel);text-transform:uppercase;color:var(--ink);background:var(--accent);cursor:pointer;pointer-events:auto;margin:var(--px);box-shadow:0 calc(var(--px) * -1) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(var(--px) * -1) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink), inset 0 calc(var(--px) * -1) 0 0 #0000004d, inset 0 var(--px) 0 0 #ffffff73;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 14px 10px;font-size:11px;line-height:1;transition:transform 60ms steps(2,end);display:inline-flex;position:relative}.px-btn:hover{filter:brightness(1.1)}.px-btn:active{box-shadow:0 calc(var(--px) * -1) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(var(--px) * -1) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink), inset 0 var(--px) 0 0 #0000004d;transform:translateY(2px)}.px-btn:disabled,.px-btn.disabled{filter:grayscale(.9)brightness(.7);cursor:not-allowed}.px-btn:focus-visible{outline:2px dashed var(--line);outline-offset:6px}.px-btn.secondary{background:var(--black);color:var(--yellow);box-shadow:0 calc(var(--px) * -1) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(var(--px) * -1) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink), inset 0 0 0 2px var(--line), inset 0 calc(var(--px) * -1) 0 0 #0000004d}.px-btn.secondary:active{box-shadow:0 calc(var(--px) * -1) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(var(--px) * -1) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink), inset 0 0 0 2px var(--yellow-deep)}.px-btn.good{background:var(--good)}.px-btn.bad{background:var(--bad);color:var(--text)}.px-btn.token{background:var(--token-grad);color:var(--ink)}.px-btn.icon{padding:8px}.px-btn img{width:20px;height:20px;image-rendering:pixelated}.px-chip{font-family:var(--font-pixel);color:var(--ink);background:var(--r-common);box-shadow:0 0 0 2px var(--ink);text-transform:uppercase;padding:4px 6px 3px;font-size:8px;display:inline-block}.rarity-common{--rarity:var(--r-common)}.rarity-uncommon{--rarity:var(--r-uncommon)}.rarity-rare{--rarity:var(--r-rare)}.rarity-epic{--rarity:var(--r-epic)}.rarity-legendary{--rarity:var(--r-legendary)}.px-chip[class*=rarity-]{background:var(--rarity)}.px-bar{background:var(--ink);height:12px;box-shadow:0 0 0 2px var(--line-dim);padding:2px}.px-bar>i{background:var(--good);height:100%;display:block}.hidden{display:none!important}.px-scroll{scrollbar-width:thin;scrollbar-color:var(--yellow-deep) var(--ink);overflow-y:auto}.px-scroll::-webkit-scrollbar{width:10px}.px-scroll::-webkit-scrollbar-track{background:var(--ink)}.px-scroll::-webkit-scrollbar-thumb{background:var(--yellow-deep);box-shadow:inset 0 0 0 2px var(--ink)}.px-scroll::-webkit-scrollbar-thumb:hover{background:var(--yellow)}::selection{background:var(--yellow);color:var(--ink)}@keyframes px-blink{50%{opacity:0}}@keyframes px-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes px-float{50%{transform:translateY(-4px)}}@media (max-width:640px){html,body{font-size:18px}.px-title{font-size:12px}.px-btn{padding:10px 10px 8px;font-size:10px}}.cz-root{pointer-events:none;font-family:var(--font-body);color:var(--text);--rarity:var(--r-common);position:absolute;inset:0}.cz-hidden{display:none!important}.cz-ring{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.cz-hit{pointer-events:auto;cursor:crosshair;touch-action:none;will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.cz-plate{top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));align-items:center;gap:12px;min-width:260px;max-width:calc(100vw - 40px);padding:10px 16px 10px 18px;animation:.35s steps(5,end) both cz-slide-left;display:flex;position:absolute;overflow:hidden}.cz-plate:before{content:"";background:var(--rarity);width:6px;position:absolute;top:0;bottom:0;left:0}.cz-plate-sprite{background:var(--ink);width:64px;height:64px;box-shadow:0 0 0 2px var(--line-dim);flex:none;animation:1.4s steps(2,end) infinite px-float}.cz-plate-col{flex-direction:column;gap:8px;min-width:0;display:flex}.cz-plate-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cz-name{font-family:var(--font-pixel);text-transform:uppercase;text-shadow:2px 2px 0 var(--ink);white-space:nowrap;font-size:14px}.cz-shiny{font-family:var(--font-pixel);color:var(--accent);text-shadow:2px 2px 0 var(--ink);font-size:14px;animation:.9s steps(2,end) infinite cz-twinkle}.cz-lv{color:var(--text);font-size:10px}.cz-elem{background:var(--panel-hi);color:var(--text)}.cz-elem.el-leaf{color:var(--ink);background:#84cc16}.cz-elem.el-ember{color:var(--ink);background:#f97316}.cz-elem.el-tide{color:var(--ink);background:#38bdf8}.cz-elem.el-volt{color:var(--ink);background:#facc15}.cz-elem.el-stone{color:var(--ink);background:#a8a29e}.cz-elem.el-spirit{color:var(--ink);background:#f0abfc}.cz-elem.el-frost{color:var(--ink);background:#bae6fd}.cz-elem.el-shadow{color:var(--text);background:#6d28d9}.cz-verified{background:var(--token-grad);color:var(--ink)}.cz-bottom{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;width:min(780px,100vw - 24px);display:flex;position:absolute;transform:translate(-50%)}.cz-text{white-space:pre-wrap;cursor:pointer;min-height:86px;padding:14px 44px 14px 20px;font-size:28px;line-height:1.12;animation:.3s steps(4,end) both cz-slide-up;overflow:hidden}.cz-text[data-tone=bad] .cz-text-body{color:#ffb4c0}.cz-text[data-tone=good] .cz-text-body{color:var(--good)}.cz-text[data-tone=gold] .cz-text-body{color:var(--accent)}.cz-caret{color:var(--accent);font-size:16px;font-style:normal;animation:.8s step-end infinite px-blink;position:absolute;bottom:10px;right:16px}.cz-legendary .cz-text,.cz-legendary .cz-plate{box-shadow:0 -4px 0 0 var(--r-legendary), 0 4px 0 0 var(--r-legendary), -4px 0 0 0 var(--r-legendary), 4px 0 0 0 var(--r-legendary), 0 -8px 0 0 var(--ink), 0 8px 0 0 var(--ink), -8px 0 0 0 var(--ink), 8px 0 0 0 var(--ink), -4px -4px 0 0 var(--ink), 4px -4px 0 0 var(--ink), -4px 4px 0 0 var(--ink), 4px 4px 0 0 var(--ink), inset 0 4px 0 0 var(--yellow-bright), 0 12px 0 0 #00000059;margin:8px;animation:1.2s steps(3,end) infinite cz-gold-pulse}.cz-legendary .cz-text:after,.cz-legendary .cz-plate:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0 40%,#fcd53547 45% 50%,#0000 55% 100%) 0 0/300% 100%;animation:2.2s steps(22,end) infinite cz-sweep;position:absolute;inset:0}.cz-actions{pointer-events:auto;align-items:stretch;gap:8px;animation:.25s steps(4,end) both cz-slide-up;display:flex}.cz-actions .px-panel,.cz-actions .px-btn{margin:4px}.cz-orbs{flex-direction:column;flex:auto;gap:8px;min-width:0;padding:8px 12px 10px;display:flex}.cz-orbs-head{font-family:var(--font-pixel);text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;font-size:8px;display:flex}.cz-diff-dot{background:var(--good);width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);animation:1.2s step-end infinite px-blink}.cz-diff-label{text-shadow:1px 1px 0 var(--ink)}.cz-orb-list{gap:10px;display:flex}.cz-orb{background:var(--panel-2);width:58px;height:58px;color:var(--text);cursor:pointer;box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), inset 0 3px 0 0 var(--panel-hi);touch-action:manipulation;border:none;place-items:center;padding:0;transition:transform 60ms steps(2,end);display:grid;position:relative}.cz-orb:hover:not(:disabled){filter:brightness(1.2)}.cz-orb.cz-selected{background:var(--panel-hi);box-shadow:0 -3px 0 0 var(--accent), 0 3px 0 0 var(--accent), -3px 0 0 0 var(--accent), 3px 0 0 0 var(--accent), 0 -6px 0 0 var(--ink), 0 6px 0 0 var(--ink), -6px 0 0 0 var(--ink), 6px 0 0 0 var(--ink), inset 0 3px 0 0 #ffffff40;transform:translateY(-3px)}.cz-orb.cz-selected .cz-orb-icon{animation:.8s steps(2,end) infinite px-float}.cz-orb:disabled{cursor:not-allowed;filter:grayscale()brightness(.6)}.cz-orb-icon{pointer-events:none;width:32px;height:32px}.cz-orb-count{color:var(--text);font-size:8px;position:absolute;bottom:3px;right:3px}.cz-key{font-family:var(--font-pixel);color:var(--text-dim);font-size:7px;position:absolute;top:3px;left:4px}.cz-throw{touch-action:manipulation;flex-direction:column;flex:none;gap:8px;min-width:176px;padding:16px 26px 12px;font-size:20px;animation:1s steps(2,end) infinite cz-throw-pulse}.cz-run{touch-action:manipulation;flex-direction:column;flex:none;gap:8px;min-width:92px;font-size:13px}.cz-hint{opacity:.65;letter-spacing:1px;font-size:7px}.cz-busy .cz-throw{animation:none}.cz-busy .cz-orb{pointer-events:none}.cz-popup{font-family:var(--font-pixel);color:var(--text);white-space:nowrap;text-transform:uppercase;text-shadow:3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 3px 0 var(--ink), 0 -3px 0 var(--ink), 3px 3px 0 var(--ink), -3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink), 0 6px 0 #0006;pointer-events:none;font-size:22px;animation:1.2s steps(14,end) forwards cz-pop-float;position:absolute;transform:translate(-50%,-100%)}.cz-pop-excellent{color:var(--accent);font-size:30px}.cz-pop-great{color:var(--good);font-size:26px}.cz-pop-nice{color:var(--info)}.cz-banner{pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 50% 48%,#0b0b0e33,#0b0b0ebf);place-items:center;animation:.25s steps(4,end) both cz-fade;display:grid;position:absolute;inset:0;overflow:hidden}.cz-banner-rays{background:repeating-conic-gradient(from 0deg, var(--rarity) 0 9deg, transparent 9deg 22.5deg);opacity:.22;width:1100px;height:1100px;margin:-550px 0 0 -550px;animation:16s steps(160,end) infinite cz-spin;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0 18%,#0000 60%);mask-image:radial-gradient(circle,#000 0 18%,#0000 60%)}.cz-banner-card{text-align:center;flex-direction:column;align-items:center;gap:10px;min-width:min(340px,100vw - 40px);padding:22px 26px 18px;animation:.45s steps(6,end) both px-pop;display:flex;position:relative}.cz-banner-card:before{content:"";background:var(--rarity);height:6px;position:absolute;top:0;left:0;right:0}.cz-gotcha{font-family:var(--font-pixel);color:var(--accent);letter-spacing:2px;text-transform:uppercase;text-shadow:4px 0 0 var(--ink), -4px 0 0 var(--ink), 0 4px 0 var(--ink), 0 -4px 0 var(--ink), 4px 4px 0 var(--ink), -4px -4px 0 var(--ink), 4px -4px 0 var(--ink), -4px 4px 0 var(--ink), 0 8px 0 var(--accent-ink);margin:6px 0 4px;font-size:36px;animation:.6s steps(6,end) both cz-gotcha,1s steps(2,end) .6s infinite cz-gotcha-bob}.cz-banner-sprite-wrap{background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 45%, transparent) 0 35%, transparent 36%), var(--ink);width:140px;height:140px;box-shadow:0 0 0 4px var(--line-dim);place-items:center;display:grid}.cz-banner-sprite{width:128px;height:128px;animation:1.2s steps(2,end) infinite px-float}.cz-banner-name{font-family:var(--font-pixel);text-transform:uppercase;text-shadow:2px 2px 0 var(--ink);font-size:15px}.cz-banner-row{align-items:center;gap:10px;display:flex}.cz-banner-value{background:var(--ink);align-items:center;gap:8px;padding:8px 12px;display:flex}.cz-banner-value .px-num{color:var(--coin);font-size:18px}.cz-coin{width:24px;height:24px}.cz-value-label{color:var(--text-dim);font-size:20px}.cz-token-chip{font-size:8px}.cz-continue{font-family:var(--font-pixel);color:var(--text-dim);visibility:hidden;margin-top:4px;font-size:8px}.cz-banner.cz-ready .cz-continue{visibility:visible;animation:1s step-end infinite px-blink}@keyframes cz-slide-left{0%{transform:translate(-120%)}to{transform:none}}@keyframes cz-slide-up{0%{opacity:0;transform:translateY(140%)}to{opacity:1;transform:none}}@keyframes cz-fade{0%{opacity:0}to{opacity:1}}@keyframes cz-twinkle{50%{color:#fff}}@keyframes cz-throw-pulse{50%{filter:brightness(1.18)}}@keyframes cz-gold-pulse{50%{filter:brightness(1.15)saturate(1.2)}}@keyframes cz-sweep{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes cz-spin{to{transform:rotate(360deg)}}@keyframes cz-pop-float{0%{opacity:0;transform:translate(-50%,-60%)scale(.5)}15%{opacity:1;transform:translate(-50%,-100%)scale(1.25)}30%{transform:translate(-50%,-100%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}@keyframes cz-gotcha{0%{opacity:0;transform:scale(2.6)rotate(-8deg)}60%{opacity:1;transform:scale(.9)rotate(2deg)}to{transform:none}}@keyframes cz-gotcha-bob{50%{transform:translateY(-3px)}}@media (max-width:640px){.cz-plate{gap:8px;min-width:0;padding:8px 10px 8px 14px}.cz-plate-sprite{width:48px;height:48px}.cz-name{font-size:11px}.cz-text{min-height:70px;padding:10px 36px 10px 14px;font-size:23px}.cz-actions{flex-wrap:wrap;gap:4px}.cz-orbs{flex:100%}.cz-orb-list{justify-content:space-between}.cz-orb{width:60px;height:60px}.cz-throw{flex:auto;min-height:70px;font-size:20px}.cz-run{min-width:96px;min-height:70px}.cz-gotcha{font-size:26px}}@media (max-height:520px){.cz-text{min-height:56px;padding-top:8px;padding-bottom:8px;font-size:22px}.cz-plate-sprite{width:40px;height:40px}.cz-banner-sprite-wrap{width:100px;height:100px}.cz-banner-sprite{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){.cz-banner-rays,.cz-legendary .cz-text:after,.cz-legendary .cz-plate:after{animation:none}}@media (hover:none) and (pointer:coarse){.cz-hint,.cz-key{display:none}.cz-throw,.cz-run{gap:0}}.wg-ui{pointer-events:none;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--dither:repeating-conic-gradient(#00000038 0 25%, transparent 0 50%) 0 0 / 4px 4px;position:absolute;inset:0}:where(.wg-ui) button{font-family:var(--font-body);font-size:20px}.wg-ui .dim{color:var(--text-dim)}.wg-ui .warn{color:var(--accent)}.wg-ui .warn.token{color:var(--token)}.wg-ui p{margin:0 0 8px;line-height:1.05}.wg-ui .px-btn.small{padding:9px 10px 7px;font-size:9px}.wg-ui .px-btn.small img{width:16px;height:16px}.wg-ui .px-btn{transition:transform 60ms steps(2,end),filter 80ms steps(2,end)}.wg-ui .px-btn:hover:not(:disabled):not(.disabled){transform:translateY(-2px)}.wg-ui .px-btn:active:not(:disabled):not(.disabled){transform:translateY(2px)}.wg-ui .px-btn:focus-visible{outline:2px dashed var(--accent);outline-offset:6px}.wg-ui .px-btn.token:not(:disabled){background-size:200% 100%;animation:2.4s steps(12,end) infinite alternate token-slide}@keyframes token-slide{to{background-position:100% 0}}@keyframes ui-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes ui-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ui-dip{40%{transform:translateY(3px)}}@keyframes ui-flash{0%{filter:brightness(2.2)}to{filter:none}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-bob{50%{transform:translateY(-3px)}}@keyframes ui-spin-dots{to{background-position:24px 0}}.wg-ui .shake{animation:.28s steps(5,end) ui-shake}.wg-ui .flash{animation:.42s steps(6,end) ui-flash}.px-seg{background:var(--ink);box-shadow:0 0 0 2px var(--line-dim);pointer-events:auto;gap:3px;padding:3px;display:inline-flex}.px-seg-btn{font-family:var(--font-pixel);text-transform:uppercase;color:var(--text-dim);background:var(--panel);cursor:pointer;border:none;align-items:center;gap:4px;min-height:32px;padding:9px 10px 7px;font-size:9px;display:inline-flex}.px-seg-btn:hover{color:var(--text);background:var(--panel-2)}.px-seg-btn.active{background:var(--accent);color:var(--ink);box-shadow:inset 0 -3px #0000004d,inset 0 3px #fff6}.px-seg-btn img{width:16px;height:16px;image-rendering:pixelated}.ui-title{z-index:5;pointer-events:auto;padding:calc(20px + var(--safe-t)) 16px calc(12px + var(--safe-b));background:radial-gradient(70% 60% at 50% 42%,#0b0b0e00 0%,#0b0b0e66 60%,#0b0b0ed9 100%),linear-gradient(#f3ba2f24,#0b0b0e40 70%,#0b0b0ea6);justify-content:center;align-items:center;animation:.6s steps(8,end) ui-fade-in;display:flex;position:absolute;inset:0;overflow-y:auto}.ui-title.leaving{pointer-events:none;animation:.5s steps(8,end) forwards title-out}@keyframes title-out{to{opacity:0;transform:scale(1.04)}}.title-col{flex-direction:column;justify-content:space-between;align-self:flex-start;align-items:center;gap:24px;width:100%;max-width:720px;min-height:100%;margin:0 auto;display:flex;position:relative}.title-top,.title-bottom{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.title-logo{--d:.065em;font-family:var(--font-pixel);letter-spacing:.02em;white-space:nowrap;filter:drop-shadow(0 .18em #00000059);margin:0;font-size:clamp(36px,12.5vw,112px);line-height:1.1;animation:3.2s steps(8,end) infinite logo-float;display:flex}@keyframes logo-float{50%{transform:translateY(-6px)}}.logo-l{color:var(--yellow-deep);text-shadow:calc(var(--d) * -1) 0 0 var(--ink), var(--d) 0 0 var(--ink), 0 calc(var(--d) * -1) 0 var(--ink), calc(var(--d) * -1) calc(var(--d) * -1) 0 var(--ink), var(--d) calc(var(--d) * -1) 0 var(--ink), 0 var(--d) 0 var(--yellow-deep), 0 calc(var(--d) * 2) 0 #8f6a00, 0 calc(var(--d) * 3) 0 #4d3800, 0 calc(var(--d) * 4) 0 var(--ink), var(--d) calc(var(--d) * 4) 0 var(--ink), calc(var(--d) * -1) calc(var(--d) * 4) 0 var(--ink);animation:1.8s steps(4,end) infinite logo-bob;display:inline-block;position:relative}.logo-l:after{content:attr(data-t);color:#0000;text-shadow:none;background:linear-gradient(180deg, #fff3b0 0%, var(--yellow-bright) 30%, var(--yellow-bright) 48%, var(--yellow) 52%, var(--yellow) 78%, #e0a61f 100%);-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}@keyframes logo-bob{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.06em)}}.title-tagline{font-family:var(--font-pixel);color:var(--text);letter-spacing:.08em;text-shadow:2px 2px 0 var(--ink), 0 0 12px #f3ba2f73;text-align:center;text-wrap:balance;margin:6px 0 4px!important;font-size:clamp(10px,2.2vw,15px)!important;line-height:1.6!important}.title-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.wg-ui .title-play{background:linear-gradient(180deg, var(--yellow-bright), var(--accent) 50%, var(--yellow-deep));min-width:240px;padding:20px 46px 16px;font-size:clamp(16px,3vw,24px);animation:1.6s steps(4,end) infinite play-glow}@keyframes play-glow{50%{filter:brightness(1.12)drop-shadow(0 0 10px #f3ba2fb3)}}.wg-ui .title-wallet{padding:14px 16px 12px;font-size:10px}.wg-ui .title-wallet.connected{background:var(--token-grad);color:var(--ink)}.title-press{font-family:var(--font-pixel);color:var(--text);text-shadow:2px 2px 0 var(--ink);font-size:9px;animation:1.2s step-end infinite px-blink}@media (pointer:coarse){.title-press{display:none}}.wg-ui .title-howto{background:#16161aeb;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 18px;width:100%;margin:0 4px 4px;padding:14px 18px;list-style:none;display:grid}.title-howto li{align-items:center;gap:10px;font-size:21px;line-height:1;display:flex}.howto-n{font-family:var(--font-pixel);color:var(--ink);background:var(--accent);min-width:20px;height:20px;box-shadow:0 0 0 2px var(--ink);justify-content:center;align-items:center;font-size:9px;display:inline-flex}.title-token{background:var(--well-strong);box-shadow:0 0 0 2px var(--line-dim);color:var(--text-dim);text-align:left;align-items:center;gap:10px;padding:8px 14px;font-size:20px;display:flex}.title-token.live{color:var(--ink);background:var(--token-grad);box-shadow:0 0 0 2px var(--ink)}.title-foot{text-align:center;color:var(--text-dim);text-shadow:2px 2px 0 var(--ink);margin-top:-2px;font-size:18px;line-height:1.15}.title-sparkles{pointer-events:none;position:absolute;inset:0}.title-spark{opacity:.85;animation:1.6s steps(4,end) infinite spark-twinkle;position:absolute}@keyframes spark-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.ui-hud{z-index:1;pointer-events:none;position:absolute;inset:0}.wg-ui[data-mode=title] .ui-hud{display:none}.ui-hud>*{transition:opacity .2s steps(4,end),visibility}.wg-ui[data-mode=encounter] .hud-tr,.wg-ui[data-mode=encounter] .hud-br,.wg-ui[data-mode=encounter] .hud-hint,.wg-ui.menu-open .hud-tr,.wg-ui.menu-open .hud-br,.wg-ui.menu-open .hud-hint{opacity:0;visibility:hidden;transition:opacity .15s steps(3,end),visibility 0s .15s}.wg-ui .hud-tl{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));background:var(--glass);pointer-events:none;flex-direction:column;gap:6px;min-width:150px;padding:10px 14px 8px;display:flex;position:absolute}.hud-row{align-items:center;gap:8px;display:flex}.hud-coins .px-num{color:var(--coin);font-size:16px}.hud-coins.bump .hud-coin-ico{animation:.3s steps(3,end) ui-bump}.hud-coins.bump .px-num{animation:.3s steps(3,end) ui-flash}.hud-coins.dip{animation:.2s steps(2,end) ui-dip}.hud-coin-ico{animation:1.6s steps(2,end) infinite ui-bob}.hud-tokens .px-num{color:var(--token);font-size:10px}.hud-dex .px-num{color:var(--text-dim);font-size:10px}.hud-floats{pointer-events:none;position:absolute;top:4px;left:44px}.coin-float{white-space:nowrap;font-family:var(--font-pixel);color:var(--good);text-shadow:2px 2px 0 var(--ink);font-size:11px;animation:1s steps(10,end) forwards coin-rise;position:absolute;top:0;left:0}.coin-float.neg{color:var(--bad);animation-name:coin-fall}@keyframes coin-rise{0%{opacity:1;transform:translate(70px)}to{opacity:0;transform:translate(70px,-26px)}}@keyframes coin-fall{0%{opacity:1;transform:translate(70px)}to{opacity:0;transform:translate(70px,22px)}}.hud-tr{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}.hud-menu{gap:4px;display:flex}.wg-ui .hud-btn{background:var(--glass);width:56px;height:56px;padding:0;position:relative}.wg-ui .hud-btn img{width:28px;height:28px}.wg-ui .hud-btn:hover:not(:disabled){background:var(--panel-2)}.wg-ui .hud-btn.active{background:var(--accent)}.hud-key{font-family:var(--font-pixel);color:var(--text-dim);background:var(--ink);padding:2px 2px 1px;font-size:6px;position:absolute;bottom:3px;right:3px}.hud-btn.active .hud-key{color:var(--accent)}.hud-badge{min-width:20px;height:18px;font-family:var(--font-pixel);color:var(--text);background:var(--bad);box-shadow:0 0 0 2px var(--ink);justify-content:center;align-items:center;padding:0 3px;font-size:7px;display:inline-flex;position:absolute;top:-8px;right:-8px}.hud-badge.bump{animation:.3s steps(3,end) ui-bump}.hud-wallet-wrap{position:relative}.wg-ui .hud-wallet{background:var(--glass);height:40px;color:var(--text);padding:8px 12px 6px;font-size:9px}.wg-ui .hud-wallet.connected{background:var(--panel-2)}.wallet-dot{background:var(--text-dim);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);display:inline-block}.wallet-dot.live{background:var(--token);box-shadow:0 0 0 2px var(--ink), 0 0 8px var(--token);animation:2s step-end infinite px-blink}.wg-ui .wallet-pop{z-index:3;background:var(--panel);width:260px;animation:.18s steps(4,end) px-pop;position:absolute;top:calc(100% + 10px);right:0}.wp-head{align-items:center;gap:8px;display:flex}.wp-head .px-title{margin:0}.wp-addr{color:var(--text);margin:10px 0 6px;font-size:11px}.wp-status{color:var(--text-dim);margin-bottom:8px;font-size:18px;line-height:1}.wp-status.live{color:var(--token)}.wp-actions{flex-wrap:wrap;gap:4px;display:flex}.wg-ui .hud-br{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));background:var(--glass);padding:8px 10px 10px;position:absolute}.orb-label{font-family:var(--font-pixel);color:var(--text-dim);text-transform:uppercase;margin-bottom:12px;font-size:7px}.orb-row{gap:6px;display:flex}.orb-slot{cursor:pointer;background:var(--ink);width:52px;height:56px;box-shadow:inset 0 0 0 2px var(--line-dim);color:var(--text);border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0 2px;display:flex;position:relative}.orb-slot:hover{background:var(--panel-2)}.orb-slot img{width:28px;height:28px}.orb-count{font-size:8px!important}.orb-slot.empty img{filter:grayscale()brightness(.6)}.orb-slot.empty .orb-count{color:var(--text-dim)}.orb-slot.selected{background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 2px var(--ink)}.orb-slot.selected img{animation:.8s steps(2,end) infinite ui-bob}.orb-slot.selected:after{content:"";border:5px solid #0000;border-top-color:var(--accent);margin-left:-5px;animation:.8s steps(2,end) infinite ui-bob;position:absolute;top:-9px;left:50%}.wg-ui .hud-hint{left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));background:var(--glass);pointer-events:none;flex-direction:column;gap:2px;max-width:300px;padding:10px 14px;font-size:19px;line-height:1;display:flex;position:absolute}.hud-hint span:before{content:"▸ ";color:var(--accent)}.hud-hint.faded{opacity:0;visibility:hidden;transition:opacity 1.2s steps(8,end),visibility 0s 1.2s}.wg-ui .hud-hint.coarse{bottom:auto;left:50%;top:calc(84px + var(--safe-t));flex-flow:wrap;justify-content:center;gap:2px 12px;max-width:min(92vw,420px);font-size:18px;transform:translate(-50%)}.ui-toasts{top:calc(12px + var(--safe-t));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,100vw - 32px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.wg-ui.menu-open .ui-toasts{top:calc(max(16px + var(--safe-t), (100% - 720px) / 2) + 10px);width:clamp(240px,100vw - 440px,460px)}.wg-ui.menu-open .ui-toast{pointer-events:none;padding:6px 12px;font-size:19px}.ui-toast{--toast-accent:var(--info);pointer-events:auto;cursor:pointer;background:var(--panel);max-width:100%;color:var(--text);box-shadow:0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), inset 6px 0 0 0 var(--toast-accent), inset 0 4px 0 0 var(--panel-hi), 0 8px 0 0 #0000004d;align-items:center;gap:10px;padding:8px 14px 8px 12px;font-size:21px;line-height:1;animation:.24s steps(4,end) toast-in;display:flex}.ui-toast.out{animation:.24s steps(4,end) forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-16px)}}.toast-ico{flex:none;width:24px;height:24px}.toast-catch .toast-ico{width:40px;height:40px;margin:-6px 0}.toast-text{overflow-wrap:anywhere}.toast-good{--toast-accent:var(--good)}.toast-bad{--toast-accent:var(--bad)}.toast-info{--toast-accent:var(--info)}.toast-rare{--toast-accent:var(--accent);color:var(--ink);background:linear-gradient(110deg, var(--yellow-deep) 0%, var(--yellow) 35%, #fff3b0 45%, var(--yellow) 55%, var(--yellow-deep) 100%) 0 0 / 300% 100%;text-shadow:1px 1px #fff6;animation:.24s steps(4,end) toast-in,1.8s steps(12,end) infinite toast-shimmer}.toast-rare.out{animation:.24s steps(4,end) forwards toast-out}@keyframes toast-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.toast-token{--toast-accent:var(--yellow);color:var(--yellow);background:var(--ink)}.toast-rare .toast-text,.toast-token .toast-text{font-weight:700}.ui-modal-layer{z-index:10;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-backdrop{background:#0b0b0e99;position:absolute;inset:0}.ui-backdrop:after{content:"";background:var(--dither);position:absolute;inset:0}.wg-ui .px-window{background:var(--panel);flex-direction:column;width:min(980px,100%);height:min(720px,100%);padding:0;display:flex;position:relative;overflow:hidden}.px-window.enter{animation:.22s steps(4,end) win-in}@keyframes win-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:none}}.win-head{background:repeating-linear-gradient(90deg, #f3ba2f0d 0 4px, transparent 4px 8px), linear-gradient(180deg, #2a2a31, var(--panel));box-shadow:inset 0 -4px 0 var(--ink), inset 0 -6px 0 var(--yellow-deep);align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.win-head-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.win-title-ico img{display:block}.win-title{margin:0!important;font-size:16px!important}.win-coins{background:var(--ink);box-shadow:0 0 0 2px var(--line-dim);align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.win-coins .px-num{color:var(--coin)}.wg-ui .win-close{width:44px;height:44px;padding:0}.win-tabs{background:var(--ink);gap:4px;padding:8px 12px 0;display:flex}.win-tab{font-family:var(--font-pixel);text-transform:uppercase;cursor:pointer;min-height:40px;color:var(--text-dim);background:var(--panel-2);border:none;align-items:center;gap:8px;padding:8px 14px 6px;font-size:9px;transition:transform 60ms steps(2,end);display:flex;transform:translateY(2px);box-shadow:inset 0 4px #ffffff0f}.win-tab img{width:20px;height:20px;image-rendering:pixelated}.win-tab:hover{color:var(--text);transform:translateY(0)}.win-tab.active{background:var(--panel);color:var(--accent);box-shadow:inset 0 4px 0 var(--accent);transform:translateY(0)}.win-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.win-view{flex:1;min-height:0;padding:14px 16px 16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;padding:6px;display:grid}.ui-empty{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;display:flex}.ui-empty img{animation:1.4s steps(2,end) infinite ui-bob}.ui-empty-inline{color:var(--text-dim);text-align:center;grid-column:1/-1;padding:24px}.menu-bag:not(.hidden){flex-direction:column;gap:10px;display:flex}.bag-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bag-filters{flex-wrap:wrap;gap:6px;display:flex}.bag-filter{--rarity:var(--text);font-family:var(--font-pixel);text-transform:uppercase;cursor:pointer;min-height:32px;color:var(--rarity);background:var(--ink);box-shadow:inset 0 0 0 2px var(--line-dim);border:none;align-items:center;gap:6px;padding:7px 8px 5px;font-size:8px;display:inline-flex}.bag-filter:hover{background:var(--panel-2)}.bag-filter.active{background:var(--rarity);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.f-count{opacity:.75}.bag-tools-right{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.f-short{display:none}.bag-tool .tool-ico{width:16px;height:16px;display:none}.tool-label{font-family:var(--font-pixel);color:var(--text-dim);text-transform:uppercase;margin-right:2px;font-size:8px}.bag-scroll{flex:1;min-height:0;margin:0 -6px;padding:0 2px}.wg-ui .bag-more{margin:8px auto;display:flex}.cc-card{--rarity:var(--r-common);cursor:pointer;color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 18%, var(--panel-2)), var(--panel) 70%);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), inset 0 0 0 2px color-mix(in srgb, var(--rarity) 55%, transparent), inset 0 -4px 0 0 #0000004d;content-visibility:auto;contain-intrinsic-size:124px 150px;border:none;flex-direction:column;align-items:center;gap:4px;margin:3px;padding:8px 6px 10px;transition:transform 60ms steps(2,end);display:flex;position:relative}.cc-card:hover{transform:translateY(-3px)}.cc-card:active{transform:translateY(1px)}.cc-card.selected{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 30%, var(--panel-2)), var(--panel-2));box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), inset 0 0 0 3px var(--accent)}.cc-art{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.cc-art .creature{width:64px;height:64px}.cc-card:hover .cc-art .creature{animation:.6s steps(2,end) infinite ui-bob}.cc-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;line-height:1;overflow:hidden}.cc-meta{align-items:center;gap:6px;display:flex}.cc-lv{color:var(--text-dim);font-size:8px!important}.cc-meta .px-chip{padding:3px 4px 2px;font-size:6px}.cc-shiny{color:var(--accent);text-shadow:2px 2px 0 var(--ink);font-size:22px;animation:1.4s steps(4,end) infinite spark-twinkle;position:absolute;top:-2px;right:-6px}.cc-card.shiny .cc-art:before{content:"";background:radial-gradient(circle,#ffe68073,#0000 70%);position:absolute;inset:6px}.cc-card.rarity-legendary{animation:1.6s steps(4,end) infinite legend-glow}@keyframes legend-glow{50%{filter:drop-shadow(0 0 6px #f3ba2fbf)}}.cc-verified{font-family:var(--font-pixel);color:var(--ink);background:var(--token-grad);box-shadow:0 0 0 2px var(--ink);margin-top:2px;padding:3px 4px 2px;font-size:6px}.cc-verified.other{color:var(--token);background:var(--ink);box-shadow:0 0 0 2px var(--yellow-deep)}.cc-check{background:var(--accent);width:22px;height:22px;box-shadow:0 0 0 2px var(--ink);justify-content:center;align-items:center;display:none;position:absolute;top:4px;left:4px}.cc-card.selected .cc-check{animation:.16s steps(3,end) px-pop;display:flex}.wg-ui .bag-actions{background:var(--panel-2);grid-template-columns:auto auto 1fr;align-items:center;gap:8px 14px;padding:10px 12px;display:grid}.bag-actions-left{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.bag-selinfo{font-family:var(--font-pixel);color:var(--text);padding-left:4px;font-size:9px;line-height:1.35}.wg-ui .bag-commons{line-height:1.25}.bag-actions-coins .px-btn .px-num{text-shadow:none;font-size:11px}.bag-actions-token{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.bag-actions-token .px-btn .px-num{text-shadow:none;font-size:10px}.bag-token-sub{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:260px;display:flex}.bag-token-note{color:var(--text-dim);font-size:17px;line-height:1}.bag-token-soon{color:var(--text-dim);background:var(--ink);box-shadow:inset 0 0 0 2px var(--line-dim);justify-self:end;align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:17px;line-height:1;display:inline-flex}.bag-token-soon img{filter:grayscale(.6);width:16px;height:16px}.wg-ui .px-btn.loading{filter:none;background:repeating-linear-gradient(90deg, #0003 0 6px, transparent 6px 12px) 0 0 / 24px 100%, var(--token-grad);cursor:progress;animation:.4s steps(4,end) infinite ui-spin-dots}.menu-shop{overflow-y:auto}.shop-tabs{margin:0 4px 12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.wg-ui .shop-card{background:var(--panel-2);flex-direction:column;gap:8px;padding:14px;display:flex}.shop-card.maxed{background:linear-gradient(180deg, #f3ba2f2e, var(--panel-2))}.shop-card.equipped{box-shadow:0 -4px 0 0 var(--accent), 0 4px 0 0 var(--accent), -4px 0 0 0 var(--accent), 4px 0 0 0 var(--accent), inset 0 4px 0 0 var(--panel-hi)}.shop-card-head{align-items:center;gap:12px;display:flex}.shop-ico{background:var(--ink);width:56px;height:56px;box-shadow:inset 0 0 0 2px var(--line-dim);flex:none;justify-content:center;align-items:center;display:flex}.shop-card:hover .shop-ico img{animation:.6s steps(2,end) infinite ui-bob}.shop-card-titles{flex-direction:column;gap:4px;min-width:0;display:flex}.shop-card-titles .px-title{margin:0;font-size:11px}.shop-lv{color:var(--text-dim);font-size:9px!important}.shop-desc{color:var(--text);font-size:20px;margin:0!important}.shop-effect{color:var(--good);align-items:center;gap:6px;font-size:19px;display:flex}.shop-pips{flex-wrap:wrap;gap:3px;display:flex}.pip{background:var(--ink);width:14px;height:10px;box-shadow:inset 0 0 0 2px var(--line-dim)}.pip.on{background:var(--good);box-shadow:inset 0 -3px 0 #0000004d, 0 0 0 1px var(--ink)}.shop-card.maxed .pip.on{background:var(--accent)}.wg-ui .shop-buy{align-self:stretch;margin-top:auto}.wg-ui .shop-buy img{width:16px;height:16px}.shop-buy .px-num{text-shadow:none;font-size:11px}.shop-owned{color:var(--text-dim);font-size:19px}.shop-owned .px-num{color:var(--text);font-size:10px}.shop-price{align-items:center;gap:6px;font-size:19px;display:flex}.shop-price .px-num{color:var(--coin)}.shop-buys{flex-wrap:wrap;gap:2px;margin-top:auto;display:flex}.shop-buys .px-btn{flex:1}.shop-note{color:var(--text-dim);align-items:center;gap:10px;margin:0 6px 12px;font-size:19px;display:flex}.orb-ico.orb-prism{background:radial-gradient(circle, #f3ba2f66, var(--ink) 70%)}.menu-dex:not(.hidden){flex-direction:column;gap:10px;display:flex}.wg-ui .dex-progress{background:var(--panel-2);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.dex-progress-top{align-items:center;gap:10px;display:flex}.dex-progress-top .px-title{flex:1;margin:0}.dex-pct{color:var(--good);font-size:14px!important}.dex-bar>i{background:linear-gradient(90deg, var(--good), var(--accent));transition:width .4s steps(8,end)}.dex-counts{color:var(--text-dim);font-size:18px}.dex-layout{flex:1;grid-template-columns:1fr 300px;gap:12px;min-height:0;display:grid}.dex-grid-wrap{min-height:0}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:4px;display:grid}.dex-entry{--rarity:var(--r-common);cursor:pointer;color:var(--text);background:var(--ink);box-shadow:inset 0 0 0 2px var(--line-dim);border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;transition:transform 60ms steps(2,end);display:flex;position:relative}.dex-entry:hover{background:var(--panel-2);transform:translateY(-2px)}.dex-entry.active{box-shadow:inset 0 0 0 3px var(--accent);background:var(--panel-2)}.dex-entry.st-caught{box-shadow:inset 0 0 0 2px var(--rarity)}.dex-entry.st-caught.active{box-shadow:inset 0 0 0 3px var(--accent)}.dex-no{color:var(--text-dim);align-self:flex-start;font-size:7px!important}.dex-art{justify-content:center;align-items:center;width:64px;height:64px;display:flex}.dex-img{width:56px;height:56px}.dex-entry.st-unseen .dex-img{opacity:.55}.dex-entry.st-seen .dex-img{filter:grayscale(.4)brightness(.85)}.dex-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;line-height:1;overflow:hidden}.dex-entry.st-unseen .dex-name{color:var(--text-dim)}.wg-ui .dex-detail{--rarity:var(--r-common);text-align:center;background:var(--panel-2);flex-direction:column;align-items:center;gap:8px;min-height:0;display:flex;overflow-y:auto}.dex-detail.pop{animation:.2s steps(4,end) px-pop}.dex-detail .px-title{margin:0;font-size:13px}.dex-big{background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 30%, transparent), transparent 70%), var(--ink);width:148px;height:148px;box-shadow:inset 0 0 0 2px var(--line-dim);justify-content:center;align-items:center;display:flex}.dex-big-img{width:128px;height:128px;animation:1.4s steps(2,end) infinite ui-bob}.dex-detail.st-unseen .dex-big-img{opacity:.6;animation:none}.dex-detail.st-seen .dex-big-img{filter:grayscale(.4)}.dex-tags{gap:8px;display:flex}.el-chip{color:var(--ink)}.dex-desc{font-size:20px;line-height:1.05}.dex-stats{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.dex-stats>div{background:var(--ink);flex-direction:column;gap:4px;padding:8px;display:flex}.dex-diff{flex-direction:column;gap:6px;width:100%;display:flex}.dex-diff-top{justify-content:space-between;align-items:center;display:flex}.dex-diff-top .px-num{font-size:8px}.diff-bar>i{background:var(--diff-color,var(--bad))}.menu-settings:not(.hidden){grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:8px;display:grid;overflow-y:auto}.wg-ui .set-section{background:var(--panel-2);flex-direction:column;gap:10px;display:flex}.set-section .px-title{margin:0 0 2px;font-size:11px}.set-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.set-label{align-items:center;gap:8px;font-size:21px;display:flex}.set-ctl{align-items:center;gap:10px;display:flex}.set-hint{font-size:17px}.sw-state{color:var(--text-dim);font-size:9px!important}.px-switch{cursor:pointer;background:var(--ink);width:60px;height:30px;box-shadow:inset 0 0 0 2px var(--line-dim);border:none;padding:0;position:relative}.sw-knob{background:var(--text-dim);width:20px;height:20px;transition:left .1s steps(3,end);position:absolute;top:5px;left:5px;box-shadow:inset 0 -3px #0000004d}.px-switch.on{background:color-mix(in srgb, var(--good) 35%, var(--ink));box-shadow:inset 0 0 0 2px var(--good)}.px-switch.on .sw-knob{background:var(--good);left:35px}.stats-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat{background:var(--ink);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px;display:grid}.stat img{grid-row:1/3}.stat-label{color:var(--text-dim);font-size:17px;line-height:1}.stat .px-num{font-size:10px}.stat-tokensEarned .px-num{color:var(--token)}.stat-coinsEarned .px-num{color:var(--coin)}.set-controls{flex-direction:column;gap:6px;margin:0;padding:0;font-size:20px;list-style:none;display:flex}.set-controls li{align-items:center;gap:10px;display:flex}.set-controls kbd{font-family:var(--font-pixel);min-width:110px;color:var(--text);background:var(--ink);box-shadow:inset 0 -3px 0 var(--panel-hi), 0 0 0 2px var(--line-dim);padding:6px 6px 4px;font-size:8px}.ui-dialog-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.ui-dialog-wrap{pointer-events:auto;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.ui-dialog-wrap.leaving{animation:.16s steps(3,end) forwards toast-out}.ui-dialog-backdrop{background:#0b0b0ea6;position:absolute;inset:0}.ui-dialog-backdrop:after{content:"";background:var(--dither);position:absolute;inset:0}.wg-ui .ui-dialog{width:min(420px,100%);max-height:100%;padding:18px;animation:.2s steps(4,end) px-pop;position:relative;overflow-y:auto}.ui-dialog-token{background:linear-gradient(180deg, #f3ba2f47, var(--panel) 55%)}.ui-dialog-danger{background:linear-gradient(180deg, #f43f5e40, var(--panel) 55%)}.ui-dialog-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.ui-dialog-head .px-title{margin:0}.ui-dialog-body{font-size:21px;line-height:1.05}.ui-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:14px;display:flex}.dlg-amount{background:var(--ink);box-shadow:inset 0 0 0 2px var(--line-dim);justify-content:center;align-items:center;gap:12px;margin:10px 0 12px;padding:12px;display:flex}.dlg-amount .px-num{color:var(--coin);font-size:18px}.dlg-amount.token .px-num{color:var(--token)}.dlg-amount img{animation:1s steps(2,end) infinite ui-bob}.wg-ui .dlg-link{width:-moz-fit-content;width:fit-content;margin:8px auto 0;text-decoration:none;display:flex}@media (pointer:coarse){.hud-key{display:none}}@media (max-width:760px){.dex-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:start}.wg-ui .dex-detail{text-align:left;order:-1;grid-template-columns:72px minmax(0,1fr);grid-auto-rows:auto;align-content:start;align-items:center;gap:4px 12px;max-height:min(34vh,220px);padding:10px 12px;display:grid}.dex-detail>*{grid-column:1/-1}.dex-detail>.dex-big,.dex-detail>img{grid-area:span 2/1}.dex-detail>.px-title,.dex-detail>.dex-tags,.dex-detail>.dex-big+.px-title+.dim{grid-column:2}.dex-detail>img+.dim{grid-area:span 2/2}.dex-detail>.px-title{align-self:end}.dex-detail>.dex-tags{align-self:start}.dex-big{width:72px;height:72px}.dex-big-img{width:64px;height:64px}.dex-detail .dex-no{display:none}.dex-desc{margin:4px 0 0;font-size:18px}.dex-stats>div{flex-direction:row;justify-content:space-between;align-items:center;padding:6px 8px}.wg-ui .bag-actions{grid-template-columns:1fr 1fr}.bag-actions-token{grid-column:1/-1;justify-content:flex-start}.bag-token-soon{grid-column:1/-1;justify-self:start}}@media (max-width:640px){.ui-modal-layer{padding:0}.wg-ui .px-window{width:100%;height:100%;box-shadow:none;margin:0}.win-head{padding:calc(6px + var(--safe-t)) 6px 6px 12px}.win-title{font-size:12px!important}.win-tabs{padding:6px 6px 0;overflow-x:auto}.win-tab{flex:1;justify-content:center;min-height:44px;padding:8px 6px 6px}.win-tab-label{display:none}.win-view{padding:10px 10px calc(10px + var(--safe-b))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.cc-art{width:60px;height:60px}.cc-art .creature{width:56px;height:56px}.cc-name{font-size:18px}.bag-toolbar{flex-flow:column;align-items:stretch}.bag-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.bag-filter{white-space:nowrap;justify-content:center;min-height:40px;padding:7px 4px 5px}.bag-tools-right{flex-wrap:nowrap;min-width:0}.bag-tools-right .tool-label{display:none}.bag-sort{flex:1;min-width:0}.bag-sort .px-seg-btn{flex:1;justify-content:center}.wg-ui .bag-tool{flex:none;justify-content:center;width:44px;height:40px;padding:0}.bag-tool .tool-txt{display:none}.bag-tool .tool-ico{display:block}.bag-tools-right{gap:6px}.wg-ui .bag-actions{grid-template-columns:1fr;gap:6px;padding:8px}.bag-actions-left{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.bag-token-soon{justify-self:center}.bag-actions-coins .px-btn,.bag-actions-token .px-btn{width:calc(100% - 8px)}.bag-actions-token{flex-direction:column;align-items:stretch}.bag-token-sub{max-width:none}.shop-grid,.menu-settings:not(.hidden){grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.wg-ui .hud-tl{min-width:0;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));padding:8px 10px 6px}.hud-coins .px-num{font-size:13px}.hud-tr{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));flex-direction:row;align-items:flex-start;gap:2px}.hud-menu{gap:2px}.wg-ui .hud-btn{width:44px;height:44px}.wg-ui .hud-btn img{width:24px;height:24px}.wg-ui .hud-wallet{justify-content:center;width:44px;height:44px;padding:0;position:relative}.hud-wallet-label{display:none}.hud-wallet .wallet-dot{position:absolute;bottom:5px;right:5px}.wg-ui .hud-br{right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));padding:6px}.orb-row{gap:4px}.orb-slot{width:44px;height:50px}.orb-slot img{width:24px;height:24px}.ui-toasts{top:calc(116px + var(--safe-t))}.wg-ui[data-mode=encounter] .ui-toasts{top:calc(176px + var(--safe-t))}.wg-ui.menu-open .ui-toasts{top:auto;bottom:calc(16px + var(--safe-b));width:calc(100vw - 32px)}.wg-ui .hud-hint,.wg-ui .hud-hint.coarse{top:auto;left:auto;right:calc(8px + var(--safe-r));bottom:calc(96px + var(--safe-b));flex-direction:column;align-items:flex-start;max-width:230px;padding:8px 10px;font-size:17px;transform:none}.wg-ui .wallet-pop{width:min(260px,100vw - 24px)}.title-howto li{font-size:19px}.wg-ui .title-play{min-width:200px;padding:18px 32px 14px}}@media (max-width:360px){.f-label{display:none}.f-short{display:inline}.wg-ui .hud-btn,.wg-ui .hud-wallet{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.wg-ui *,.wg-ui :before,.wg-ui :after{animation-duration:1ms!important;animation-iteration-count:1!important}}.wg-ui[data-mode=encounter] .hud-tl{left:auto;right:calc(12px + var(--safe-r))}@media (max-width:640px){.wg-ui[data-mode=encounter] .hud-tl{opacity:0;visibility:hidden}}.logo-gap{width:.45em}.px-input{font-family:var(--font-body);color:var(--text);background:var(--ink);box-shadow:0 0 0 2px var(--line-dim), inset 0 2px 0 #00000080;pointer-events:auto;-webkit-user-select:text;user-select:text;border:none;outline:none;min-width:0;padding:6px 10px 4px;font-size:20px}.px-input:focus{box-shadow:0 0 0 2px var(--accent), inset 0 2px 0 #00000080}.wg-ui .title-howto{text-shadow:2px 2px 0 var(--ink);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:20px;display:flex}.howto-step{align-items:center;gap:6px;display:inline-flex}.title-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;width:100%;display:grid}.wg-ui .title-panel{background:#16161af0;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.title-panel .px-title{margin:0;font-size:12px}.earn-badge{font-family:var(--font-pixel);color:var(--text-dim);background:var(--ink);box-shadow:0 0 0 2px var(--line-dim);align-self:flex-start;padding:4px 8px 3px;font-size:8px;line-height:1.5}.earn-badge.earn-live{color:var(--ink);background:var(--token-grad);box-shadow:0 0 0 2px var(--ink), 0 0 10px #f3ba2f99;animation:1.6s steps(4,end) infinite play-glow}.earn-badge.earn-recording{color:var(--accent)}.earn-table{flex-direction:column;gap:2px;display:flex}.earn-row{background:var(--well);grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:2px 6px;display:grid}.earn-row .px-chip{justify-self:start}.earn-sprite{width:32px;height:32px}.earn-amt{color:var(--rarity,var(--text));font-size:10px}.earn-hold{color:var(--token);margin:0;font-size:19px;line-height:1.1}.earn-choice{color:var(--text-dim);margin:0;font-size:18px;line-height:1.1}.earn-choice b{color:var(--yellow);font-weight:400}.title-name-row{align-items:center;gap:10px;display:flex}.title-name-row .px-input{flex:1}.room-list{flex-direction:column;gap:4px;max-height:190px;display:flex;overflow-y:auto}.room-row{background:var(--well);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:0 0 0 8px;display:grid}.room-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.room-count{color:var(--text-dim);font-size:9px}.room-empty{color:var(--text-dim);background:var(--well);padding:6px 8px;font-size:19px}.room-foot{justify-content:flex-end;display:flex}.title-links,.set-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.set-links{justify-content:flex-start}.ca-box{background:var(--well-strong);max-width:100%;box-shadow:0 0 0 2px var(--yellow-deep);pointer-events:auto;cursor:help;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0 0 0 10px;display:inline-flex}.ca-label{font-family:var(--font-pixel);color:var(--accent);font-size:9px}.ca-addr{font-family:var(--font-pixel);color:var(--text);font-size:10px}@media (max-width:400px){.ca-box .ca-scan{display:none}}.wg-ui a.px-btn{text-decoration:none}.wg-ui .x-btn{text-transform:none;text-decoration:none}.x-logo{display:block}.hud-online{color:var(--text-dim);gap:8px;max-width:180px;font-size:18px}.online-dot{background:var(--text-dim);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);flex:none}.online-dot.live{background:var(--good);box-shadow:0 0 0 2px var(--ink), 0 0 8px var(--good)}.online-room{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-count{color:var(--text);font-size:9px}.hud-chat{left:calc(12px + var(--safe-l));bottom:calc(132px + var(--safe-b));pointer-events:none;flex-direction:column;gap:4px;width:min(360px,100vw - 24px);display:flex;position:absolute}.chat-log{flex-direction:column;gap:2px;display:flex}.chat-line{max-width:100%;text-shadow:1px 1px 0 var(--ink);overflow-wrap:anywhere;background:#0b0b0eb3;align-self:flex-start;padding:2px 8px;font-size:19px;line-height:1.05;transition:opacity 1s steps(6,end)}.chat-line.old{opacity:0}.hud-chat.open .chat-line.old{opacity:.85}.chat-name{color:var(--accent);font-weight:400}.chat-line.self .chat-name{color:var(--text)}.chat-line.system{color:var(--text-dim)}.chat-line.feed{color:var(--text)}.feed-rarity{font-weight:400}.chat-input-row{pointer-events:auto;display:flex}.chat-input-row .px-input{flex:1}.chat-open{pointer-events:auto;align-self:flex-start;display:none}.hud-chat.offline .chat-open{display:none!important}@media (pointer:coarse){.hud-chat:not(.open) .chat-open{display:inline-flex}}.wg-ui[data-mode=encounter] .hud-chat,.wg-ui.menu-open .hud-chat{opacity:0;visibility:hidden}@media (pointer:coarse){.hud-chat{bottom:auto;top:calc(170px + var(--safe-t));left:calc(8px + var(--safe-l));width:min(300px,100vw - 16px)}.chat-line{font-size:17px}}@media (max-width:640px){.title-panels{grid-template-columns:1fr}.wg-ui .title-howto{font-size:18px}.hud-online{max-width:130px;font-size:16px}.hud-chat{bottom:auto;top:calc(170px + var(--safe-t));left:calc(8px + var(--safe-l));width:min(300px,100vw - 16px)}}.wallet-pick{flex-direction:column;gap:6px;margin:12px 0 10px;display:flex}.wg-ui .wallet-pick-btn{width:calc(100% - 2 * var(--px));text-align:left;justify-content:flex-start;align-items:center;gap:10px;padding:12px 14px 10px;text-decoration:none;display:flex}.wallet-pick-ico{object-fit:contain;flex:none;width:24px;height:24px}.wg-ui .wp-addr{text-decoration:none;display:block}.wg-ui .wp-addr[href]:hover{color:var(--accent);text-decoration:underline}.wp-status.warn{color:var(--bad)}.wg-ui .wp-chain,.wg-ui .wp-verify{width:calc(100% - 2 * var(--px));margin-bottom:8px}.wg-ui .hud-wallet.wrong-chain .wallet-dot{background:var(--bad)}