@font-face{font-family:Silkscreen TR;src:url(./SilkscreenTR-Regular-DOjptDp3.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Silkscreen TR;src:url(./SilkscreenTR-Bold-7PEKUGg9.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--pk: 2px;--pk-font: "Silkscreen TR", ui-monospace, monospace;--pk-ink: #04021e;--pk-fg: #f5f1e3;--pk-dim: #aeaec9;--pk-mute: #8c8cb2;--pk-face: #120d33;--pk-panel: #1b1446;--pk-panel-hi: #3b2f6b;--pk-well: #0a0724;--pk-well-hi: #3b2f6b;--pk-stone: #4f4b69;--pk-stone-hi: #767295;--pk-stone-lo: #2f2d4a;--pk-gold: #f2b84e;--pk-gold-hi: #fff2b0;--pk-gold-lo: #a0602f;--pk-green: #3fae4a;--pk-green-hi: #9be36b;--pk-green-lo: #1f6b3b;--pk-red: #ad3647;--pk-red-hi: #dd664f;--pk-red-lo: #771d46;--pk-crystal: #4dd9fd;--pk-notch: polygon( var(--pk) 0, calc(100% - var(--pk)) 0, calc(100% - var(--pk)) var(--pk), 100% var(--pk), 100% calc(100% - var(--pk)), calc(100% - var(--pk)) calc(100% - var(--pk)), calc(100% - var(--pk)) 100%, var(--pk) 100%, var(--pk) calc(100% - var(--pk)), 0 calc(100% - var(--pk)), 0 var(--pk), var(--pk) var(--pk) )}.hud-name,.zone-banner,.level-banner,.stats{letter-spacing:0;font-kerning:none;font-synthesis:none;-webkit-font-smoothing:none;font-smooth:never}.pk-window,.pk-button,.pk-input,.pk-toast,.pk-plaque{font-family:var(--pk-font);font-size:16px;line-height:24px;font-weight:400;letter-spacing:0;font-kerning:none;font-variant-ligatures:none;font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;font-smooth:never;text-rendering:optimizeSpeed}.pk-window{color:var(--pk-fg);background:none;border:calc(6 * var(--pk)) solid var(--pk-face);border-image:var(--pk-window-frame) 6 fill / calc(6 * var(--pk)) stretch;padding:calc(2 * var(--pk)) calc(4 * var(--pk)) calc(4 * var(--pk));image-rendering:pixelated}.pk-head{display:flex;justify-content:space-between;align-items:center;gap:calc(4 * var(--pk));padding-bottom:calc(2 * var(--pk));box-shadow:0 var(--pk) 0 0 var(--pk-ink),0 calc(2 * var(--pk)) 0 0 var(--pk-panel-hi);margin-bottom:calc(2 * var(--pk))}.pk-title{font-size:24px;line-height:32px;color:var(--pk-gold);text-shadow:0 3px 0 var(--pk-ink)}.pk-window>.pk-title{align-self:stretch;text-align:left;padding-bottom:calc(2 * var(--pk));box-shadow:0 var(--pk) 0 0 var(--pk-ink),0 calc(2 * var(--pk)) 0 0 var(--pk-panel-hi);margin-bottom:calc(2 * var(--pk))}.pk-button{--face: var(--pk-stone);--hi: var(--pk-stone-hi);--lo: var(--pk-stone-lo);display:inline-flex;align-items:center;justify-content:center;gap:calc(3 * var(--pk));min-height:calc(19 * var(--pk));margin:0;padding:calc(2 * var(--pk)) calc(6 * var(--pk));color:var(--pk-fg);text-shadow:0 var(--pk) 0 var(--pk-ink);white-space:nowrap;background:var(--face);border:var(--pk) solid var(--pk-ink);border-bottom-width:calc(2 * var(--pk));border-radius:0;box-shadow:inset var(--pk) var(--pk) 0 0 var(--hi),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--lo);clip-path:var(--pk-notch);outline:none;cursor:pointer;touch-action:manipulation}.pk-green{--face: var(--pk-green);--hi: var(--pk-green-hi);--lo: var(--pk-green-lo);color:var(--pk-ink);text-shadow:none}.pk-gold{--face: var(--pk-gold);--hi: var(--pk-gold-hi);--lo: var(--pk-gold-lo);color:var(--pk-ink);text-shadow:none}.pk-red{--face: var(--pk-red);--hi: var(--pk-red-hi);--lo: var(--pk-red-lo)}@media(hover:hover){.pk-button:hover:not(:disabled){filter:brightness(1.15)}}.pk-button:focus-visible{box-shadow:inset var(--pk) var(--pk) 0 0 var(--hi),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--lo),inset 0 0 0 calc(2 * var(--pk)) var(--pk-gold)}.pk-button:active:not(:disabled),.pk-button.pk-pressed{border-top-width:calc(2 * var(--pk));border-bottom-width:var(--pk);box-shadow:inset var(--pk) var(--pk) 0 0 var(--lo),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--face)}.pk-button:disabled{--face: var(--pk-well);--hi: var(--pk-ink);--lo: var(--pk-well-hi);color:var(--pk-mute);text-shadow:none;border-width:var(--pk);cursor:default}.pk-close{flex:none;width:calc(18 * var(--pk));min-height:0;height:calc(18 * var(--pk));padding:0;font-size:0;background:var(--pk-close-mark) center / calc(8 * var(--pk)) calc(9 * var(--pk)) no-repeat,var(--face)}.pk-well{background:var(--pk-well);box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-ink),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--pk-well-hi);clip-path:var(--pk-notch)}.pk-panel{background:var(--pk-panel);border:var(--pk) solid var(--pk-ink);box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-panel-hi),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--pk-face);clip-path:var(--pk-notch)}.pk-plaque{color:var(--pk-fg);background:none;border:calc(3 * var(--pk)) solid var(--pk-face);border-image:var(--pk-plaque-frame) 3 fill / calc(3 * var(--pk)) stretch;image-rendering:pixelated}.pk-input{display:block;width:100%;margin:0;padding:calc(3 * var(--pk)) calc(4 * var(--pk));color:var(--pk-fg);caret-color:var(--pk-gold);background:var(--pk-well);border:0;border-radius:0;box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-ink),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--pk-well-hi);clip-path:var(--pk-notch);outline:none;user-select:text;-webkit-user-select:text}.pk-input::placeholder{color:var(--pk-mute);opacity:1}.pk-input:focus{box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-ink),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--pk-well-hi),inset 0 0 0 calc(2 * var(--pk)) var(--pk-gold)}.pk-toast{padding:calc(2 * var(--pk)) calc(6 * var(--pk));color:var(--pk-fg);text-shadow:0 var(--pk) 0 var(--pk-ink);background:var(--pk-red-lo);border:var(--pk) solid var(--pk-ink);box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-red),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 #4a0f2a;clip-path:var(--pk-notch)}.pk-window ::-webkit-scrollbar{width:calc(4 * var(--pk));height:calc(4 * var(--pk));background:var(--pk-well)}.pk-window ::-webkit-scrollbar-thumb{background:var(--pk-stone-hi);border:var(--pk) solid var(--pk-ink);border-radius:0}.pk-window ::-webkit-scrollbar-corner{background:var(--pk-well)}@supports not selector(::-webkit-scrollbar){.pk-window *{scrollbar-width:thin;scrollbar-color:var(--pk-stone-hi) var(--pk-well)}}.pk-price-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:calc(13 * var(--pk));padding:0 var(--pk) 0 var(--pk);border-style:solid;border-width:calc(6 * var(--pk)) calc(2 * var(--pk)) calc(6 * var(--pk)) calc(7 * var(--pk));border-image:var(--pk-price-tag) 6 2 6 7 fill / calc(6 * var(--pk)) calc(2 * var(--pk)) calc(6 * var(--pk)) calc(7 * var(--pk)) stretch;image-rendering:pixelated;color:var(--pk-fg)}.pk-price-tag .coins{color:var(--pk-gold);font-weight:700;text-shadow:0 var(--pk) 0 var(--pk-ink)}.pk-price-tag .coins.item-bad{color:#ff7a5c}:root{--bg: #04021e;--fg: #f5f1e3;--crystal: #4bd9f6;--stone: #4f4b69;--stone-edge: #767295;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.app{position:relative;width:100%;height:100%}.game-host{position:absolute;inset:0}.game-host canvas{image-rendering:pixelated}.pad-button{width:76px;height:76px;padding:0;border-radius:50%;border:4px solid var(--bg);background:var(--stone);box-shadow:0 0 0 3px var(--stone-edge);display:grid;place-items:center;opacity:.55;touch-action:none}.pad-button img{width:36px;height:36px;image-rendering:pixelated;pointer-events:none}.pad-button.held{opacity:.85;background:#3c3a5a;box-shadow:0 0 0 3px var(--crystal)}.move-buttons,.action-buttons{position:absolute;bottom:calc(28px + var(--safe-bottom));display:flex;align-items:flex-end;gap:18px}.move-buttons{left:calc(32px + var(--safe-left))}.action-buttons{right:calc(32px + var(--safe-right))}.move-left,.move-right{width:96px;border-radius:38px}.move-left img{transform:scaleX(-1)}.jump-button img{width:40px;height:40px}.fire-button img{width:52px;height:20px}.rotate-hint{display:none}@media(orientation:portrait)and (max-width:700px){.rotate-hint{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:var(--bg);font-size:18px;font-weight:600;text-align:center}}.zone-banner{position:absolute;top:calc(var(--safe-top) + 14px);left:50%;transform:translate(-50%);text-align:center;pointer-events:none;animation:zone-banner 2.6s steps(12,end) forwards}.zone-name{font-family:var(--pk-font);font-size:24px;font-weight:400;color:#f2b84e;text-shadow:2px 0 0 var(--bg),-2px 0 0 var(--bg),0 2px 0 var(--bg),0 -2px 0 var(--bg)}.zone-note{margin-top:4px;font-family:var(--pk-font);font-size:16px;color:#9be36b;text-shadow:1px 0 0 var(--bg),-1px 0 0 var(--bg),0 1px 0 var(--bg),0 -1px 0 var(--bg)}@keyframes zone-banner{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}.level-banner{position:absolute;top:26%;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);pointer-events:none;animation:level-banner 3.2s steps(16,end) forwards}.level-title{font-family:var(--pk-font);font-size:24px;font-weight:400;color:#f5f0e5;text-shadow:2px 0 0 var(--bg),-2px 0 0 var(--bg),0 2px 0 var(--bg),0 -2px 0 var(--bg),0 0 12px #f2b84e;animation:level-title .6s steps(6,end) both}.level-number{display:block;margin:6px 0 4px;image-rendering:pixelated;animation:level-number .5s steps(5,end) both}.level-note{font-family:var(--pk-font);font-size:16px;font-weight:400;color:#9be36b;text-shadow:1px 0 0 var(--bg),-1px 0 0 var(--bg),0 1px 0 var(--bg),0 -1px 0 var(--bg);animation:level-note 3.2s steps(16,end) both}.level-rays{position:absolute;top:50%;left:50%;z-index:-1;width:220px;height:220px;margin:-110px 0 0 -110px;background:repeating-conic-gradient(rgba(242,184,78,.5) 0deg 9deg,transparent 9deg 30deg);mask-image:radial-gradient(circle,#000 18%,transparent 68%);animation:level-rays 2.4s steps(12,end) forwards}.level-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px 12px #f2b84e8c;animation:level-flash .9s steps(6,end) forwards}@keyframes level-banner{0%,80%{opacity:1}to{opacity:0}}@keyframes level-title{0%{letter-spacing:.9em;opacity:0}}@keyframes level-number{0%{transform:scale(2.2);opacity:0}60%{transform:scale(.9);opacity:1}to{transform:scale(1)}}@keyframes level-note{0%,15%{opacity:0}25%{opacity:1}}@keyframes level-rays{0%{transform:scale(.3) rotate(0);opacity:0}15%{transform:scale(1) rotate(15deg);opacity:1}to{transform:scale(1.15) rotate(90deg);opacity:0}}@keyframes level-flash{to{opacity:0}}.net-notice{position:absolute;top:50%;top:round(down,50%,1px);left:50%;left:round(down,50%,1px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--pk));max-width:calc(100% - 16px);max-width:round(down,100% - 16px,4px);text-align:center}.net-title{overflow-wrap:anywhere}.net-button{min-width:calc(40 * var(--pk))}.name-screen{top:calc(var(--safe-top) + 4px);transform:translate(-50%);width:400px;width:round(down,min(400px,100% - 16px),4px)}.name-input{text-align:left}.name-rules{color:var(--pk-dim)}.name-error{color:var(--pk-red-hi)}.name-free{color:var(--pk-green-hi)}.name-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(4 * var(--pk))}.character-screen{width:660px;width:round(down,min(660px,100% - 16px),4px);max-width:none;max-height:calc(100% - 8px - var(--safe-top) - var(--safe-bottom));max-height:round(down,100% - 8px - var(--safe-top) - var(--safe-bottom),2px);overflow-y:auto}.character-subtitle{color:var(--pk-dim)}.character-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:var(--pk) calc(4 * var(--pk)) 0;background:linear-gradient(#1b1540 0 30%,#231b52 30% 60%,#2a2160 60% 100%);box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-ink),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--pk-well-hi);clip-path:var(--pk-notch);image-rendering:pixelated}.character-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(#b4b0cc 0 2px,#77738f 2px 8px,#04021e 8px 100%)}.character-preview{position:relative;z-index:1;display:block;width:126px;height:126px;margin-bottom:4px;image-rendering:pixelated}.character-kinds{display:flex;gap:calc(6 * var(--pk))}.character-kind{flex-direction:column;align-items:stretch;gap:calc(3 * var(--pk));padding:calc(3 * var(--pk))}.character-kind-name{color:var(--pk-gold)}.character-colours{display:flex;align-items:stretch;gap:calc(6 * var(--pk));width:100%}.character-side{flex:none;width:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3 * var(--pk))}.character-caption{min-height:24px;text-align:center;color:var(--pk-gold)}.character-locked-note{color:var(--pk-dim)}.character-locked-note .character-lock{vertical-align:text-bottom}.character-rows{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(4 * var(--pk))}.character-row{display:flex;align-items:flex-start;gap:calc(4 * var(--pk))}.character-row-name{flex:none;width:64px;padding-top:4px;text-align:left;color:var(--pk-mute)}.character-swatches,.character-styles{flex:1;display:flex;flex-wrap:wrap;gap:calc(3 * var(--pk))}.character-swatch{width:28px;height:28px;margin:2px;padding:0;border:var(--pk) solid var(--pk-ink);border-radius:0;outline:var(--pk) solid var(--pk-stone);outline-offset:0;cursor:pointer}.character-swatch.picked{outline-color:var(--pk-gold);box-shadow:inset 0 0 0 var(--pk) var(--pk-gold-hi)}.character-style{min-height:calc(16 * var(--pk));padding:0 calc(4 * var(--pk));gap:calc(2 * var(--pk))}.character-style.picked{--face: var(--pk-gold);--hi: var(--pk-gold-hi);--lo: var(--pk-gold-lo);color:var(--pk-ink);text-shadow:none}.character-style.locked{--face: var(--pk-stone-lo);--hi: var(--pk-stone);--lo: var(--pk-ink);color:var(--pk-dim)}.character-style.locked.picked{--face: var(--pk-gold-lo);--hi: var(--pk-gold);--lo: #6a3a1c;color:var(--pk-fg);text-shadow:0 var(--pk) 0 var(--pk-ink)}.character-level{color:var(--pk-gold)}.character-style.locked.picked .character-level{color:var(--pk-gold-hi)}.character-lock{width:14px;height:16px;flex:none;image-rendering:pixelated}.character-actions{justify-content:flex-end}.character-warning-backdrop{position:absolute;inset:0;z-index:20;background:#04021ecc}.character-warning{position:absolute;top:round(down,50%,1px);left:round(down,50%,1px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--pk));width:400px;width:round(down,min(400px,100% - 16px),4px);padding:calc(3 * var(--pk)) calc(5 * var(--pk)) calc(5 * var(--pk));text-align:center}.character-warning-title{display:inline-flex;align-items:center;gap:calc(3 * var(--pk));color:var(--pk-gold)}.character-warning p{margin:0;color:var(--pk-dim)}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:calc(2 * var(--pk));width:460px;width:round(down,min(460px,100% - 16px),4px);max-height:calc(100% - 8px - var(--safe-top) - var(--safe-bottom));max-height:round(down,100% - 8px - var(--safe-top) - var(--safe-bottom),2px);overflow-y:auto}.settings>:not(.settings-row),.settings>.settings-row:has(.settings-name){grid-column:1 / -1}.settings>.net-button{justify-self:center}.settings-row{justify-content:space-between;gap:calc(4 * var(--pk));min-width:0;padding:var(--pk) calc(3 * var(--pk)) var(--pk) calc(5 * var(--pk))}.settings-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pk-green-hi)}.settings-state{flex:none;padding:0 calc(3 * var(--pk));color:var(--pk-dim);text-shadow:none}.settings-switch[aria-checked=true] .settings-state{color:var(--pk-green-hi)}.settings-delete{justify-self:center;margin:0;padding:0 calc(2 * var(--pk));font:inherit;color:var(--pk-red-hi);background:none;border:0;text-decoration:underline;text-decoration-thickness:var(--pk);text-underline-offset:calc(2 * var(--pk));cursor:pointer}.settings-build{color:var(--pk-mute)}.settings-privacy{color:inherit;text-decoration:underline;text-decoration-thickness:var(--pk);text-underline-offset:calc(2 * var(--pk))}.settings-warning{margin:0}.settings-warning strong{font-weight:400;color:var(--pk-green-hi)}.settings .name-actions .net-button{white-space:nowrap}.hud{--px: 2px;position:absolute;top:calc(var(--safe-top) + 6px);left:calc(var(--safe-left) + 8px);padding:0;margin:0;font:inherit;background:none;border:none;cursor:pointer}.hud:disabled{cursor:default}.hud>*{position:absolute}.hud canvas{display:block;image-rendering:pixelated}.hud-plaque{opacity:.92}.hud-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:var(--pk-font);font-size:var(--hud-font, calc(6 * var(--px)));line-height:calc(8 * var(--px));font-weight:400;color:#9be36b;text-shadow:0 var(--px) 0 #04021e}.hud-xp-text{display:flex;justify-content:center}.hud-down .hud-portrait{filter:grayscale(1) brightness(.6)}.hud-hurt{animation:hud-hurt .2s steps(2,end) infinite}@keyframes hud-hurt{50%{filter:brightness(1.8) sepia(1) hue-rotate(-40deg) saturate(4)}}.hud-pop{animation:hud-pop .45s steps(6,end)}@keyframes hud-pop{0%{transform:scale(1)}30%{transform:scale(1.6)}60%{transform:scale(.85)}to{transform:scale(1)}}.hud-floater{position:absolute;pointer-events:none;image-rendering:pixelated;animation:hud-floater 1s steps(10,end) forwards}@keyframes hud-floater{0%{transform:translate(-50%,-50%)}70%{opacity:1}to{transform:translate(-50%,calc(-50% - 16 * var(--px)));opacity:0}}.settings-button{position:absolute;top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 12px);min-height:calc(16 * var(--pk));padding:0 calc(5 * var(--pk));opacity:.85}.chat-button{position:absolute;top:calc(var(--safe-top) + 8px + 16 * var(--pk) + 6px);right:calc(var(--safe-right) + 12px);min-height:calc(16 * var(--pk));padding:0 calc(5 * var(--pk));opacity:.85}.chat-box{position:absolute;top:calc(var(--safe-top) + 8px);left:round(down,50%,1px);transform:translate(-50%);width:360px;width:round(down,min(360px,100% - 32px),4px)}.purse{display:flex;align-items:center;gap:calc(3 * var(--px));pointer-events:none}.purse canvas,.purse-fx,.purse-fx canvas{display:block;image-rendering:pixelated}.purse-part{display:flex;align-items:center;gap:calc(1.5 * var(--px))}.purse-squash{animation:purse-squash .28s steps(4,end)}@keyframes purse-squash{0%{transform:scale(1.25,.8)}50%{transform:scale(.9,1.15)}}.purse-fx{position:absolute;pointer-events:none}.purse-floater{display:flex;gap:var(--px);animation:purse-floater .9s steps(9,end) forwards}@keyframes purse-floater{0%{transform:translateY(4px)}70%{opacity:1}to{transform:translateY(-14px);opacity:0}}@media(prefers-reduced-motion:reduce){.purse-squash,.purse-floater,.hud-hurt,.hud-pop{animation:none}}.debug-section{display:flex;flex-direction:column;gap:calc(2 * var(--pk))}.debug-section-title{color:var(--pk-mute);text-align:left}.debug-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(2 * var(--pk))}.debug .debug-tool{justify-content:center}.debug .debug-tool[data-metal=gold]{color:var(--pk-gold)}.settings-stats{color:var(--pk-mute)}.settings-ping[data-level=good]{color:#9be36b}.settings-ping[data-level=fair]{color:#f2b84e}.settings-ping[data-level=poor]{color:#dd664f}.shop-prompt{position:absolute;left:round(down,50%,1px);bottom:calc(36px + var(--safe-bottom));transform:translate(-50%);flex-direction:column;gap:0;padding:var(--pk) calc(8 * var(--pk));animation:shop-prompt 1.2s steps(2,end) infinite}.shop-prompt-name{color:#6a3a1c}@keyframes shop-prompt{50%{filter:brightness(1.2)}}.item-backdrop{position:absolute;inset:0;background:#04021e59}.item-window{--slot: 64px;--slot-gap: var(--pk);align-items:stretch;gap:0;text-align:left;max-height:calc(100% - 4px - var(--safe-top) - var(--safe-bottom));max-height:round(down,100% - 4px - var(--safe-top) - var(--safe-bottom),2px)}.item-window-head .pk-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-window.shop{width:1400px;width:round(down,min(1400px,100% - var(--safe-left) - var(--safe-right)),4px);max-width:none;height:900px;height:round(down,min(900px,100% - var(--safe-top) - var(--safe-bottom)),2px);max-height:none}.item-window.bag{width:640px;width:round(down,min(640px,100% - 16px),4px)}.shop-body{flex:1;display:flex;gap:calc(4 * var(--pk));min-height:0;container:shop / inline-size}.shop-side{position:relative;flex:none;display:flex;gap:calc(4 * var(--pk));min-height:0}.bag-tooltip.shop-detail{display:none}.bag-tooltip.shop-detail.open{display:flex;position:absolute;inset:0;z-index:1;overflow-y:auto}.bag-tooltip.shop-detail .item-close{align-self:flex-end;flex:none}@container shop (min-width: 1000px){.shop-side{flex:1}.bag-tooltip.shop-detail,.bag-tooltip.shop-detail.open{display:flex;position:static;flex:1;min-width:0}.bag-tooltip.shop-detail .item-close{display:none}}.item-list{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:calc(2 * var(--pk));overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.item-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:calc(2 * var(--pk));padding:calc(2 * var(--pk)) calc(3 * var(--pk)) calc(3 * var(--pk)) calc(2 * var(--pk))}.item-card-top{display:flex;align-items:flex-start;gap:calc(3 * var(--pk));min-width:0}.item-card-deal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(3 * var(--pk))}.item-card .item-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-card-top{align-items:center}.item-card-deal .item-button{flex:none;width:calc(56 * var(--pk));max-width:100%;margin-left:auto}.item-icon{flex:none;width:var(--slot, 64px);height:var(--slot, 64px);image-rendering:pixelated;pointer-events:none}.item-info{flex:1;min-width:0}.item-name{color:var(--pk-fg);overflow-wrap:anywhere}.item-meta{display:flex;flex-direction:column;color:var(--pk-dim)}.item-button{padding:var(--pk) calc(4 * var(--pk))}.item-button:disabled{color:var(--pk-red-hi)}.item-why{color:var(--pk-red-hi)}.item-good{color:var(--pk-green-hi)}.item-bad,.coins.item-bad{color:var(--pk-red-hi)}.item-empty{padding:calc(4 * var(--pk)) calc(2 * var(--pk));text-align:center;color:var(--pk-mute)}.coins{display:inline-flex;align-items:center;gap:calc(3 * var(--pk));color:var(--pk-fg);white-space:nowrap}.coins-part{display:inline-flex;align-items:center;gap:var(--pk)}.coin-icon{width:14px;height:14px;image-rendering:pixelated}.bag-body{display:flex;gap:calc(4 * var(--pk));min-height:0;overflow-y:auto}.bag-side{flex:none;display:flex;flex-direction:column;justify-content:space-between;gap:calc(4 * var(--pk))}.bag-doll{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * var(--pk))}.bag-doll-slot{display:flex;flex-direction:column;align-items:center;color:var(--pk-dim)}.bag-grid{flex:none;display:grid;grid-template-columns:repeat(4,var(--slot));grid-auto-rows:var(--slot);gap:var(--slot-gap)}.item-slot{width:var(--slot);height:var(--slot);padding:0;display:grid;place-items:center;border:0;border-radius:0;cursor:pointer}.item-slot:disabled{cursor:default}.item-slot.worn{box-shadow:inset var(--pk) var(--pk) 0 0 var(--pk-gold-lo),inset calc(-1 * var(--pk)) calc(-1 * var(--pk)) 0 0 var(--pk-gold)}.item-slot.picked{box-shadow:inset 0 0 0 var(--pk) var(--pk-crystal),inset 0 0 0 calc(2 * var(--pk)) var(--pk-ink)}.item-slot.too-high .item-icon{filter:sepia(1) hue-rotate(-50deg) saturate(3) brightness(.8)}.item-foot{display:flex;flex-direction:column;align-items:flex-start;gap:0;color:var(--pk-dim)}.bag-tooltip{flex:1;min-width:0;display:flex;flex-direction:column;padding:calc(2 * var(--pk)) calc(3 * var(--pk)) calc(3 * var(--pk));color:var(--pk-dim)}.item-worn{color:var(--pk-gold)}.item-sells{display:flex;flex-wrap:wrap;align-items:center;column-gap:calc(3 * var(--pk))}.item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(3 * var(--pk));margin-top:auto;padding-top:calc(3 * var(--pk))}.bag-panel.compact{position:relative;flex:none;display:grid;grid-template-columns:auto auto;grid-template-areas:"foot doll" "grid grid";align-content:start;gap:calc(2 * var(--pk)) calc(4 * var(--pk));min-height:0;overflow-y:auto}.bag-panel.compact .bag-doll{grid-area:doll;justify-self:end;flex-direction:row;gap:var(--slot-gap)}.bag-panel.compact .bag-doll-slot>span{display:none}.bag-panel.compact .bag-grid{grid-area:grid}.bag-panel.compact .item-foot{grid-area:foot;flex-direction:column;justify-content:center;align-items:flex-start}.move-offer{position:absolute;top:calc(var(--safe-top) + 8px);left:round(down,50%,1px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--pk));max-width:calc(100% - 16px);text-align:center}.ghost-note{position:absolute;top:calc(var(--safe-top) + 8px);left:round(down,50%,1px);transform:translate(-50%);max-width:calc(100% - 16px);text-align:center;pointer-events:none}.item-toast{position:absolute;top:calc(var(--safe-top) + 8px);left:round(down,50%,1px);transform:translate(-50%);max-width:calc(100% - 16px);text-align:center;pointer-events:none;animation:item-toast 2.2s steps(11,end) forwards}@keyframes item-toast{80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.shop-prompt,.item-toast{animation:none}}@container shop (min-width: 1000px){.shop-body>.item-list{flex:none;width:520px}}.item-card{cursor:pointer}.item-card.picked{box-shadow:inset 0 0 0 var(--pk) var(--pk-crystal),inset 0 0 0 calc(2 * var(--pk)) var(--pk-ink)}.item-detail-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-detail-icon{align-self:center;margin:var(--pk) 0 calc(2 * var(--pk))}