: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;--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: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:#cfcfcf}.chip.rare{border-color:#4f8cff}.chip.epic{border-color:#c08cff}.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.rare{color:#4f8cff}.tip .tip-title.epic{color:#c08cff}.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%);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}.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 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: #cfcfcf}.card.rare{--rar: #4f8cff}.card.epic{--rar: #c08cff}.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}.web{position:relative;margin:0 auto}.web .wsvg,.web .wsvg svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.web svg{shape-rendering:crispEdges;overflow:visible}.web .wring{fill:none;stroke:#2a2433;stroke-width:1}.web .wstrand{fill:none;stroke-width:1}.web .wstrand.dim{stroke:#3a3447}.web .wstrand.reach{stroke:#7a5a22}.web .wstrand.open{stroke:#cf972e}.web .wstrand.cross{stroke-dasharray:3 2}.web .wcenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;line-height:1}.web .wess{display:flex;align-items:center;gap:calc(2 * var(--px));font-size:1.1em}.web .wprog{font-size:.65em;margin-top:calc(1.5 * var(--px));white-space:nowrap}.wnode{position:absolute;width:calc(16 * var(--px));height:calc(16 * var(--px));display:flex;align-items:center;justify-content:center;background:#0f0d14;border:var(--px) solid #3a3447;box-sizing:border-box;transition:transform .08s;--rar: #8d8fa6}.wnode.rare{--rar: #4f8cff}.wnode.epic{--rar: #c08cff}.wnode.owned{border-color:var(--rar)}.wnode.available{border-color:var(--c-gold);cursor:pointer;animation:webPulse 1.2s ease-in-out infinite alternate}.wnode.available.poor{border-color:#6a5a30;cursor:default;animation:none}.wnode.locked .icon{opacity:.45}.wnode.hidden-node{border-style:dashed;border-color:#2e2838;background:#0a0910;color:#4a4458;font-size:1.1em;line-height:1}.wnode.keystone{box-shadow:0 0 calc(3 * var(--px)) #ffd36b73}.wnode:hover{transform:translateY(calc(-1 * var(--px)));filter:brightness(1.3);z-index:2}.wnode .icon{flex:none}@keyframes webPulse{0%{box-shadow:0 0 #ffb03a00}to{box-shadow:0 0 calc(5 * var(--px)) #ffb03abf}}.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))}.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.rare .uname{color:#8fb8ff}.noterow.epic .uname{color:#d4b0ff}.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)))}.wk-close{font:inherit;line-height:1;color:#d9c48f;background:#2b2233;border:var(--px) solid #4a3d55;outline:var(--px) solid var(--ink);padding:calc(2 * var(--px)) calc(4 * var(--px)) calc(2.5 * var(--px));cursor:pointer}.wk-close:hover{color:var(--c-gold);border-color:var(--c-gold)}.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}