:root{--s: 4;--px: calc(var(--s) * 1px);--fs: 22px;--fs-big: 28px;color-scheme:dark;--c-panel: rgba(12, 10, 16, .82);--c-border: #6b5d48;--c-gold: #ffd36b;--rar-common: #cfcfcf;--rar-rare: #4f8cff;--rar-epic: #c08cff;--c-text: #ece6d6;--c-dim: #9a927f;--c-ok: #6ee07a;--c-bad: #ff6b6b;--c-blue: #6aa8ff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07070a;color:var(--c-text);font-family:Galmuri11,Galmuri9,monospace;font-size:var(--fs);line-height:1.25;overflow:hidden;user-select:none;-webkit-user-select:none}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media(max-width:600px){#app{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0}}#stage{position:relative;width:calc(480 * var(--px));height:calc(270 * var(--px));background:#000;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:absolute;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.hidden{display:none!important}.panel{background:var(--c-panel);border:var(--px) solid var(--c-border);box-shadow:inset 0 0 0 var(--px) #ffffff0d,0 calc(2 * var(--px)) 0 #00000080;padding:calc(3 * var(--px)) calc(5 * var(--px))}.btn{font:inherit;color:#f6ecd2;background:#2b2419;border:var(--px) solid #8a7a5a;border-bottom-width:calc(3 * var(--px));padding:calc(3 * var(--px)) calc(7 * var(--px));cursor:pointer;text-shadow:0 var(--px) 0 #000;transition:transform .06s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(calc(-1 * var(--px)));filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(calc(2 * var(--px)));border-bottom-width:var(--px)}.btn{position:relative}.btn:after{content:"";position:absolute;left:calc(-1 * var(--px));right:calc(-1 * var(--px));top:calc(-1 * var(--px));bottom:calc(-3 * var(--px))}.btn:hover:not(:disabled):after{bottom:calc(-4 * var(--px))}.btn:active:not(:disabled):after{top:calc(-4 * var(--px))}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:#7a2e1a;border-color:#ffb03a;color:#fff3d0}.btn.primary:hover:not(:disabled){background:#9a3a20}.btn.good{background:#1f4a2a;border-color:#6ee07a}.btn.small{padding:calc(1 * var(--px)) calc(4 * var(--px));border-bottom-width:calc(2 * var(--px));font-size:.85em}.gold{color:var(--c-gold)}.ok{color:var(--c-ok)}.bad{color:var(--c-bad)}.dim{color:var(--c-dim)}.blue{color:var(--c-blue)}.big{font-family:Galmuri14,Galmuri11,monospace;font-size:var(--fs-big)}.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(1.45)}to{transform:scale(1)}}.shakeX{animation:shakeX .3s}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(calc(-2 * var(--px)))}75%{transform:translate(calc(2 * var(--px)))}}.topbar{position:absolute;top:calc(3 * var(--px));left:calc(4 * var(--px));right:calc(4 * var(--px));display:flex;gap:calc(4 * var(--px));align-items:stretch}.topbar .stat{display:flex;align-items:center;gap:calc(3 * var(--px))}.topbar .spacer{flex:1}.heatbar{display:inline-flex;gap:var(--px)}.heatbar i{display:block;width:calc(4 * var(--px));height:calc(7 * var(--px));background:#3a2a22;border:var(--px) solid #5a4030}.heatbar i.on{background:#ff7a1a;border-color:#ffc06a;box-shadow:0 0 calc(3 * var(--px)) #ff7a1a}.infopanel{position:absolute;right:calc(6 * var(--px));top:calc(38 * var(--px));width:calc(150 * var(--px))}.infopanel .sname{font-size:1.05em;margin-bottom:calc(2 * var(--px))}.infopanel .row{display:flex;justify-content:space-between;gap:calc(3 * var(--px))}.infopanel .row b{font-weight:400}.infopanel .row>span:first-child{white-space:nowrap;flex-shrink:0}.infopanel .detail{font-size:.8em;color:var(--c-dim);text-align:right}.leftpanel{position:absolute;left:calc(6 * var(--px));top:calc(38 * var(--px));width:calc(120 * var(--px));display:flex;flex-direction:column;gap:calc(3 * var(--px))}.chips{display:flex;flex-wrap:wrap;gap:calc(2 * var(--px))}.chip{font-size:.8em;padding:calc(1 * var(--px)) calc(3 * var(--px));border:var(--px) solid #555;background:#1c1822;cursor:default}.chip.common{border-color:var(--rar-common);color:var(--rar-common)}.chip.rare{border-color:var(--rar-rare);color:var(--rar-rare)}.chip.epic{border-color:var(--rar-epic);color:var(--rar-epic)}.chip.item{border-color:#ffd36b;cursor:pointer}.chip.item:hover{background:#3a3020}.chip.empty{border-style:dashed;color:#555}.chip.keystone{box-shadow:0 0 calc(3 * var(--px)) var(--c-gold);border-color:var(--c-gold)!important}.card.keystone{box-shadow:0 0 calc(6 * var(--px)) #ffd36b99}.tip{position:absolute;z-index:5;max-width:calc(170 * var(--px));background:#0c0a12;border:var(--px) solid #c9a35a;padding:calc(3 * var(--px)) calc(5 * var(--px));font-size:.85em;pointer-events:none;box-shadow:0 calc(2 * var(--px)) 0 #0009}.tip .tip-title{color:var(--c-gold)}.tip .tip-title.common{color:var(--rar-common)}.tip .tip-title.rare{color:var(--rar-rare)}.tip .tip-title.epic{color:var(--rar-epic)}.btn.hot{background:#5a2a0a;border-color:#ff9a3a;color:#ffe0b0}.btn.shield{background:#16304a;border-color:#6aa8ff;color:#d8e8ff}.btn.shield.armed{background:#2a5a9a;border-color:#fff;box-shadow:0 0 calc(6 * var(--px)) #6aa8ff}.toast.crit{font-size:1.6em;color:#fff3b0;border-color:#ffd36b;background:#3c1e00d9;text-shadow:0 0 calc(6 * var(--px)) #ffb03a,calc(2 * var(--px)) calc(2 * var(--px)) 0 #000;animation:crit 1.4s forwards}@keyframes crit{0%{opacity:0;transform:scale(2.2) rotate(-6deg)}15%{opacity:1;transform:scale(1) rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(calc(-8 * var(--px)))}}.toast.final{font-size:1.2em;color:#fff;border-color:#fff;letter-spacing:calc(1 * var(--px))}.btn.await{background:#3a1a4a;border-color:#fff;color:#fff;animation:await .7s infinite alternate}@keyframes await{0%{filter:brightness(1)}to{filter:brightness(1.45);transform:translateY(calc(-1 * var(--px)))}}.stat.pulse{animation:pulseGold .6s 5 alternate}@keyframes pulseGold{0%{box-shadow:inset 0 0 0 var(--px) #ffd36b00}to{box-shadow:inset 0 0 0 var(--px) #ffd36b,0 0 calc(6 * var(--px)) #ffb03a}}.engrave{position:absolute;left:50%;bottom:calc(52 * var(--px));transform:translate(-50%);font-family:Galmuri14,Galmuri11,monospace;font-size:2.4em;letter-spacing:calc(3 * var(--px));color:#fff6d0;text-shadow:0 0 calc(10 * var(--px)) #ffb03a,calc(2 * var(--px)) calc(2 * var(--px)) 0 #3a1a00;white-space:nowrap;pointer-events:none}.label{font-size:.8em;color:var(--c-dim)}.log{position:absolute;left:calc(6 * var(--px));bottom:calc(44 * var(--px));width:calc(170 * var(--px));font-size:.8em;color:var(--c-dim);pointer-events:none}.log div:last-child{color:var(--c-text)}.bottombar{position:absolute;left:0;right:0;bottom:calc(6 * var(--px));display:flex;justify-content:center;gap:calc(6 * var(--px))}.bottombar .btn.primary{min-width:calc(140 * var(--px));font-size:1.05em}#toasts{position:absolute;top:calc(44 * var(--px));left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--px));pointer-events:none}.toast{background:#000000b3;border:var(--px) solid #8a7a5a;padding:calc(2 * var(--px)) calc(6 * var(--px));animation:toast 1.8s forwards;white-space:nowrap}@keyframes toast{0%{opacity:0;transform:translateY(calc(4 * var(--px))) scale(1.2)}12%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(calc(-6 * var(--px)))}}.toast.big{font-size:1.3em;border-color:var(--c-gold);color:var(--c-gold)}#modal{position:absolute;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:10}#modal>.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:12}.dialog{background:#141218;border:calc(2 * var(--px)) solid #c9a35a;box-shadow:0 0 0 var(--px) #000,0 calc(4 * var(--px)) 0 #0009;padding:calc(8 * var(--px)) calc(10 * var(--px));min-width:calc(260 * var(--px));max-width:calc(450 * var(--px));max-height:calc(256 * var(--px));overflow:auto}.dialog h2{margin:0 0 calc(4 * var(--px));font-weight:400;font-size:1.2em;color:var(--c-gold)}.dialog h1{margin:0;font-weight:400;font-size:2em;color:var(--c-gold);letter-spacing:calc(1 * var(--px))}.dialog p{margin:calc(2 * var(--px)) 0}.dialog .actions{display:flex;gap:calc(4 * var(--px));flex-wrap:wrap;margin-top:calc(6 * var(--px))}.dialog .actions.end{justify-content:flex-end}.dialog table{border-collapse:collapse;width:100%}.dialog td{padding:calc(1 * var(--px)) calc(3 * var(--px))}.dialog td:last-child{text-align:right}.cards{display:flex;gap:calc(8 * var(--px));justify-content:center}.card{width:calc(125 * var(--px));background:#1e1a24;border:calc(2 * var(--px)) solid var(--rar, #888);padding:calc(5 * var(--px));cursor:pointer;transition:transform .08s;display:flex;flex-direction:column;gap:calc(2 * var(--px))}.card:hover{transform:translateY(calc(-3 * var(--px))) rotate(-1.2deg);box-shadow:0 calc(4 * var(--px)) 0 #00000080}.card .rar{font-size:.8em;color:var(--rar)}.card .cat{font-size:.75em;color:var(--c-dim)}.card.common{--rar: var(--rar-common)}.card.rare{--rar: var(--rar-rare)}.card.epic{--rar: var(--rar-epic)}.card .name.common{color:var(--rar-common)}.card .name.rare{color:var(--rar-rare)}.card .name.epic{color:var(--rar-epic)}.shoprow{display:flex;justify-content:space-between;align-items:center;gap:calc(6 * var(--px));padding:calc(2 * var(--px)) 0;border-bottom:var(--px) solid #2a2530}.shoprow .desc{font-size:.8em;color:var(--c-dim)}.kv{display:grid;grid-template-columns:auto auto;gap:calc(1 * var(--px)) calc(10 * var(--px))}.kv span:nth-child(2n){text-align:right}.title-art{font-family:Galmuri14,Galmuri11,monospace;font-size:2.2em;color:var(--c-gold);text-shadow:calc(2 * var(--px)) calc(2 * var(--px)) 0 #5a2a10,0 0 calc(8 * var(--px)) #ff7a1a;margin-bottom:calc(2 * var(--px))}.sub{color:var(--c-dim)}.menu{display:flex;flex-direction:column;gap:calc(4 * var(--px));margin-top:calc(6 * var(--px))}.menu .btn{text-align:left}.menu .btn small{color:var(--c-dim);font-size:.8em;margin-left:calc(4 * var(--px))}.toggle{display:flex;justify-content:space-between;align-items:center;gap:calc(10 * var(--px));padding:calc(2 * var(--px)) 0}.board{display:flex;flex-direction:column;gap:calc(1 * var(--px));margin:calc(4 * var(--px)) 0;max-height:calc(120 * var(--px));overflow-y:auto}.boardrow{display:grid;grid-template-columns:calc(14 * var(--px)) 1fr auto auto;gap:calc(6 * var(--px));align-items:baseline;padding:calc(1 * var(--px)) calc(2 * var(--px))}.boardrow.me{background:#ffb03a1f;outline:1px solid rgba(255,176,58,.4)}.boardrow .rank{color:var(--c-dim);text-align:right}.boardrow .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.boardrow .score{font-variant-numeric:tabular-nums}.nick-input{font:inherit;background:#0a0a10;color:inherit;border:1px solid var(--c-dim);padding:calc(1 * var(--px)) calc(3 * var(--px));width:calc(90 * var(--px))}.icon{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;flex:none}.chip{display:inline-flex;align-items:center;gap:calc(1.5 * var(--px))}.card .card-icon{display:block;margin:calc(1 * var(--px)) auto calc(2 * var(--px))}.shoprow .icon{margin-right:calc(1.5 * var(--px))}.tip .tip-title .icon{margin-right:calc(1.5 * var(--px));vertical-align:-.35em}.shoprow .chip .icon{margin-right:0}.card .card-icon{box-sizing:content-box;padding:calc(2 * var(--px));background:#0c0a10;box-shadow:inset 0 0 0 var(--px) #ffffff0f}.icon.ai{image-rendering:auto}.chip.icon-only{padding:calc(1 * var(--px))}.chip.empty.icon-only{min-width:48px;min-height:48px;justify-content:center;box-sizing:border-box}.card{width:calc(110 * var(--px));align-items:center;text-align:center}.card .name{font-size:1.15em;font-weight:700}.card .sub{font-size:.85em}.card .card-icon{margin:calc(3 * var(--px)) auto calc(2 * var(--px));padding:calc(3 * var(--px))}.card.diff{width:calc(150 * var(--px));align-items:stretch;text-align:left}.card.diff .bullets{margin:calc(2 * var(--px)) 0;padding-left:1.2em;font-size:.9em;line-height:1.6}.card.diff .cta{margin-top:auto;text-align:center;color:var(--c-gold);padding-top:calc(3 * var(--px))}.card.diff:focus-visible{outline:calc(1 * var(--px)) solid var(--c-gold)}.dialog.wide{max-width:calc(472 * var(--px))}.dialog.wall{max-height:calc(264 * var(--px));padding-top:calc(4 * var(--px));padding-bottom:calc(4 * var(--px));overflow:hidden}.dialog.wall h2{margin-bottom:0;display:flex;align-items:baseline;gap:calc(3 * var(--px))}.dialog.wall h2 .sub{display:inline-flex;align-items:center;gap:calc(1 * var(--px))}.dialog.wall h2 .wdev{font-size:.6em;margin-left:auto}.dialog.wall .actions{margin-top:calc(1 * var(--px));align-items:center;justify-content:space-between}.wclip{position:relative;margin:0 auto;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#17131c,#0f0d14 55%,#0a0910);border:var(--px) solid #2a2533;cursor:grab;user-select:none}.wclip.dragging{cursor:grabbing}.wmap{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.wmap .wsvg,.wmap .wsvg svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wmap svg{shape-rendering:crispEdges;overflow:visible}.wmap .l-under{stroke:#07060a;stroke-width:3;fill:none;stroke-linecap:round}.wmap .l-far{stroke:#332e3d;stroke-width:1;fill:none}.wmap .l-next{stroke:#8d8fa6;stroke-width:1.5;fill:none}.wmap .l-lit{stroke:#f6f1e6;stroke-width:2;fill:none}.wmap .l-glow{stroke:#f6f1e638;stroke-width:5;fill:none}.wmap .thub-glow{position:absolute;left:50%;top:50%;width:calc(42 * var(--px));height:calc(42 * var(--px));transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 calc(9 * var(--px)) #ff7a2a4d;pointer-events:none}.wmap .thub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;line-height:1}.wmap .tess{display:flex;align-items:center;gap:calc(2 * var(--px));text-shadow:0 0 calc(3 * var(--px)) rgba(255,150,60,.6);white-space:nowrap}.wmap .tsep{width:calc(12 * var(--px));height:var(--px);background:#8a4a1a;margin:calc(1.5 * var(--px)) 0 calc(1 * var(--px))}.wmap .tprog{font-size:.62em;color:#d8c8a8;white-space:nowrap}.wmap .pn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box;background:#0b0a0f;border:calc(1.5 * var(--px)) solid #4a4656;transition:transform .08s}.wmap .pn .icon{position:relative;flex:none;filter:grayscale(1) brightness(.55);opacity:.6}.wmap .pn.owned{background:radial-gradient(circle at 50% 42%,#2a2430,#15121a 70%);border-color:#f6f1e6;box-shadow:0 0 0 var(--px) #f6f1e62e,0 0 calc(4 * var(--px)) #f6f1e647}.wmap .pn.owned .icon{filter:none;opacity:1}.wmap .pn.available:not(.poor){cursor:pointer}.wmap .pn.key{border-width:calc(2 * var(--px))}.wmap .pn.key .ring{position:absolute;left:calc(-3 * var(--px));top:calc(-3 * var(--px));right:calc(-3 * var(--px));bottom:calc(-3 * var(--px));border-radius:50%;border:var(--px) solid #4a4656}.wmap .pn.key.owned .ring{border-color:#f6f1e699}.wmap .pn:hover{transform:translateY(calc(-1 * var(--px)));filter:brightness(1.3);z-index:2}.wmap .pn.pre-ok{box-shadow:0 0 0 calc(1.5 * var(--px)) #7be38a,0 0 calc(4 * var(--px)) #7be38a99!important;z-index:2}.wmap .pn.pre-miss{box-shadow:0 0 0 calc(1.5 * var(--px)) #ff7b7b,0 0 calc(4 * var(--px)) #ff7b7b99!important;z-index:2}.wlegend{margin-left:auto;display:inline-flex;align-items:center;gap:calc(4 * var(--px));font-size:.6em;color:#b8b0c8}.wlegend .li{display:inline-flex;align-items:center;gap:calc(1.5 * var(--px))}.wlegend .sw{width:calc(6 * var(--px));height:calc(6 * var(--px));border-radius:50%;box-sizing:border-box;border:var(--px) solid #4a4656;background:#0b0a0f}.wlegend .sw.owned{border-color:#f6f1e6;background:#2a2430;box-shadow:0 0 calc(2 * var(--px)) #f6f1e666}.wzoom{margin-left:auto;margin-right:calc(4 * var(--px));font-size:.75em}.tip .tpre{margin-top:calc(1 * var(--px))}.wchips{display:flex;align-items:center;gap:calc(2 * var(--px));flex-wrap:wrap}.wchips-label{font-size:.75em;margin-right:calc(1 * var(--px))}.wchip{display:inline-flex;align-items:center;gap:calc(3 * var(--px));padding:calc(1 * var(--px)) calc(3 * var(--px));border:var(--px) solid #3a3447;background:#0f0d14;font-size:.8em;white-space:nowrap}.wchip .utag{display:inline-flex;align-items:center;gap:calc(1 * var(--px));font-size:.9em}.wchip.owned{border-color:#2f9a4a}.wchip.available{border-color:var(--c-gold);cursor:pointer}.wchip.available:hover{background:#1c1826;transform:translateY(calc(-1 * var(--px)))}.wchip.available.poor{border-color:#6a5a30;cursor:default}.wchip.available.poor:hover{background:#0f0d14;transform:none}.tip .icon{vertical-align:-.3em}.kv .gold .icon{vertical-align:-.25em}#modal:has(.lobby){justify-content:flex-start;align-items:stretch;background:linear-gradient(90deg,#08060cf0,#08060cdb 32%,#08060c00 60%)}.lobby{display:flex;flex-direction:column;justify-content:center;gap:calc(5 * var(--px));padding:calc(14 * var(--px)) calc(20 * var(--px));width:calc(176 * var(--px));box-sizing:border-box}.lobby-title{font-family:Galmuri14,Galmuri11,monospace;font-size:calc(22 * var(--px));color:var(--c-gold);line-height:1;letter-spacing:calc(1 * var(--px));text-shadow:calc(1 * var(--px)) calc(1 * var(--px)) 0 #000,calc(2 * var(--px)) calc(2 * var(--px)) 0 #4a2a10,calc(3 * var(--px)) calc(3 * var(--px)) 0 #000}.lobby-sub{color:var(--c-dim);font-size:.85em;margin-top:calc(-2 * var(--px));letter-spacing:calc(.5 * var(--px))}.lobby-menu{display:flex;flex-direction:column;gap:calc(3 * var(--px));margin-top:calc(6 * var(--px))}.lobby-btn{display:flex;align-items:center;justify-content:space-between;gap:calc(4 * var(--px));font:inherit;font-size:1.15em;color:var(--c-text);background:#141218d9;border:var(--px) solid #3e3550;border-left:calc(3 * var(--px)) solid #3e3550;padding:calc(3 * var(--px)) calc(6 * var(--px));text-align:left;cursor:pointer;transition:transform .08s ease-out}.lobby-btn:hover,.lobby-btn:focus-visible{border-color:var(--c-gold);color:#fff3d0;outline:none;transform:translate(calc(2 * var(--px)));background:#281e18e6}.lobby-btn.primary{border-left-color:var(--c-gold);color:var(--c-gold)}.lobby-btn .lb-tag{font-size:.7em;color:var(--c-dim)}.lobby-btn .lb-dot{color:var(--c-gold);font-size:.6em;margin-left:calc(3 * var(--px));vertical-align:middle;animation:dotPulse .9s infinite alternate}@keyframes dotPulse{0%{opacity:.35}to{opacity:1}}.lobby-ver{position:absolute;left:calc(6 * var(--px));bottom:calc(4 * var(--px));font-size:.7em;opacity:.6}.card.diff.locked{opacity:.45;cursor:default}.card.diff.locked:hover{transform:none;box-shadow:none}.tabs{display:flex;gap:calc(2 * var(--px));margin-bottom:calc(4 * var(--px))}.btn.tab{background:#141218;border-bottom-width:var(--px);color:var(--c-dim)}.btn.tab.on{color:var(--c-gold);border-color:var(--c-gold);background:#241c14}.recbody{min-height:calc(150 * var(--px))}.dialog.records{width:calc(472 * var(--px));max-width:100%;box-sizing:border-box;height:calc(256 * var(--px));display:flex;flex-direction:column;overflow:hidden}.dialog.records h2,.dialog.records .tabs,.dialog.records .actions{flex:none}.dialog.confirm .confirm-item{display:flex;align-items:center;gap:calc(3 * var(--px));font-size:1.1em}.dialog.confirm .confirm-item .common{color:var(--rar-common)}.dialog.confirm .confirm-item .rare{color:var(--rar-rare)}.dialog.confirm .confirm-item .epic{color:var(--rar-epic)}.dialog.confirm .confirm-body>div+div{margin-top:calc(2 * var(--px))}.dialog.confirm .confirm-cost{display:inline-flex;align-items:center;gap:calc(1 * var(--px))}.dialog.settings{width:calc(320 * var(--px));max-width:100%}.dialog.settings .sel{display:inline-flex;align-items:center;gap:calc(2 * var(--px))}.dialog.settings .sel .val{min-width:calc(36 * var(--px));text-align:center}.dialog.settings .btn.arrow{padding:calc(1 * var(--px)) calc(2 * var(--px))}.dialog.settings .sel.slide .val{min-width:calc(14 * var(--px))}.dialog.settings .bar{-webkit-appearance:none;appearance:none;width:calc(70 * var(--px));height:calc(4 * var(--px));margin:0;background:linear-gradient(90deg,var(--c-gold) 0 var(--fill, 50%),#2a2533 var(--fill, 50%) 100%);border:var(--px) solid #0a0810;box-shadow:0 0 0 var(--px) #4a4152;outline:none;cursor:pointer}.dialog.settings .bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(5 * var(--px));height:calc(9 * var(--px));background:#fff3d0;border:var(--px) solid #0a0810;box-shadow:calc(1 * var(--px)) calc(1 * var(--px)) 0 #4a2a10}.dialog.settings .bar::-moz-range-thumb{width:calc(5 * var(--px));height:calc(9 * var(--px));background:#fff3d0;border:var(--px) solid #0a0810;border-radius:0}.dialog.settings .toggle.apply{justify-content:flex-end;gap:calc(4 * var(--px))}.dialog.settings .setbody{min-height:calc(76 * var(--px))}.dialog.settings .stepper{display:inline-flex;align-items:center;gap:calc(2 * var(--px))}.dialog.settings .stepper .val{min-width:calc(14 * var(--px));text-align:center}.dialog.records .recbody{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:calc(2 * var(--px))}.dexgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:calc(2 * var(--px))}.dexcell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:calc(52 * var(--px));background:#0c0a10;border:var(--px) solid #3a3447;padding-bottom:calc(1 * var(--px))}.dexcell img{height:calc(38 * var(--px));image-rendering:pixelated}.dexcell.train{border-color:#8d8fa6}.dexcell.trial{border-color:#4f8cff}.dexcell.legend{border-color:#c9502e}.dexcell.myth{border-color:#f6f1e6}.dexcell.unknown{border-color:#2a2433}.dexcell .dexlv{font-size:.7em;color:var(--c-dim)}.dexcell:not(.unknown) .dexlv{color:var(--c-text)}.dexcell .dexstar{position:absolute;top:calc(1 * var(--px));right:calc(2 * var(--px));font-size:.65em;color:var(--c-gold)}.dexcell.cracked:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 46%,rgba(255,75,75,.7) 47%,rgba(255,75,75,.7) 50%,transparent 51%);pointer-events:none}.notelist{display:grid;grid-template-columns:1fr 1fr;gap:calc(1.5 * var(--px)) calc(3 * var(--px));max-height:calc(150 * var(--px));overflow-y:auto;margin-top:calc(3 * var(--px))}.noterow,.achrow{display:flex;align-items:center;gap:calc(2 * var(--px));padding:calc(1 * var(--px)) calc(2 * var(--px));border:var(--px) solid #3a3447;background:#0f0d14}.noterow .utext,.achrow .utext{display:flex;flex-direction:column;min-width:0;flex:1}.noterow .uname,.achrow .uname{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noterow .ureq,.achrow .ureq{font-size:.7em;color:var(--c-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noterow.common .uname{color:var(--rar-common)}.noterow.rare .uname{color:var(--rar-rare)}.noterow.epic .uname{color:var(--rar-epic)}.noterow.unknown{opacity:.35;border-style:dashed}.partners{display:inline-flex;gap:calc(1 * var(--px));flex:none}.achgrid{display:grid;grid-template-columns:1fr 1fr;gap:calc(1.5 * var(--px)) calc(3 * var(--px));margin-bottom:calc(3 * var(--px))}.achrow .seal{width:calc(9 * var(--px));text-align:center;color:#4a4458;font-size:1.1em;flex:none}.achrow.done{border-color:#6a5a30}.achrow.done .seal{color:#ff6b6b;text-shadow:0 0 calc(2 * var(--px)) #b7303a}.achrow .utag{font-size:.75em;flex:none}.lucktable,.recentlist{display:flex;flex-direction:column;gap:calc(.5 * var(--px))}.luckrow{display:grid;grid-template-columns:calc(28 * var(--px)) calc(40 * var(--px)) 1fr 1fr calc(30 * var(--px));gap:calc(3 * var(--px));font-size:.9em}.recentlist{max-height:calc(70 * var(--px));overflow-y:auto}.recentrow{display:grid;grid-template-columns:calc(20 * var(--px)) calc(20 * var(--px)) calc(22 * var(--px)) calc(16 * var(--px)) 1fr calc(18 * var(--px));gap:calc(3 * var(--px));align-items:center;padding:calc(.5 * var(--px)) calc(2 * var(--px));cursor:pointer;font-size:.9em}.recentrow:hover,.recentrow:focus-visible{background:#1c1826;outline:none}.pick-wrap{display:contents}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(8 * var(--px))}.dialog-head .btn.mini{flex:none;padding:calc(1 * var(--px)) calc(5 * var(--px));font-size:.85em}.pick-pill{display:none}#modal.minimized{background:transparent;pointer-events:none}#modal.minimized .dialog{display:none}#modal.minimized .pick-pill{display:flex;flex-direction:column;align-items:center;gap:calc(1 * var(--px));pointer-events:auto;cursor:pointer;position:absolute;left:50%;bottom:calc(22 * var(--px));transform:translate(-50%);background:#141218;border:calc(2 * var(--px)) solid #c9a35a;box-shadow:0 0 0 var(--px) #000,0 calc(3 * var(--px)) 0 #0009;padding:calc(3 * var(--px)) calc(10 * var(--px));animation:pickPill 1.4s ease-in-out infinite}#modal.minimized .pick-pill:hover{background:#241e14}@keyframes pickPill{0%,to{box-shadow:0 0 0 var(--px) #000,0 0 #ffd36b00}50%{box-shadow:0 0 0 var(--px) #000,0 0 calc(6 * var(--px)) #ffd36bb3}}.tip.mtip{z-index:30}.tip .good{color:#7be38a}.tip .bad{color:#ff7b7b}.tip .gold{color:var(--c-gold)}.dexcell.shiny{box-shadow:inset 0 0 0 var(--px) #7ff0e0}.dexcell .dexshiny{position:absolute;left:calc(2 * var(--px));top:calc(1 * var(--px));color:#7ff0e0;font-size:.8em}.wk{--ink: #2b2233;--ink-dim: #6b5a48;--parch: #e9d8ae;--parch-2: #d9c48f;--parch-hi: #fff4d2;--wood: #5a3820;--wood-hi: #8a5a35;--wood-lo: #3a2212;--cork: #4e3222}.wk,.wk *{box-sizing:border-box}.wk .prop{display:block;image-rendering:pixelated;flex:none}.wk .wk-dim{color:var(--ink-dim)}.wkb{width:calc(444 * var(--px));height:calc(250 * var(--px));background:var(--wood);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 var(--wood-hi),inset calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--wood-lo),0 calc(3 * var(--px)) 0 #0009;padding:calc(5 * var(--px))}.wkb-cork{position:relative;height:100%;border:var(--px) solid var(--ink);background-color:var(--cork);background-size:calc(8 * var(--px)) calc(8 * var(--px));image-rendering:pixelated;padding:calc(5 * var(--px)) calc(6 * var(--px)) calc(6 * var(--px));display:grid;grid-template-columns:calc(150 * var(--px)) 1fr;grid-template-rows:auto 1fr auto;gap:calc(5 * var(--px)) calc(6 * var(--px))}.wkb-plaque{grid-column:1 / -1;justify-self:center;position:relative;font-family:Galmuri14,Galmuri11,monospace;font-size:var(--fs-big);line-height:1;color:var(--c-gold);text-shadow:calc(1 * var(--px)) calc(1 * var(--px)) 0 var(--ink);background:#7a5a28;border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 #c9a35a,inset calc(-1 * var(--px)) calc(-1 * var(--px)) 0 #4a3414;padding:calc(2 * var(--px)) calc(10 * var(--px)) calc(2.5 * var(--px));letter-spacing:calc(.5 * var(--px))}.wkb-plaque:before,.wkb-plaque:after{content:"";position:absolute;top:calc(3 * var(--px));width:calc(2 * var(--px));height:calc(2 * var(--px));background:#fff3b8;box-shadow:var(--px) var(--px) 0 var(--ink)}.wkb-plaque:before{left:calc(3 * var(--px))}.wkb-plaque:after{right:calc(3 * var(--px))}.wk-sheet{position:relative;background:var(--parch);color:var(--ink);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 var(--parch-hi),inset calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--parch-2),calc(1 * var(--px)) calc(2 * var(--px)) 0 #0000008c;padding:calc(6 * var(--px)) calc(6 * var(--px)) calc(5 * var(--px));display:flex;flex-direction:column;min-height:0}.wk .wk-pin{position:absolute;top:calc(-3 * var(--px));z-index:2}.wk .wk-pin.c{left:50%;margin-left:calc(-3.5 * var(--px))}.wk .wk-pin.l{left:calc(6 * var(--px))}.wk .wk-pin.r{right:calc(6 * var(--px))}.wk-sh{display:flex;justify-content:space-between;align-items:baseline;gap:calc(3 * var(--px));font-family:Galmuri14,Galmuri11,monospace;font-size:var(--fs-big);line-height:1}.wk-sh .wk-dim{font-family:Galmuri11,monospace;font-size:var(--fs)}.wk-rule{grid-column:1;grid-row:2}.wk-range{margin-top:calc(1 * var(--px))}.wk-emblem{align-self:center;margin-top:calc(4 * var(--px));width:calc(38 * var(--px));height:calc(38 * var(--px));background:var(--parch-2);border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--parch-hi);display:flex;align-items:center;justify-content:center}.wk-ribbon{margin:calc(4 * var(--px)) calc(-9 * var(--px)) 0;background:var(--ink);color:var(--c-gold);border:var(--px) solid #4a3d55;outline:var(--px) solid var(--ink);font-family:Galmuri14,Galmuri11,monospace;font-size:calc(2 * var(--fs-big));line-height:1;text-align:center;padding:calc(2 * var(--px)) 0 calc(3 * var(--px));text-shadow:calc(1 * var(--px)) calc(1 * var(--px)) 0 #000;letter-spacing:calc(1 * var(--px));white-space:nowrap}.wk-desc{margin-top:calc(5 * var(--px));text-align:center;line-height:1.3}.wk-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(2 * var(--px));margin-top:calc(3 * var(--px))}.wk-chips span{line-height:1;padding:calc(1.5 * var(--px)) calc(3 * var(--px)) calc(2 * var(--px));border:var(--px) solid var(--ink);background:var(--parch-2);color:var(--ink);white-space:nowrap}.wk-time{margin-top:auto;display:flex;align-items:flex-end;gap:calc(5 * var(--px));padding-left:calc(2 * var(--px))}.wk-time .wk-tt{padding-bottom:calc(3 * var(--px))}.wk-time .wk-ink-big{font-family:Galmuri14,Galmuri11,monospace;font-size:var(--fs-big);line-height:1;margin-top:calc(1 * var(--px))}.wk-list{grid-column:2;grid-row:2}.wk-rows{position:relative;display:flex;flex-direction:column;margin-top:calc(3 * var(--px));flex:1;min-height:0}.wk-row{display:grid;grid-template-columns:calc(16 * var(--px)) 1fr calc(34 * var(--px)) calc(70 * var(--px));gap:calc(3 * var(--px));align-items:center;height:calc(12.5 * var(--px));border-bottom:var(--px) solid #cdb98a;padding:0 calc(2 * var(--px));white-space:nowrap}.wk-row.me{background:#f6e4a6;outline:var(--px) solid #c9a35a;outline-offset:calc(-1 * var(--px))}.wk-row.me .wk-nick{color:#8a1f2a}.wk-row.me .wk-nick:after{content:" ◀"}.wk-rank{position:relative;width:calc(12 * var(--px));height:calc(12 * var(--px));display:flex;align-items:center;justify-content:center;color:var(--ink-dim);font-variant-numeric:tabular-nums}.wk-rank.sealed{color:var(--ink)}.wk-rank canvas{position:absolute;inset:0}.wk-rank span{position:relative;z-index:1}.wk-rank.gold span{color:#4a3414}.wk-rank.silver span{color:#2b2233}.wk-rank.bronze span{color:#fff4d2}.wk-nick{overflow:hidden;text-overflow:ellipsis}.wk-score{text-align:right;font-variant-numeric:tabular-nums}.wk-res{color:var(--ink-dim);text-align:right}.wk-res.won{color:#1f6a3a}.wk-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3 * var(--px));text-align:center;color:var(--ink-dim);line-height:1.3}.wk-empty b{color:var(--ink);font-weight:400}.wk-pager{display:flex;justify-content:center;align-items:center;gap:calc(4 * var(--px));margin-top:calc(3 * var(--px));color:var(--ink-dim);font-variant-numeric:tabular-nums}.wk-pagebtn{font:inherit;line-height:1;color:var(--ink);background:var(--parch-2);border:var(--px) solid var(--ink);padding:calc(1 * var(--px)) calc(3 * var(--px)) calc(1.5 * var(--px));cursor:pointer}.wk-pagebtn:hover:not(:disabled){background:var(--parch-hi)}.wk-pagebtn:disabled{opacity:.35;cursor:default}.wkb-foot{grid-column:1 / -1;grid-row:3;display:flex;align-items:stretch;gap:calc(6 * var(--px));height:calc(42 * var(--px))}.wk-note{position:relative;width:calc(150 * var(--px));background:#f1e3b7;color:#2a3a6a;border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 var(--parch-hi),calc(1 * var(--px)) calc(2 * var(--px)) 0 #0000008c;padding:calc(5 * var(--px)) calc(5 * var(--px)) calc(3 * var(--px));line-height:1.25;white-space:nowrap}.wk-note .wk-dim{color:#5b6480}.wk-note .wk-note-big{font-family:Galmuri14,Galmuri11,monospace;font-size:var(--fs-big);line-height:1;margin:calc(1 * var(--px)) 0 calc(2 * var(--px))}.wk-nickstrip{flex:1;display:flex;align-items:center;gap:calc(4 * var(--px));background:var(--parch);color:var(--ink);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 var(--parch-hi),calc(1 * var(--px)) calc(2 * var(--px)) 0 #0000008c;padding:0 calc(6 * var(--px));min-width:0}.wk-nickin{flex:1;font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:var(--px) dotted var(--ink);padding:calc(1 * var(--px)) calc(2 * var(--px)) calc(2 * var(--px));outline:none;min-width:0}.wk-nickin::placeholder{color:#a08a62}.wk-act{display:flex;align-items:center;gap:calc(5 * var(--px))}.wk-sealbtn{position:relative;width:calc(40 * var(--px));height:calc(40 * var(--px));padding:0;border:0;background:transparent;cursor:pointer;font:inherit;filter:drop-shadow(calc(1 * var(--px)) calc(2 * var(--px)) 0 rgba(0,0,0,.55));transition:transform .06s}.wk-sealbtn canvas{position:absolute;inset:0}.wk-sealbtn .wk-seal-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Galmuri14,Galmuri11,monospace;font-size:var(--fs-big);line-height:1.05;color:#fff3d0;text-shadow:calc(.5 * var(--px)) calc(.5 * var(--px)) 0 var(--ink)}.wk-sealbtn:hover{transform:translateY(calc(-1 * var(--px)));filter:drop-shadow(calc(1 * var(--px)) calc(3 * var(--px)) 0 rgba(0,0,0,.55)) brightness(1.1)}.wk-sealbtn:active{transform:translateY(calc(1 * var(--px)))}.lobby-record{display:flex;flex-wrap:wrap;align-items:center;gap:calc(1 * var(--px)) calc(2 * var(--px));font-size:.75em;margin-top:calc(-1 * var(--px))}.lobby-record .partners{margin-left:calc(1 * var(--px))}.dialog.gallery{width:calc(400 * var(--px));max-height:calc(264 * var(--px));padding-top:calc(4 * var(--px));padding-bottom:calc(4 * var(--px))}.dialog.gallery h2{margin-bottom:calc(2 * var(--px))}.dialog.gallery h2 .sub{font-size:.7em}.dialog.gallery .actions{margin-top:calc(2 * var(--px));align-items:center;justify-content:space-between}.rack{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(2 * var(--px));margin-bottom:calc(3 * var(--px));padding:calc(2 * var(--px)) calc(2 * var(--px)) 0;background:#1a1210;border:var(--px) solid #3a2a1c;box-shadow:inset 0 0 0 var(--px) #ffc88c0d}.rslot{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.rslot.empty{cursor:default}.rsword{display:flex;align-items:flex-end;justify-content:center;width:100%;height:calc(48 * var(--px));border-bottom:calc(3 * var(--px)) solid #5a3a22;box-shadow:0 var(--px) 0 #2a1a10,inset 0 calc(-1 * var(--px)) 0 #8a5a32}.rsword img{height:calc(44 * var(--px));image-rendering:pixelated;margin-bottom:calc(1 * var(--px));transition:transform .08s}.rslot:hover .rsword img{filter:brightness(1.2);transform:translateY(calc(-1 * var(--px)))}.rslot.shiny .rsword img{filter:drop-shadow(0 0 calc(2 * var(--px)) #7ff0e0)}.rhook{position:relative;width:calc(6 * var(--px));height:calc(6 * var(--px));margin-bottom:calc(18 * var(--px));border:var(--px) solid #3a3447;border-radius:50%}.rhook:before{content:"";position:absolute;left:50%;top:calc(-11 * var(--px));width:var(--px);height:calc(10 * var(--px));margin-left:calc(-.5 * var(--px));background:#3a3447}.rplate{display:flex;flex-direction:column;align-items:center;width:calc(100% - 4 * var(--px));margin:calc(2 * var(--px)) 0 calc(3 * var(--px));padding:calc(1 * var(--px)) calc(2 * var(--px));background:#7a5a28;border:var(--px) solid #c9a35a;border-bottom-color:#3a2a10;border-right-color:#3a2a10;box-shadow:inset 0 0 0 var(--px) #ffe6a01f;color:#f6e6b0;font-size:.65em;line-height:1.2;text-shadow:0 var(--px) 0 rgba(0,0,0,.5);white-space:nowrap;overflow:hidden}.rplate .rp-name{max-width:100%;overflow:hidden;text-overflow:ellipsis}.rplate .rp-name.gold{color:var(--c-gold)}.rplate .rp-meta{display:inline-flex;align-items:center;gap:calc(2 * var(--px));color:#e0cc90;min-height:calc(8 * var(--px))}.rplate .rp-icons{display:inline-flex;gap:calc(1 * var(--px))}.rslot.empty .rplate{background:#2a2220;border-color:#3a3447;color:#4a4458;text-shadow:none;box-shadow:none}.rslot.train .rp-name{color:#e8e2d4}.rslot.trial .rp-name{color:#bcd4ff}.rslot.legend .rp-name{color:#ffd0a0}.rslot.myth .rp-name{color:#fff}.gallery .dexcell{height:calc(44 * var(--px));transition:transform .08s}.gallery .dexcell img{height:calc(32 * var(--px))}.gallery .dexcell.known{cursor:pointer}.gallery .dexcell.known:hover,.gallery .dexcell.known:focus-visible{background:#1c1826;outline:none;transform:translateY(calc(-1 * var(--px)))}.gallery .dexcell.hung{box-shadow:0 0 0 var(--px) var(--c-gold),0 0 calc(4 * var(--px)) #ffd36b59}.gallery .dexcell.hung.shiny{box-shadow:0 0 0 var(--px) var(--c-gold),inset 0 0 0 var(--px) #7ff0e0}.dexcell .dexhung{position:absolute;right:calc(1 * var(--px));bottom:calc(1 * var(--px));font-size:.55em;line-height:1;color:var(--c-gold)}.namerow{display:inline-flex;align-items:center;justify-content:flex-end;gap:calc(2 * var(--px))}.name-input{width:calc(80 * var(--px));font-size:.9em}.dialog.skins{width:calc(372 * var(--px));max-width:100%}.dialog.skins .skinlist{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(3 * var(--px));margin:calc(3 * var(--px)) 0}.skincard{display:flex;flex-direction:column;align-items:center;gap:calc(1 * var(--px));padding:calc(2 * var(--px)) calc(1 * var(--px));background:#0c0a10;border:var(--px) solid #3a3447;cursor:pointer;text-align:center}.skincard img{height:calc(44 * var(--px));image-rendering:pixelated}.skincard .sk-name{font-size:.95em;color:#fff3d0}.skincard .sk-src{font-size:.7em;color:var(--c-dim);line-height:1.25}.skincard:hover{border-color:#8a7a5a}.skincard.selected{border-color:var(--c-gold);box-shadow:0 0 0 var(--px) var(--c-gold)}.skincard.pending{border-color:#fff3d0;box-shadow:0 0 0 var(--px) #fff3d0}.dialog.skins .actions .btn:disabled{opacity:.45;cursor:default}.skincard.locked{opacity:.5;cursor:default}.skincard.locked img{filter:grayscale(1) brightness(.7)}.skincard.locked .sk-src{color:#8a5a5a}.dialog.sc7{--k: #2b2233;--p0: #0c0a12;--p1: #141218;--gold: #ffd36b;--gold2: #cf972e;--frame: #c9a35a;--parch: #e9d8ae;--parch2: #c9b483;--parchhi: #fff4d2;--wood: #a5744b;--wood2: #6a452b;--woodhi: #c9956a;--cyan: #7fe6ff;--cyan2: #1e7d95;--red: #d63a42;--text: #ece6d6;--dim: #9a927f;--ink: #2b2233;--ink2: #6b5a48;--mat: #2a2440;--mathi: #3a3358;--matlo: #1a1628;--inkcard: #1f1a2e;--inkhi: #352d4a;--f14: calc(7 * var(--px));--l14: calc(8 * var(--px));--f11: calc(5.5 * var(--px));--l11: calc(6 * var(--px));--f9: calc(4.5 * var(--px));--l9: calc(5 * var(--px));position:relative;width:calc(384 * var(--px));height:calc(216 * var(--px));min-width:0;max-width:none;max-height:none;padding:0;overflow:hidden;background:var(--p1);border:calc(2 * var(--px)) solid var(--frame);box-shadow:0 0 0 var(--px) #000;font-family:Galmuri11,monospace;font-size:var(--f11);line-height:var(--l11);color:var(--text)}.sc7>*{position:absolute}.sc7 .f9{font-family:Galmuri9,Galmuri11,monospace;font-size:var(--f9);line-height:var(--l9)}.sc7 .f11{font-family:Galmuri11,monospace;font-size:var(--f11);line-height:var(--l11)}.sc7 .f14{font-family:Galmuri14,Galmuri11,monospace;font-size:var(--f14);line-height:var(--l14)}.sc7 .gold{color:var(--gold)}.sc7 .dim{color:var(--dim)}.sc7 .bad,.sc7 .why{color:var(--red)}.sc7 .w12{width:calc(12 * var(--px))}.sc7 .w16{width:calc(16 * var(--px))}.sc7 .w18{width:calc(18 * var(--px))}.sc7 .w28{width:calc(28 * var(--px))}.sc7 .w36{width:calc(36 * var(--px))}.sc7 .w64{width:calc(64 * var(--px))}.sc7 .scenebg{left:0;top:0;width:calc(380 * var(--px));height:calc(212 * var(--px));image-rendering:pixelated;pointer-events:none}.sc7 .spr{display:block;image-rendering:pixelated;pointer-events:none}.sc7 .icon{display:block;pointer-events:none}.sc7 .pxbox{border:var(--px) solid var(--k);background:var(--bg, var(--parch))}.sc7 .pxbox>.in{position:absolute;inset:0;border-top:var(--px) solid var(--hi, var(--parchhi));border-left:var(--px) solid var(--hi, var(--parchhi));pointer-events:none}.sc7 .pxbox>.in2{position:absolute;inset:0;border-bottom:var(--px) solid var(--lo, var(--parch2));border-right:var(--px) solid var(--lo, var(--parch2));pointer-events:none}.sc7 .pxbox.wood{--bg: var(--wood);--hi: var(--woodhi);--lo: var(--wood2)}.sc7 .pxbox.dark{--bg: var(--p0);--hi: #4a3d55;--lo: #000}.sc7 .pxbox.dim{--bg: var(--parch2);--hi: var(--parch);--lo: var(--ink2)}.sc7 .pc,.sc7 .tray,.sc7 .ctag{cursor:pointer}.sc7 .pc:hover,.sc7 .tray:hover,.sc7 .ctag:hover{border-color:var(--gold)}.sc7 .pc:hover>.in,.sc7 .tray:hover>.in,.sc7 .ctag:hover>.in{--hi: var(--gold2)}.sc7 .pc:hover>.in2,.sc7 .tray:hover>.in2,.sc7 .ctag:hover>.in2{--lo: var(--gold2)}.sc7 .dz{position:absolute;inset:0;background-repeat:repeat;background-size:calc(2 * var(--px)) calc(2 * var(--px));image-rendering:pixelated;pointer-events:none}.sc7 .pr{position:absolute;inset:var(--px);padding:0 var(--px);display:flex;align-items:center;gap:var(--px);color:var(--gold);white-space:nowrap;font-family:Galmuri11,monospace;font-size:var(--f11);line-height:var(--l11)}.sc7 .pr .tx{flex:1;min-width:0;text-align:right;overflow:hidden}.sc7 .pr.cy{color:var(--cyan)}.sc7 .pr.no,.sc7 .pr .why{color:var(--red)}.sc7 .plq{position:absolute;right:calc(3 * var(--px));bottom:calc(3 * var(--px));width:calc(36 * var(--px));height:calc(12 * var(--px))}.sc7 .plq.ok{--hi: var(--gold2);--lo: var(--gold2)}.sc7 .plq.bad{--hi: var(--red);--lo: var(--red)}.sc7 .pc.wide .plq{width:calc(44 * var(--px))}.sc7 .btn{position:absolute;font:normal var(--f11)/var(--l11) "Galmuri11",monospace;text-shadow:none;transition:none}.sc7 .btn.back{right:calc(4 * var(--px));bottom:calc(4 * var(--px))}.sc7 .btn.reroll{left:calc(4 * var(--px));bottom:calc(4 * var(--px));width:calc(76 * var(--px));height:calc(16 * var(--px));padding:0 calc(4 * var(--px));display:flex;align-items:center;gap:var(--px)}.sc7 .btn.reroll>span{display:block;height:calc(6 * var(--px));line-height:calc(6 * var(--px));white-space:nowrap}.sc7 .btn.reroll:disabled{opacity:1;cursor:default;background:#1b1812;border-color:#5a4e3a;color:var(--dim)}.sc7 .btn.reroll:disabled .gold{color:var(--dim)}.sc7 .btn.reroll:disabled .spr{filter:none}.sc7 .portrait{left:calc(4 * var(--px));top:calc(4 * var(--px));width:calc(68 * var(--px));height:calc(68 * var(--px));border:var(--px) solid var(--k);background:var(--p0)}.sc7 .portrait .gf{position:absolute;inset:0;border:var(--px) solid var(--frame)}.sc7 .portrait img{position:absolute;left:var(--px);top:var(--px);width:calc(64 * var(--px));height:calc(64 * var(--px));image-rendering:pixelated}.sc7 .portrait i{position:absolute;width:var(--px);height:var(--px);background:var(--parchhi)}.sc7 .portrait i.a{left:var(--px);top:var(--px)}.sc7 .portrait i.b{right:var(--px);top:var(--px)}.sc7 .portrait i.c{left:var(--px);bottom:var(--px)}.sc7 .portrait i.d{right:var(--px);bottom:var(--px)}.sc7 .hplate{left:calc(76 * var(--px));top:calc(6 * var(--px));width:calc(112 * var(--px));height:calc(30 * var(--px));background:var(--k);border:var(--px) solid var(--frame)}.sc7 .hplate h2{position:absolute;left:calc(3 * var(--px));top:calc(3 * var(--px));margin:0;font:normal var(--f14)/var(--l14) "Galmuri14","Galmuri11",monospace;color:var(--gold);text-shadow:none}.sc7 .hplate .own{position:absolute;left:calc(3 * var(--px));top:calc(16 * var(--px));height:calc(6 * var(--px));display:flex;align-items:center;gap:var(--px);white-space:nowrap}.sc7 .hplate .own>*{height:calc(6 * var(--px));line-height:calc(6 * var(--px))}.sc7 .hplate .own .spr{height:calc(8 * var(--px))}.sc7 .bubble{left:calc(76 * var(--px));top:calc(40 * var(--px));width:calc(124 * var(--px));height:calc(12 * var(--px));background:var(--parch);color:var(--ink);border:var(--px) solid var(--k);padding:calc(2 * var(--px)) calc(4 * var(--px));white-space:nowrap}.sc7 .bubble .spr{position:absolute;left:calc(-6 * var(--px));top:calc(2 * var(--px))}.sc7 .sheet{left:calc(2 * var(--px));top:calc(74 * var(--px));width:calc(376 * var(--px));height:calc(56 * var(--px));color:var(--ink)}.sc7 .sheet .pin{position:absolute;top:calc(2 * var(--px))}.sc7 .sheet .pin.l{left:calc(6 * var(--px))}.sc7 .sheet .pin.r{right:calc(6 * var(--px))}.sc7 .sctab{left:calc(166 * var(--px));top:calc(70 * var(--px));width:calc(48 * var(--px));height:calc(9 * var(--px));background:var(--parch2);border:var(--px) solid var(--k);color:var(--ink);display:flex;align-items:center}.sc7 .sctab>span,.sc7 .sccloth>span,.sc7 .cnt>span,.sc7 .plate>span,.sc7 .ribbon>span{flex:1;text-align:center;height:calc(5 * var(--px));line-height:calc(5 * var(--px))}.sc7 .pc{position:absolute;top:calc(3 * var(--px));width:calc(86 * var(--px));height:calc(50 * var(--px))}.sc7 .pc .ico{position:absolute;left:calc(3 * var(--px));top:calc(3 * var(--px));width:calc(24 * var(--px));height:calc(24 * var(--px))}.sc7 .ico .icon{width:100%;height:100%}.sc7 .pc .txt{position:absolute;left:calc(30 * var(--px));top:calc(3 * var(--px));right:calc(3 * var(--px));display:flex;flex-direction:column}.sc7 .pc .name{white-space:nowrap;overflow:hidden}.sc7 .pc .desc{margin-top:calc(3 * var(--px));color:var(--ink2);max-height:calc(15 * var(--px));overflow:hidden}.sc7 .cnt{position:absolute;left:calc(3 * var(--px));bottom:calc(3 * var(--px));height:calc(9 * var(--px));background:var(--p0);border:var(--px) solid var(--k);color:var(--text);display:flex;align-items:center;white-space:nowrap}.sc7 .pc.off{--bg: var(--parch2);--hi: var(--parch);--lo: var(--ink2)}.sc7 .pc.off .name,.sc7 .pc.off .desc{color:var(--ink2)}.sc7 .pc.off .cnt{color:var(--dim)}.sc7 .mat{left:calc(2 * var(--px));top:calc(136 * var(--px));width:calc(376 * var(--px));height:calc(52 * var(--px));--bg: var(--mat);--hi: var(--mathi);--lo: var(--matlo);border-color:var(--frame)}.sc7 .mat .d{position:absolute}.sc7 .mat .d.a{left:calc(2 * var(--px));top:calc(2 * var(--px))}.sc7 .mat .d.b{right:calc(2 * var(--px));top:calc(2 * var(--px))}.sc7 .mat .d.c{left:calc(2 * var(--px));bottom:calc(2 * var(--px))}.sc7 .mat .d.d{right:calc(2 * var(--px));bottom:calc(2 * var(--px))}.sc7 .mat .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--dim)}.sc7 .sccloth{left:calc(134 * var(--px));top:calc(132 * var(--px));width:calc(112 * var(--px));height:calc(9 * var(--px));background:var(--matlo);border:var(--px) solid var(--frame);color:var(--parch);display:flex;align-items:center;white-space:nowrap}.sc7 .pc.wide{top:calc(4 * var(--px));width:calc(182 * var(--px));height:calc(44 * var(--px));--bg: var(--inkcard);--hi: var(--inkhi);--lo: var(--matlo)}.sc7 .pc .stripe{position:absolute;left:calc(-1 * var(--px));right:calc(-1 * var(--px));top:calc(-1 * var(--px));height:calc(2 * var(--px))}.sc7 .pc.common .stripe{background:var(--rar-common)}.sc7 .pc.rare .stripe{background:var(--rar-rare)}.sc7 .pc.epic .stripe{background:var(--rar-epic)}.sc7 .pc.wide .c{position:absolute}.sc7 .pc.wide .c.tl{left:var(--px);top:calc(2 * var(--px))}.sc7 .pc.wide .c.tr{right:var(--px);top:calc(2 * var(--px))}.sc7 .pc.wide .c.bl{left:var(--px);bottom:var(--px)}.sc7 .pc.wide .c.br{right:var(--px);bottom:var(--px)}.sc7 .pcA .med{position:absolute;left:calc(3 * var(--px));top:calc(6 * var(--px))}.sc7 .pcA .ico{left:calc(7 * var(--px));top:calc(10 * var(--px))}.sc7 .pcA .txt{left:calc(40 * var(--px));top:calc(3 * var(--px));right:calc(3 * var(--px))}.sc7 .pcA .name{font-family:Galmuri14,Galmuri11,monospace;font-size:var(--f14);line-height:var(--l14)}.sc7 .pcA.common .name{color:var(--rar-common)}.sc7 .pcA.rare .name{color:var(--rar-rare)}.sc7 .pcA.epic .name{color:var(--rar-epic)}.sc7 .pcA .desc{margin-top:calc(3 * var(--px));color:var(--text);max-height:calc(12 * var(--px))}.sc7 .pcA .prev{position:absolute;left:calc(40 * var(--px));bottom:calc(3 * var(--px));width:calc(92 * var(--px));height:calc(5 * var(--px));white-space:nowrap;overflow:hidden;color:var(--dim)}.sc7 .pcA .prev b{font-weight:400;color:var(--gold)}.sc7 .pcA .ribbon{position:absolute;right:calc(3 * var(--px));top:calc(3 * var(--px));height:calc(9 * var(--px));background:var(--p0);border:var(--px) solid var(--rarc, var(--dim));color:var(--rarc, var(--dim));display:flex}.sc7 .pcA .ribbon>span{margin-top:var(--px)}.sc7 .pcA.common{--rarc: var(--rar-common)}.sc7 .pcA.rare{--rarc: var(--rar-rare)}.sc7 .pcA.epic{--rarc: var(--rar-epic)}.sc7 .pcA.keystone .ribbon{color:var(--gold)}.sc7 .pc.wide.off{--bg: var(--p1);--hi: var(--inkcard);--lo: var(--p0)}.sc7 .pc.wide.off .name,.sc7 .pc.wide.off .desc,.sc7 .pc.wide.off .prev,.sc7 .pc.wide.off .prev b{color:var(--ink2)}.sc7 .pc.wide.off .stripe{background:var(--ink2)}.sc7 .pc.wide.off .ribbon{--rarc: var(--ink2);color:var(--ink2)}.sc7 .sign{left:calc(131 * var(--px));top:calc(16 * var(--px));width:calc(118 * var(--px));height:calc(27 * var(--px));display:flex;align-items:center;justify-content:center;color:var(--gold)}.sc7 .sign2{left:calc(144 * var(--px));top:calc(52 * var(--px));width:calc(92 * var(--px));height:calc(12 * var(--px));display:flex;align-items:center;justify-content:center}.sc7 .sign2 .row{width:calc(60 * var(--px));height:calc(10 * var(--px));display:flex;align-items:center;gap:var(--px);color:var(--gold);white-space:nowrap}.sc7 .sign2 .row.nodisc{width:calc(38 * var(--px))}.sc7 .sign2 .row>span{height:calc(10 * var(--px));line-height:calc(10 * var(--px))}.sc7 .sign2 .stamp{width:calc(20 * var(--px));height:calc(10 * var(--px));line-height:calc(8 * var(--px));text-align:center;color:var(--red);border:var(--px) solid var(--red);background:var(--k)}.sc7 .chain{top:calc(72 * var(--px))}.sc7 .tray{top:calc(80 * var(--px));width:calc(40 * var(--px));height:calc(36 * var(--px))}.sc7 .tray .rv{position:absolute}.sc7 .tray .rv.a{left:var(--px);top:var(--px)}.sc7 .tray .rv.b{right:var(--px);top:var(--px)}.sc7 .tray .rv.c{left:var(--px);bottom:var(--px)}.sc7 .tray .rv.d{right:var(--px);bottom:var(--px)}.sc7 .tray .ico{position:absolute;left:calc(8 * var(--px));top:calc(2 * var(--px));width:calc(24 * var(--px));height:calc(24 * var(--px))}.sc7 .tray .plate{position:absolute;left:calc(4 * var(--px));top:calc(25 * var(--px));width:calc(32 * var(--px));height:calc(9 * var(--px));background:var(--parch);border:var(--px) solid var(--k);color:var(--ink);display:flex;align-items:center;white-space:nowrap}.sc7 .tray.off{--bg: var(--wood2);--hi: var(--wood);--lo: var(--k)}.sc7 .tray.off .plate{background:var(--parch2);color:var(--ink2)}.sc7 .ctag{top:calc(120 * var(--px));width:calc(36 * var(--px));height:calc(12 * var(--px))}.sc7 .ctag .string{position:absolute;left:calc(16 * var(--px));top:calc(-4 * var(--px));width:var(--px);height:calc(4 * var(--px));background:var(--parch2)}.sc7 .ctag .pr{font-family:Galmuri9,Galmuri11,monospace;font-size:var(--f9);line-height:var(--l9)}.sc7 .ctag .pr .tx{height:calc(10 * var(--px));line-height:calc(10 * var(--px))}.sc7 .ctag .pr.cy{color:var(--cyan2)}.sc7 .ctag.dim .pr.cy{color:var(--ink2)}.sc7 .ctag .pr.no,.sc7 .ctag.dim .pr.no{color:var(--red)}