.room-template.svelte-1lyauwr{z-index:50;box-sizing:border-box;cursor:pointer;pointer-events:auto;font:inherit;text-align:left;position:absolute}.room-template.svelte-1lyauwr:not(.room-template--admin){background:0 0;border:none}.room-template.svelte-1lyauwr:not(.room-template--admin) span:where(.svelte-1lyauwr){display:none}.room-template--admin.svelte-1lyauwr{cursor:grab;background:#ffc40038;border:2px dashed #ffaa00e6;transition:background .1s}.room-template--admin.svelte-1lyauwr:hover{background:#ffdc0061}.room-template--dragging.svelte-1lyauwr{cursor:grabbing!important;background:#ffdc0080!important}.room-template.svelte-1lyauwr span:where(.svelte-1lyauwr){color:#fff;pointer-events:none;background:#0009;padding:4px 7px;font:600 14px sans-serif;position:absolute;top:8px;left:8px}.admin-panel.svelte-vhyu5k{z-index:9000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#dde6ff;pointer-events:auto;background:#0a0c14e0;border-left:1px solid #78a0ff2e;flex-direction:column;width:280px;font:13px/1.4 Inter,Segoe UI,sans-serif;transition:width .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.admin-panel--collapsed.svelte-vhyu5k{width:38px}.ap-header.svelte-vhyu5k{border-bottom:1px solid #78a0ff1f;align-items:center;gap:6px;min-height:40px;padding:10px 10px 8px;display:flex}.ap-title.svelte-vhyu5k{letter-spacing:.02em;color:#9ab8ff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.ap-title.svelte-vhyu5k em:where(.svelte-vhyu5k){color:#c8d8ff;font-style:normal}.ap-collapse.svelte-vhyu5k{color:#9ab8ff;cursor:pointer;background:0 0;border:1px solid #78a0ff40;border-radius:4px;padding:2px 7px;font-size:11px;transition:background .15s}.ap-collapse.svelte-vhyu5k:hover{background:#78a0ff26}.ap-tabs.svelte-vhyu5k{border-bottom:1px solid #78a0ff1f;display:flex}.ap-tab.svelte-vhyu5k{color:#6b84c0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font:11px/1 Inter,sans-serif;transition:color .15s,border-color .15s}.ap-tab.svelte-vhyu5k:hover{color:#c0d0ff}.ap-tab--active.svelte-vhyu5k{color:#c8d8ff;border-bottom-color:#5b8eff;font-weight:600}.ap-body.svelte-vhyu5k{scrollbar-width:thin;scrollbar-color:#78a0ff33 transparent;flex:1;padding:8px 0;overflow-y:auto}.ap-list.svelte-vhyu5k{margin:0;padding:0;list-style:none}.ap-list-item.svelte-vhyu5k{border-bottom:1px solid #ffffff0a}.ap-list-row.svelte-vhyu5k{align-items:center;display:flex}.ap-list-btn.svelte-vhyu5k{color:#c0d0ff;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:7px 12px;font:12px/1.3 Inter,sans-serif;transition:background .12s;display:flex}.ap-list-btn.svelte-vhyu5k:hover{background:#78a0ff14}.ap-list-item--selected.svelte-vhyu5k>.ap-list-btn:where(.svelte-vhyu5k),.ap-list-item--selected.svelte-vhyu5k>.ap-list-row:where(.svelte-vhyu5k)>.ap-list-btn:where(.svelte-vhyu5k){color:#fff;background:#5a8cff29}.ap-list-src.svelte-vhyu5k{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ap-list-badge.svelte-vhyu5k{color:#8aa8f0;background:#78a0ff26;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:10px}.ap-icon-btn.svelte-vhyu5k{cursor:pointer;color:#6b84c0;background:0 0;border:none;padding:6px 10px;font-size:12px;transition:color .15s}.ap-icon-btn--danger.svelte-vhyu5k:hover{color:#ff6b6b}.ap-fields.svelte-vhyu5k{background:#00000040;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px 10px;display:grid}.ap-field.svelte-vhyu5k{flex-direction:column;gap:3px;display:flex}.ap-field--full.svelte-vhyu5k{grid-column:span 2}.ap-field.svelte-vhyu5k span:where(.svelte-vhyu5k){color:#7090c0;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.ap-field.svelte-vhyu5k span:where(.svelte-vhyu5k) em:where(.svelte-vhyu5k){text-transform:none;color:#5070a0;font-style:normal;font-weight:400}.ap-field.svelte-vhyu5k input:where(.svelte-vhyu5k),.ap-field.svelte-vhyu5k select:where(.svelte-vhyu5k){color:#dde6ff;box-sizing:border-box;background:#141e3ccc;border:1px solid #78a0ff33;border-radius:4px;outline:none;width:100%;padding:5px 7px;font:12px/1 Inter,sans-serif;transition:border-color .15s}.ap-field.svelte-vhyu5k input:where(.svelte-vhyu5k):focus,.ap-field.svelte-vhyu5k select:where(.svelte-vhyu5k):focus{border-color:#5b8eff}.ap-hint.svelte-vhyu5k{color:#5b7ab0;grid-column:span 2;margin:0;font-size:11px}.ap-hint.svelte-vhyu5k strong:where(.svelte-vhyu5k){color:#8af}.ap-hint--painting.svelte-vhyu5k{color:#fc5;padding:8px 12px;font-weight:600}.ap-zone-controls.svelte-vhyu5k{flex-direction:column;gap:8px;padding:10px 12px 6px;display:flex}.ap-empty.svelte-vhyu5k{color:#4a6080;text-align:center;padding:16px 12px;font-size:12px}.ap-btn.svelte-vhyu5k{color:#9ab8ff;cursor:pointer;background:#5078ff2e;border:1px solid #5078ff59;border-radius:5px;padding:6px 10px;font:12px Inter,sans-serif;transition:background .15s,color .15s}.ap-btn.svelte-vhyu5k:hover{color:#fff;background:#5078ff4d}.ap-btn--danger.svelte-vhyu5k{color:#f88;background:#ff3c3c26;border-color:#ff3c3c4d}.ap-btn--danger.svelte-vhyu5k:hover{color:#fff;background:#ff3c3c4d}.ap-btn--export.svelte-vhyu5k{flex:1}.ap-footer.svelte-vhyu5k{background:#0003;border-top:1px solid #78a0ff1a;gap:8px;padding:10px 12px;display:flex}.game-viewport.svelte-1humu18{cursor:crosshair;touch-action:none;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.game-viewport.svelte-1humu18 canvas{width:100%;height:100%;display:block}.chat-bubble-stack.svelte-1humu18{z-index:5;box-sizing:border-box;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:200px;display:flex;position:absolute;transform:translate(-50%,-100%)}.chat-bubble.svelte-1humu18{box-sizing:border-box;color:#030303;overflow-wrap:anywhere;text-align:center;pointer-events:none;background:#fff;border:0;border-radius:12px;width:fit-content;max-width:100%;padding:6px 10px;font:13px/1.2 Lexend,sans-serif;animation:.18s ease-out both svelte-1humu18-chat-bubble-in;position:relative}.chat-bubble--leaving.svelte-1humu18{animation:.36s ease-in both svelte-1humu18-chat-bubble-out}.chat-bubble--latest.svelte-1humu18:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes svelte-1humu18-chat-bubble-in{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes svelte-1humu18-chat-bubble-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.96)}}.remote-player-hitbox.svelte-1humu18{z-index:1;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:112px;height:144px;position:absolute;top:40px;left:49px}.info.svelte-uoin0t{z-index:100;background-color:#ffffff80;position:fixed;top:auto;bottom:auto;left:0}#GameEngine.svelte-uoin0t{background-color:#e0b525;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-box.svelte-uoin0t{width:100%;height:100%}.game-meta.svelte-uoin0t{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.top.svelte-gjc2y0{display:flex;top:0;left:0}.top.svelte-gjc2y0 .left:where(.svelte-gjc2y0){align-items:center;gap:var(--hud-gap);min-width:0;display:flex}.top.svelte-gjc2y0 .right:where(.svelte-gjc2y0){gap:15px;margin-left:auto;display:flex}.bottom.svelte-gjc2y0{justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:auto;display:flex;top:auto;bottom:0;left:0}.bottom.svelte-gjc2y0 .left:where(.svelte-gjc2y0),.bottom.svelte-gjc2y0 .right:where(.svelte-gjc2y0){gap:15px;display:flex}.hud.svelte-gjc2y0{--hud-gap:15px;--hud-padding:50px;box-sizing:border-box;padding:max(var(--hud-padding), env(safe-area-inset-top)) max(var(--hud-padding), env(safe-area-inset-right)) max(var(--hud-padding), env(safe-area-inset-bottom)) max(var(--hud-padding), env(safe-area-inset-left));pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hud.svelte-gjc2y0 button:where(.svelte-gjc2y0),.hud.svelte-gjc2y0 input:where(.svelte-gjc2y0){pointer-events:auto;touch-action:auto}.coins.svelte-gjc2y0{box-sizing:content-box;color:#000;background:#e5edf2 url(../../../hud/paper-texture.png) 50%/100% 100%;border-radius:15px;align-items:center;gap:14px;height:28px;padding:10px;font:400 23px Lexend,sans-serif;display:flex;top:71px;left:139px;box-shadow:0 .12rem .59rem #0003}.coins.svelte-gjc2y0 img:where(.svelte-gjc2y0){object-fit:cover;width:28px;height:28px}.hud-button.svelte-gjc2y0{color:#47220b;cursor:pointer;background:#e5edf2 url(../../../hud/paper-texture.png) 50%/47%;border:0;border-radius:12.5px;place-items:center;width:60px;height:60px;padding:0;font:700 34px Lexend,sans-serif;transition:transform .1s ease-in-out,filter .1s ease-in-out;display:grid;box-shadow:0 .12rem 1.48rem #0003}.hud-button.svelte-gjc2y0:hover{filter:brightness(.9);transform:scale(1.15)rotate(5deg)}.hud-button:hover.odd.svelte-gjc2y0{transform:scale(1.15)rotate(-5deg)}.hud-button--yellow.svelte-gjc2y0{background:#e0b525}.hud-button--large.svelte-gjc2y0{width:85px;height:85px}.chat.svelte-gjc2y0{box-sizing:content-box;background:#e5edf2;border:5px solid #47220b;flex:0 482px;width:482px;min-width:0;max-width:100%;height:57px;display:flex;bottom:57px;left:50%;box-shadow:0 .12rem .59rem #0003}.chat.svelte-gjc2y0 input:where(.svelte-gjc2y0){background:0 0;border:0;outline:0;flex:1;min-width:0;padding:15px;font-family:Lexend,sans-serif;font-size:16px;font-weight:600}.chat__side.svelte-gjc2y0{cursor:pointer;background:#47220b;border:0;flex:none;place-items:center;width:57px;padding:0;display:grid}.chat__side.svelte-gjc2y0 img:where(.svelte-gjc2y0){width:58%;height:58%}.top.svelte-gjc2y0,.bottom.svelte-gjc2y0,.top.svelte-gjc2y0 .right:where(.svelte-gjc2y0),.bottom.svelte-gjc2y0 .left:where(.svelte-gjc2y0),.bottom.svelte-gjc2y0 .right:where(.svelte-gjc2y0){gap:var(--hud-gap)}.hud.svelte-gjc2y0 button:where(.svelte-gjc2y0){appearance:none;-webkit-tap-highlight-color:transparent}.hud.svelte-gjc2y0 button:where(.svelte-gjc2y0):focus:not(:focus-visible){outline:none}.hud.svelte-gjc2y0 button:where(.svelte-gjc2y0):focus-visible{outline-offset:3px;outline:3px solid #56b3e1}.chat.svelte-gjc2y0:has(input:where(.svelte-gjc2y0):focus-visible){box-shadow:0 0 0 2px #47220b}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.hud.svelte-gjc2y0{--hud-padding:10px;--hud-gap:8px}.hud-button.svelte-gjc2y0{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hud-button.svelte-gjc2y0 img:where(.svelte-gjc2y0){object-fit:contain;object-position:center;width:28px;height:28px;display:block}.hud-button.svelte-gjc2y0,.hud-button--large.svelte-gjc2y0{border-radius:10px;flex-shrink:0;width:44px;height:44px;font-size:26px}.coins.svelte-gjc2y0{border-radius:10px;gap:6px;min-width:0;height:28px;padding:6px 8px;font-size:15px}.coins.svelte-gjc2y0 strong:where(.svelte-gjc2y0){overflow-wrap:anywhere;min-width:0}.coins.svelte-gjc2y0 img:where(.svelte-gjc2y0){width:22px;height:22px}.chat.svelte-gjc2y0{box-sizing:border-box;border-width:5px;height:54px}.chat.svelte-gjc2y0 input:where(.svelte-gjc2y0){padding:8px}.chat__side.svelte-gjc2y0{width:44px}}@media (width<=540px){.bottom.svelte-gjc2y0{grid-template-columns:1fr 1fr;display:grid}.bottom.svelte-gjc2y0 .left:where(.svelte-gjc2y0){grid-area:1/1;justify-content:flex-end;align-items:center}.bottom.svelte-gjc2y0 .right:where(.svelte-gjc2y0){grid-area:1/2;justify-content:flex-start;align-items:center}.chat.svelte-gjc2y0{grid-area:2/1/auto/-1;width:100%}}.hud-button.svelte-gjc2y0:active{filter:brightness(.9);transform:scale(1.1)rotate(5deg)}.hud-button.odd.svelte-gjc2y0:active{transform:scale(1.1)rotate(-5deg)}h1.svelte-14zavgl{text-align:center;justify-content:center;align-items:center;width:100%;height:50px;margin-top:0;margin-bottom:50px;display:flex}.closebutton.svelte-14zavgl{aspect-ratio:1;justify-content:stretch;align-items:stretch;width:50px;height:50px;display:flex;position:absolute;top:50px;right:50px}.closebutton.svelte-14zavgl button{width:100%;height:100%}.screen.svelte-14zavgl{background-color:#fff;flex-direction:column;justify-content:stretch;height:calc(100% - 100px);padding:50px;display:flex}.server-list.svelte-14zavgl{background-color:#56b3e1;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:25px;height:100%;margin-bottom:50px;padding:25px;display:flex;overflow-y:scroll}.server-list.svelte-14zavgl::-webkit-scrollbar{width:15px}.server-list.svelte-14zavgl::-webkit-scrollbar-thumb{background-color:#fff;background-clip:padding-box;border:4px solid #0000;border-radius:10px;width:1px}.server-list.svelte-14zavgl::-webkit-scrollbar-thumb:hover{background-color:#f0f0f0;border:3.5px solid #0000}.server-list.svelte-14zavgl button:where(.svelte-14zavgl){appearance:none;text-align:left;background-color:#fff;border:none;border-radius:15px;outline:none;width:calc(50% - 15px);height:fit-content;padding:1rem;font-family:Lexend,sans-serif;transition:transform .2s ease-in-out}.server-list.svelte-14zavgl button:where(.svelte-14zavgl) h2:where(.svelte-14zavgl){margin:0;font-size:1.75rem;font-weight:700}.server-list.svelte-14zavgl button:where(.svelte-14zavgl) p:where(.svelte-14zavgl){margin:0}.server-list.svelte-14zavgl button:where(.svelte-14zavgl):hover{transform:scale(1.05)}.server-status.svelte-14zavgl{gap:.35rem;margin-top:.75rem;font-size:.8rem;font-weight:600;display:grid}.status-track.svelte-14zavgl{background:#3f83a5bf;border-radius:999px;width:100%;height:.45rem;display:block;overflow:hidden}.status-fill.svelte-14zavgl{border-radius:inherit;background:#10c433;height:100%;transition:width .25s,background-color .25s;display:block}.status-fill.status-full.svelte-14zavgl{background:#e38b32}.start.svelte-57npw8{background-color:#56b3e1;background-image:url(../../../placeholder/startscreen.png);background-position:bottom;background-size:cover;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.start.svelte-57npw8 img:where(.svelte-57npw8){width:300px}h1.svelte-1mone3y{position:absolute;top:60px}.topbutton.svelte-1mone3y{position:absolute;top:75px;right:75px}form.svelte-1mone3y{flex-direction:column;align-items:center;gap:20px;width:350px;margin-top:30px;display:flex}form.svelte-1mone3y>div{width:100%}form.svelte-1mone3y button{position:absolute;bottom:50px}form.svelte-1mone3y label{flex-direction:column;align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:flex}.login.svelte-1mone3y{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.login.svelte-1mone3y{box-sizing:border-box;min-width:0;min-height:0;max-height:var(--phone-viewport-height,100dvh);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior-y:contain;justify-content:flex-start;scroll-padding-block:16px;overflow-y:auto}.login.svelte-1mone3y>:where(.svelte-1mone3y){flex-shrink:0}h1.svelte-1mone3y{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(1.5rem,6vw,2rem);position:static}.topbutton.svelte-1mone3y{z-index:1;order:-1;align-self:flex-end;position:sticky;top:0;right:auto}.topbutton.svelte-1mone3y button{min-width:44px;min-height:44px}form.svelte-1mone3y{width:100%;min-width:0;max-width:350px;margin-top:0}form.svelte-1mone3y>div{min-width:0}form.svelte-1mone3y input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;scroll-margin-block:64px 16px;font-size:16px}form.svelte-1mone3y button{min-height:44px;scroll-margin-block:64px 16px;position:static;width:100%!important}}.card-wrapper.svelte-1t5nn6c{position:relative}.card.svelte-1t5nn6c{box-sizing:content-box;width:220px;transform:scale(var(--card-scale));transform-origin:0 0;background:url(../../../charactercard/bg.png) 0 0/contain;flex-direction:column;align-items:center;gap:10px;height:360px;padding:0 20px 20px;display:flex;position:absolute;top:0;left:0;overflow:visible}.card.svelte-1t5nn6c .user:where(.svelte-1t5nn6c){background-color:#d3d3d3;width:100%;font-weight:700}.card.svelte-1t5nn6c .user:where(.svelte-1t5nn6c) p:where(.svelte-1t5nn6c){margin:5px}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c){width:100%;display:flex}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c) .left:where(.svelte-1t5nn6c){gap:10px;margin-right:auto;display:flex}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c) .left:where(.svelte-1t5nn6c) button:where(.svelte-1t5nn6c):hover{background-color:color-mix(in oklab, var(--character-accent-shading) 90%, black);transform:scale(1.1)rotate(10deg)}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c) .right:where(.svelte-1t5nn6c){gap:10px;margin-left:auto;display:flex}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c) .right:where(.svelte-1t5nn6c) button:where(.svelte-1t5nn6c):hover{background-color:color-mix(in oklab, var(--character-accent-shading) 90%, black);transform:scale(1.1)rotate(-10deg)}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c) button:where(.svelte-1t5nn6c){appearance:none;background:0 0;background-color:var(--character-accent-shading);color:#fff;cursor:pointer;border:none;border-radius:10px;outline:none;width:40px;height:40px;transition:transform .1s ease-in-out,background-color .1s ease-in-out}.card.svelte-1t5nn6c .buttons:where(.svelte-1t5nn6c) button:where(.svelte-1t5nn6c) img:where(.svelte-1t5nn6c){height:20px}.card.svelte-1t5nn6c .user:where(.svelte-1t5nn6c){justify-content:center;align-items:center;gap:5px;display:flex}.card.svelte-1t5nn6c .character:where(.svelte-1t5nn6c){aspect-ratio:1;background-image:url(placeholder/parkbg.png);background-size:contain;justify-content:center;align-items:center;width:220px;margin-top:0;display:flex}.card.svelte-1t5nn6c .character:where(.svelte-1t5nn6c) svg{height:220px}.card.svelte-1t5nn6c .close-button:where(.svelte-1t5nn6c){appearance:none;color:#0000;cursor:pointer;background:0 0;border:0;width:120px;height:40px;margin:0 auto}.sr-only.svelte-1t5nn6c{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card.svelte-1t5nn6c button:where(.svelte-1t5nn6c):focus-visible{outline:3px solid var(--character-accent-shading);outline-offset:3px}.return-button.svelte-dt6kx9{background:var(--return-button-color);color:#fff;cursor:pointer;border:0;border-radius:11.85px;place-items:center;width:56.89px;height:56.89px;padding:8px;transition:transform .1s ease-in-out,background-color .1s ease-in-out;display:grid}.return-button.svelte-dt6kx9:hover{background-color:color-mix(in oklab, var(--return-button-color) 90%, black);transform:scale(1.1)rotate(-5deg)}.return-button.svelte-dt6kx9:active{transform:scale(.98)rotate(0)}.return-button.svelte-dt6kx9 svg{object-fit:contain;width:100%;height:100%}.screen.svelte-17ppoby{background-color:var(--player-color);isolation:isolate;color:#fff;width:100%;height:100%;position:relative;overflow:hidden}.screen.svelte-17ppoby:before{z-index:-1;content:"";background-image:linear-gradient(#ffffffb3,#ffffffb3),url(../../../mycharacter/star-pattern-spaced.svg);background-position:0 0;background-repeat:repeat,repeat;background-size:auto,44px 44px;position:absolute;inset:-20%}.topbar.svelte-17ppoby{z-index:3;justify-content:space-between;align-items:center;padding:44.5px;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.top-button.svelte-17ppoby{background:var(--button-color);color:#fff;cursor:pointer;border:0;border-radius:11.85px;place-items:center;width:56.89px;height:56.89px;padding:0;font:700 30.34px/1 Lexend,sans-serif;transition:transform .1s ease-in-out,background-color .1s ease-in-out;display:grid}.top-button.svelte-17ppoby:hover{background-color:color-mix(in oklab, var(--button-color) 90%, black);transform:scale(1.1)rotate(-5deg)}.stage.svelte-17ppoby{height:100%;position:absolute;inset:0}.character.svelte-17ppoby{z-index:1;width:30.186%;height:65%;position:absolute;top:11.997%;left:34.907%}.character.svelte-17ppoby svg{width:100%;height:100%}.platform.svelte-17ppoby{object-fit:fill;pointer-events:none;width:100%;height:70%;position:absolute;bottom:-50px;left:0}.actions.svelte-17ppoby{z-index:3;justify-content:center;gap:5.556%;width:100%;display:flex;position:absolute;bottom:50px;left:0}.actions.svelte-17ppoby button:where(.svelte-17ppoby){background:var(--button-color);color:#fff;text-align:right;cursor:pointer;border:0;border-radius:11.85px;align-items:center;gap:0;width:250px;height:100px;padding:25px;font:600 18.96px/1 Lexend,sans-serif;transition:transform .1s ease-in-out,background-color .1s ease-in-out;display:flex}.actions.svelte-17ppoby button:where(.svelte-17ppoby):hover{background-color:color-mix(in oklab, var(--button-color) 90%, black);transform:scale(1.1)rotate(5deg)}.actions.svelte-17ppoby button:where(.svelte-17ppoby) img:where(.svelte-17ppoby){object-fit:contain;flex:none;margin-right:auto}.actions.svelte-17ppoby button:where(.svelte-17ppoby) span:where(.svelte-17ppoby){text-align:right;flex:none}.button-funds.svelte-17ppoby img:where(.svelte-17ppoby){aspect-ratio:1;width:32.85%}.button-funds.svelte-17ppoby span:where(.svelte-17ppoby){width:45.7%}.button-drawings.svelte-17ppoby img:where(.svelte-17ppoby){aspect-ratio:1;width:28.1%}.button-drawings.svelte-17ppoby span:where(.svelte-17ppoby){width:47.2%}.button-character.svelte-17ppoby img:where(.svelte-17ppoby){aspect-ratio:1;width:25.72%}.button-character.svelte-17ppoby span:where(.svelte-17ppoby){width:42.2%}@keyframes svelte-17ppoby-stars{0%{background-position:0 0,0 0;transform:rotate(-5deg)}to{background-position:0 0,220px 220px;transform:rotate(-5deg)}}@media (width<=700px){.screen.svelte-17ppoby{width:min(1024px,100vw);height:min(768px,100vh)}}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.screen.svelte-17ppoby{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;padding:12px;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior:contain;grid-template:"topbar""stage"minmax(180px,1fr)"actions"/minmax(0,1fr);gap:12px;display:grid;overflow-y:auto}.screen.svelte-17ppoby:before{inset:0}.topbar.svelte-17ppoby{grid-area:topbar;min-height:44px;padding:0;position:sticky;inset:0 auto auto}.top-button.svelte-17ppoby,.topbar.svelte-17ppoby .return-button{box-sizing:border-box;flex-shrink:0;width:44px;height:44px}.top-button.svelte-17ppoby{font-size:26px}.stage.svelte-17ppoby{grid-area:stage;place-self:center;width:100%;max-width:600px;height:100%;min-height:180px;max-height:480px;position:relative;inset:auto;overflow:hidden}.character.svelte-17ppoby{width:60%;height:80%;top:2%;left:20%}.platform.svelte-17ppoby{height:40%;bottom:0}.actions.svelte-17ppoby{grid-area:actions;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:8px;width:100%;max-width:600px;display:grid;position:relative;inset:auto}.actions.svelte-17ppoby button:where(.svelte-17ppoby){box-sizing:border-box;flex-direction:column;justify-content:center;gap:8px;width:100%;min-width:0;height:auto;min-height:88px;padding:10px 6px;font-size:clamp(11px,2.8vw,16px);line-height:1.15}.actions.svelte-17ppoby button:where(.svelte-17ppoby) img:where(.svelte-17ppoby){width:28px;height:28px;margin:0}.actions.svelte-17ppoby button:where(.svelte-17ppoby) span:where(.svelte-17ppoby){text-align:center;overflow-wrap:anywhere;width:auto;max-width:100%}}@media (width<=600px) and (orientation:landscape) and (height<=500px),(width<=960px) and (orientation:landscape) and (height<=500px) and (pointer:coarse){.screen.svelte-17ppoby{grid-template:"topbar topbar""stage actions"minmax(164px,1fr)/minmax(0,1fr) minmax(140px,30%);gap:8px}.stage.svelte-17ppoby{max-width:440px;min-height:164px}.actions.svelte-17ppoby{grid-template-columns:minmax(0,1fr);align-self:center;gap:8px}.actions.svelte-17ppoby button:where(.svelte-17ppoby){flex-direction:row;justify-content:space-between;min-height:48px;padding:6px 12px;font-size:12px}.actions.svelte-17ppoby button:where(.svelte-17ppoby) span:where(.svelte-17ppoby){text-align:right}}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.top-button.svelte-17ppoby:active{transform:scale(1.1)rotate(-5deg)}.actions.svelte-17ppoby button:where(.svelte-17ppoby):active{transform:scale(1.1)rotate(5deg)}}.preview-host.svelte-1tt6ie1{place-items:center;width:100%;height:100%;display:grid}.preview-host.svelte-1tt6ie1 .character-canvas{aspect-ratio:1;object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.preview-host.svelte-1tt6ie1 span:where(.svelte-1tt6ie1){color:#000;font:700 16px/1 Lexend,sans-serif}.screen.svelte-vr90qz{box-sizing:border-box;background-color:var(--player-color);isolation:isolate;color:#000;flex-direction:column;width:100%;height:100%;padding:56.89px;transition:background-color .25s ease-in-out;display:flex;position:relative;overflow:hidden}.screen.svelte-vr90qz:before{z-index:-1;content:"";background-image:linear-gradient(#ffffffb3,#ffffffb3),url(../../../mycharacter/star-pattern-spaced.svg);background-position:0 0;background-repeat:repeat,repeat;background-size:auto,44px 44px;position:absolute;inset:-20%}.topbar.svelte-vr90qz{justify-content:space-between;height:56.89px;margin-bottom:42.67px;display:flex}.top-button.svelte-vr90qz{background:var(--accent-color);color:#fff;cursor:pointer;border:0;border-radius:11.85px;width:56.89px;height:56.89px;padding:0;font:700 30.34px/1 Lexend,sans-serif;transition:background-color .1s ease-in-out}.content.svelte-vr90qz{gap:60px;height:calc(100% - 100px);min-height:0;display:flex}.items.svelte-vr90qz{background:var(--accent-color);border-radius:11.85px;flex:1;padding:14.22px;transition:background-color .1s ease-in-out;overflow:hidden}.item-grid.svelte-vr90qz{box-sizing:border-box;flex-wrap:wrap;place-content:start center;gap:14.22px;height:100%;padding:20px 24px;display:flex;overflow:hidden auto}.item-grid.svelte-vr90qz::-webkit-scrollbar{width:10px}.item-grid.svelte-vr90qz::-webkit-scrollbar-thumb{border:3px solid var(--accent-color);background:#fff;border-radius:5px}.item-card.svelte-vr90qz{--card-fill:#fff;--card-outline:#000;isolation:isolate;aspect-ratio:360/450;box-sizing:border-box;color:#000;width:150px;min-width:0;font:inherit;text-align:inherit;cursor:pointer;border:0;flex-direction:column;gap:10%;padding:15px;transition:transform .16s;display:flex;position:relative;container-type:inline-size}.item-card.svelte-vr90qz:hover{z-index:2;position:relative;transform:scale(1.1)rotate(5deg)}.item-card.svelte-vr90qz:before,.item-card.svelte-vr90qz:after{content:"";pointer-events:none;z-index:-1;position:absolute}.item-card.svelte-vr90qz:before{background-color:var(--card-fill);clip-path:polygon(0% 0%,27% 0%,41% -1%,56% .5%,70% -1%,84% .5%,98% 0%,100% 9%,99% 21%,100% 34%,100% 55%,101% 66%,100% 78%,99.5% 90%,99.5% 100%,86% 99%,72% 100%,58% 100%,43% 101%,29% 100%,15% 99.5%,1% 100%,0% 90%,0% 67%,0% 55%,-.5% 44%,0% 32%,.5% 22%,-.5% 10%);background-image:url(../../../mycharacter/wardrobe-paper.png);background-position:50%;background-repeat:repeat;background-size:55.5556%;transition:background-color .1s ease-in-out;inset:0}.item-card.svelte-vr90qz:after{background:var(--card-outline);transition:background-color .1s ease-in-out;inset:-1.65% -2.08%;-webkit-mask:url(../../../mycharacter/wardrobe-card-outline.svg) 50%/100% 100% no-repeat;mask:url(../../../mycharacter/wardrobe-card-outline.svg) 50%/100% 100% no-repeat}.item-card.svelte-vr90qz strong:where(.svelte-vr90qz){text-align:center;flex:1;place-items:center;font:700 8cqw/1.25 Lexend,sans-serif;display:grid}.item-preview.svelte-vr90qz{aspect-ratio:1;background:radial-gradient(circle at 50% 0,#fff,#eceff2);flex-shrink:0;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.item-preview.svelte-vr90qz svg{width:100%;height:auto;position:absolute;top:-7.33333%}.color-preview.svelte-vr90qz{aspect-ratio:1;width:82%;position:relative}.color-preview-base.svelte-vr90qz,.color-preview-accent.svelte-vr90qz{border-radius:50%;display:block;position:absolute;box-shadow:inset -12px -14px #0000002e}.color-preview-base.svelte-vr90qz{aspect-ratio:1;background:var(--base-color);width:82%;box-shadow:inset -14px -16px 0 var(--base-shadow);transition:background-color .1s ease-in-out;top:4%;left:9%}.color-preview-accent.svelte-vr90qz{aspect-ratio:1;background:var(--accent-color);width:48%;box-shadow:inset -9px -10px 0 var(--accent-shadow);transition:background-color .1s ease-in-out;bottom:2%;left:auto;right:4%}.item-highlight.svelte-vr90qz{--card-fill:color-mix(in srgb, var(--accent-color), #000 50%);--card-outline:#fff;color:#fff}.item-highlight.svelte-vr90qz:before{background:var(--card-fill)}.preview.svelte-vr90qz{flex-direction:column;flex:0 clamp(250px,30.556vw,560px);align-items:stretch;gap:28.44px;min-width:0;min-height:0;display:flex}.preview-character.svelte-vr90qz{flex:1;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.preview-character.svelte-vr90qz svg{width:100%;height:100%}.save.svelte-vr90qz{background:var(--accent-color);color:#fff;cursor:pointer;border:0;border-radius:11.85px;height:56.89px;font:700 34.13px/1 Lexend,sans-serif;transition:background-color .1s ease-in-out}.categories.svelte-vr90qz{scrollbar-color:var(--accent-color) #fff;scrollbar-width:thin;background:#fff;border-radius:11.85px;flex-direction:column;align-items:center;gap:14.22px;padding:14.22px;transition:background-color .1s ease-in-out;display:flex;overflow:hidden auto}.categories.svelte-vr90qz::-webkit-scrollbar{width:10px}.categories.svelte-vr90qz::-webkit-scrollbar-thumb{background:var(--accent-color);border:3px solid #fff;border-radius:5px}.categories.svelte-vr90qz button:where(.svelte-vr90qz){background:var(--accent-color);cursor:pointer;border:0;border-radius:11.85px;flex:0 0 71.11px;width:71.11px;padding:4.74px;transition:transform .16s,background-color .1s ease-in-out}.categories.svelte-vr90qz button:where(.svelte-vr90qz):hover{background:color-mix(in oklab, var(--accent-color) 90%, black);z-index:2;position:relative;transform:scale(1.05)rotate(-5deg)}.categories.svelte-vr90qz button.category-selected:where(.svelte-vr90qz){background:color-mix(in oklab, var(--accent-color) 80%, black);transition:background-color .1s ease-in-out;transform:scale(1.1)rotate(5deg)}.categories.svelte-vr90qz img:where(.svelte-vr90qz){object-fit:contain;width:42.67px;height:56.89px}@keyframes svelte-vr90qz-stars{0%{background-position:0 0,0 0;transform:rotate(-5deg)}to{background-position:0 0,220px 220px;transform:rotate(-5deg)}}@media (width<=900px){.screen.svelte-vr90qz{padding:24px}.content.svelte-vr90qz{grid-template-columns:minmax(0,1fr) 220px 64px;gap:24px}.item-grid.svelte-vr90qz{grid-template-columns:repeat(2,minmax(0,170.67px))}.preview-character.svelte-vr90qz svg{width:100%;height:auto}}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.screen.svelte-vr90qz{min-width:0;min-height:0;padding:12px;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior:contain;overflow-y:auto}.screen.svelte-vr90qz:before{inset:0}.topbar.svelte-vr90qz{flex:0 0 44px;align-items:center;height:44px;margin-bottom:10px}.top-button.svelte-vr90qz,.topbar.svelte-vr90qz .return-button{box-sizing:border-box;flex-shrink:0;width:44px;height:44px}.top-button.svelte-vr90qz{font-size:26px}.content.svelte-vr90qz{flex:1;grid-template:"categories categories""items preview"minmax(180px,1fr)/minmax(0,1fr) minmax(140px,30%);gap:10px;height:auto;min-height:246px;display:grid}.items.svelte-vr90qz{grid-area:items;min-width:0;min-height:0;padding:4px}.item-grid.svelte-vr90qz{overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));grid-auto-rows:max-content;align-items:start;gap:20px;padding:16px;display:grid}.item-card.svelte-vr90qz{aspect-ratio:auto;grid-template-rows:auto auto;align-content:start;justify-self:center;gap:6px;width:100%;max-width:170px;min-height:44px;padding:10px;display:grid}.item-preview.svelte-vr90qz{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0}.item-card.svelte-vr90qz strong:where(.svelte-vr90qz){overflow-wrap:anywhere;min-height:2.5em;font-size:12px}.preview.svelte-vr90qz{grid-area:preview;gap:10px}.preview-character.svelte-vr90qz svg{width:100%;height:100%;max-height:300px}.save.svelte-vr90qz{overflow-wrap:anywhere;flex-shrink:0;height:auto;min-height:44px;padding:10px;font-size:20px}.categories.svelte-vr90qz{overscroll-behavior:contain;flex-direction:row;grid-area:categories;gap:8px;min-width:0;padding:6px;overflow:auto hidden}.categories.svelte-vr90qz button:where(.svelte-vr90qz){flex:0 0 44px;width:44px;height:44px;padding:4px}.categories.svelte-vr90qz img:where(.svelte-vr90qz){width:100%;height:100%;display:block}}@media (width<=600px){.content.svelte-vr90qz{grid-template:"categories""items"minmax(120px,1fr)"preview"/minmax(0,1fr);min-height:276px}.preview.svelte-vr90qz{flex-direction:row;justify-content:center;align-items:center;gap:16px}.preview-character.svelte-vr90qz{flex:0 100px;height:clamp(80px,16dvh,120px)}.save.svelte-vr90qz{flex:0 180px;min-width:120px}}@media (width<=600px) and (orientation:landscape) and (height<=500px),(width<=960px) and (orientation:landscape) and (height<=500px) and (pointer:coarse){.content.svelte-vr90qz{grid-template:"items preview categories"minmax(150px,1fr)/minmax(0,1fr) minmax(110px,25%) 56px;min-height:150px}.preview.svelte-vr90qz{flex-direction:column;align-items:stretch;gap:6px}.preview-character.svelte-vr90qz{flex:1;height:auto}.save.svelte-vr90qz{flex:none;min-width:0;font-size:18px}.categories.svelte-vr90qz{flex-direction:column;min-height:0;overflow:hidden auto}}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.item-card.svelte-vr90qz:active{z-index:2;position:relative;transform:scale(1.1)rotate(5deg)}.categories.svelte-vr90qz button:where(.svelte-vr90qz):active{background:color-mix(in oklab, var(--accent-color) 90%, black);z-index:2;position:relative;transform:scale(1.05)rotate(-5deg)}.categories.svelte-vr90qz button.category-selected:where(.svelte-vr90qz){background:color-mix(in oklab, var(--accent-color) 80%, black);transform:scale(1.1)rotate(5deg)}}.modal.svelte-yfehpx{background:#56b3e1;border:4.741px solid #47220b;border-radius:18.963px;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:fit-content;max-width:60%;margin:auto;padding:30px;display:flex;box-shadow:inset 0 9.481px 4.741px #ffffff40,0 1.896px 9.481px #0003}.modal.svelte-yfehpx .modal-title:where(.svelte-yfehpx){color:#47220b;text-align:center;margin:0;font-family:Lexend,sans-serif;font-size:24px;font-weight:700}.modal.svelte-yfehpx .description:where(.svelte-yfehpx){text-align:center;color:#47220b;background:#fff;border-radius:9.481px;flex-wrap:wrap;place-content:center;align-self:stretch;align-items:center;min-height:128px;padding:14.222px;font-size:1.2rem;display:flex}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx){flex-wrap:wrap;justify-content:stretch;align-items:center;gap:30px;width:100%;display:flex}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:where(.svelte-yfehpx){appearance:none;color:#fff;text-align:center;background:#47220b;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;width:199.111px;height:56.889px;padding:5px;font-family:Lexend,sans-serif;font-size:1.25rem;font-weight:700;transition:all .15s ease-in-out;display:flex}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:where(.svelte-yfehpx):hover{color:#47220b;background:#fff;border:2px solid #47220b;transform:scale(1.1)rotate(-2deg);box-shadow:0 0 10px #47220b}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:hover.right:where(.svelte-yfehpx){transform:scale(1.1)rotate(2deg)}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:where(.svelte-yfehpx):focus-visible{outline-offset:3px;outline:3px solid #47220b}.modal.svelte-yfehpx{box-sizing:border-box;width:min(380px, var(--modal-available-width,calc(100vw - 24px)));max-width:100%;max-height:var(--modal-available-height,calc(100vh - 24px));overscroll-behavior:contain;touch-action:pan-y;overflow-wrap:anywhere;border-width:3px;border-radius:16px;justify-content:flex-start;gap:14px;padding:16px;overflow:hidden auto}.modal.svelte-yfehpx .modal-title:where(.svelte-yfehpx){flex-shrink:0;width:100%;min-width:0;font-size:1.25rem;line-height:1.25}.modal.svelte-yfehpx .description:where(.svelte-yfehpx){flex-shrink:0;min-width:0;min-height:0;padding:12px;font-size:1rem;line-height:1.45;display:block}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx){flex-shrink:0;align-items:stretch;gap:10px}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:where(.svelte-yfehpx){box-sizing:border-box;overflow-wrap:anywhere;flex:120px;width:auto;min-width:0;height:auto;min-height:44px;padding:10px 12px;font-size:1rem;line-height:1.3}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:where(.svelte-yfehpx):active{transform:scale(1.05)rotate(-2deg)}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button.right:where(.svelte-yfehpx):active{transform:scale(1.05)rotate(2deg)}}@media (width<=360px){.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx){flex-direction:column}.modal.svelte-yfehpx .buttons:where(.svelte-yfehpx) button:where(.svelte-yfehpx){flex-basis:auto}}@media (width<=600px) and (height<=500px),(width<=960px) and (height<=500px) and (pointer:coarse){.modal.svelte-yfehpx{gap:10px;padding:12px}}.overlay-screen.svelte-1ttdrc{z-index:20;pointer-events:auto;background:0 0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.overlay-screen-content.svelte-1ttdrc{width:100%;min-width:100%;height:100%;min-height:100%;overflow:hidden}.overlay-content.svelte-1ttdrc{width:100%;height:100%;overflow:auto}dialog.svelte-f4rc1i{--modal-inset-top:1rem;--modal-inset-right:1rem;--modal-inset-bottom:1rem;--modal-inset-left:1rem;box-sizing:border-box;width:0;min-width:0;max-width:none;height:0;min-height:0;max-height:none;color:inherit;clip-path:inset(0);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}dialog[open].svelte-f4rc1i{place-items:center;display:grid}.modal-space.svelte-f4rc1i{--modal-available-width:0px;--modal-available-height:0px;width:max(0px, calc(100% - var(--modal-inset-left) - var(--modal-inset-right)));height:max(0px, calc(100% - var(--modal-inset-top) - var(--modal-inset-bottom)));margin:var(--modal-inset-top) var(--modal-inset-right) var(--modal-inset-bottom) var(--modal-inset-left);pointer-events:none;grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;min-height:0;display:grid}dialog.svelte-f4rc1i::backdrop{background:0 0}.modal-animation.svelte-f4rc1i{transform-origin:bottom;will-change:opacity, transform;grid-template-rows:minmax(0,1fr);min-width:0;max-width:100%;min-height:0;max-height:100%;animation:.26s cubic-bezier(.2,.8,.2,1) both svelte-f4rc1i-modal-content-in;display:grid;overflow:visible}.modal-animation.svelte-f4rc1i:has(>.modal-content:where(.svelte-f4rc1i)>.popup-window){transform-origin:50%;animation:.36s cubic-bezier(.2,.85,.25,1.15) both svelte-f4rc1i-popup-window-spawn}.modal-content.svelte-f4rc1i{pointer-events:auto;overscroll-behavior:contain;min-width:0;max-width:100%;min-height:0;max-height:100%;overflow:hidden auto}.modal-content.svelte-f4rc1i:has(>.card-wrapper){overflow:visible}:is(.modal-animation.modal-animation-closing.svelte-f4rc1i,.modal-animation.modal-animation-closing.svelte-f4rc1i:has(>.modal-content:where(.svelte-f4rc1i)>.popup-window)){animation:.22s cubic-bezier(.1,.8,.2,1) both svelte-f4rc1i-modal-content-out}@media (width<=600px),(width<=960px) and (height<=500px) and (pointer:coarse){dialog.svelte-f4rc1i{--modal-inset-top:max(12px, env(safe-area-inset-top,0px));--modal-inset-right:max(12px, env(safe-area-inset-right,0px));--modal-inset-bottom:max(12px, env(safe-area-inset-bottom,0px));--modal-inset-left:max(12px, env(safe-area-inset-left,0px));touch-action:pan-y}.modal-content.svelte-f4rc1i:has(>.popup-window){overflow:visible}}@keyframes svelte-f4rc1i-popup-window-spawn{0%{opacity:0;transform:scale(.72)rotate(-3deg)}72%{opacity:1;transform:scale(1.04)rotate(.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes svelte-f4rc1i-modal-content-in{0%{opacity:0;transform:translateY(12px)scale(.94)rotate(-4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes svelte-f4rc1i-modal-content-out{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(8px)scale(.94)rotate(1.5deg)}}.loading-screen.svelte-1w1e0ir{z-index:30;color:#47220b;background:#e0b525;flex-direction:column;place-content:center space-around;place-items:center;gap:1rem;font:700 1rem Lexend,sans-serif;display:flex;position:absolute;inset:0}.spinner.svelte-1w1e0ir{border:12.5px solid #47220b59;border-top-color:#47220b;border-radius:50%;width:3rem;height:3rem;margin-top:auto;margin-bottom:0;animation:.7s linear infinite svelte-1w1e0ir-spin;position:absolute}p.svelte-1w1e0ir{margin:auto;font-size:1.25rem;transform:translateY(150px)}@keyframes svelte-1w1e0ir-spin{to{transform:rotate(360deg)}}.minigame.svelte-qjj3jl{background:#b1aeaa;width:100%;height:100%;position:relative;overflow:hidden}.game-overlay.svelte-qjj3jl{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#b1aeaa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card.svelte-qjj3jl{text-align:center;color:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:320px;height:100%;padding:28px 32px;font-family:Atkinson Hyperlegible Mono,monospace;display:flex}.overlay-card.svelte-qjj3jl .close-button:where(.svelte-qjj3jl){position:absolute;top:60px;right:60px}.overlay-card.svelte-qjj3jl h2:where(.svelte-qjj3jl){letter-spacing:.08em;margin:0;font-size:2.2rem}.overlay-card.svelte-qjj3jl p:where(.svelte-qjj3jl){opacity:.9;margin:0;font-size:1rem}.start-button.svelte-qjj3jl{color:#47220b;cursor:pointer;background:#e0b525;border:none;border-radius:10px;margin-top:50px;padding:12px 28px;font-family:Lexend,sans-serif;font-size:1.5rem;font-weight:700}.hud.svelte-qjj3jl{z-index:12;gap:18px;display:flex;position:absolute;top:18px;right:30px}.minigame.flash-damage.svelte-qjj3jl{animation:.28s svelte-qjj3jl-screen-flash}.minigame.flash-damage.svelte-qjj3jl:after{content:"";pointer-events:none;z-index:11;background:radial-gradient(circle,#f000 46%,#b4000029 100%);animation:.28s svelte-qjj3jl-vignette-pulse;position:absolute;inset:0}@keyframes svelte-qjj3jl-screen-flash{0%{filter:brightness();box-shadow:inset 0 0 #ff464600}20%{filter:brightness(1.04);box-shadow:inset 0 0 0 9999px #ff464614}to{filter:brightness();box-shadow:inset 0 0 #ff464600}}@keyframes svelte-qjj3jl-vignette-pulse{0%{opacity:0}20%{opacity:1}to{opacity:0}}.foreground.svelte-qjj3jl{z-index:5;pointer-events:none;margin-top:120px;position:absolute;inset:0}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl){z-index:4;pointer-events:auto;background-image:url(../../../minigames/shopping/notepad.png);background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:250px;height:500px;font-family:Lexend,sans-serif;display:flex;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl) h3:where(.svelte-qjj3jl){text-align:center;width:100px;margin:40px 0 8px}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl) .item-slot:where(.svelte-qjj3jl){border-radius:18px;justify-content:center;align-items:center;width:140px;height:140px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl) .item-slot.current:where(.svelte-qjj3jl){transform:scale(1.06)}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl) .item-slot.next-item:where(.svelte-qjj3jl){opacity:.68;width:90px;height:90px;transform:scale(.75)}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl) .item-slot.pop:where(.svelte-qjj3jl){animation:.28s svelte-qjj3jl-list-pop}.foreground.svelte-qjj3jl .list:where(.svelte-qjj3jl) .item-slot:where(.svelte-qjj3jl) img:where(.svelte-qjj3jl){object-fit:contain;width:100%;height:100%}.foreground.svelte-qjj3jl .character:where(.svelte-qjj3jl){pointer-events:none;width:auto;height:350px;position:absolute;bottom:0;left:140px}.items.svelte-qjj3jl{z-index:3;pointer-events:none;position:absolute;inset:0}.lane.svelte-qjj3jl{justify-content:center;align-items:center;width:100%;height:160px;margin-top:165px;display:flex;position:relative;overflow:hidden}.lane.bottom.svelte-qjj3jl{margin-top:12px}.shelf-item.svelte-qjj3jl{cursor:pointer;pointer-events:auto;width:150px;height:150px;transform:translate(var(--item-offset), -50%);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .1s;display:flex;position:absolute;top:50%}.shelf-item.click-pulse.svelte-qjj3jl{animation:.14s svelte-qjj3jl-item-click}.shelf-item.svelte-qjj3jl img:where(.svelte-qjj3jl){object-fit:contain;filter:drop-shadow(0 4px 2px #0003);width:96px;height:96px}.bg.svelte-qjj3jl{background-color:#b1aeaa;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.wall-layer.svelte-qjj3jl{pointer-events:none;background-image:url(../../../minigames/shopping/wall.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:120px;position:absolute;top:0;left:0}.wall-layer.svelte-qjj3jl .score-box:where(.svelte-qjj3jl){background-color:#fff;border-radius:5px;justify-content:center;align-items:center;width:max-content;margin:25px auto auto;padding:5px;font-family:Atkinson Hyperlegible Mono,monospace;font-weight:900;display:flex}.wall-layer.svelte-qjj3jl .hp-box:where(.svelte-qjj3jl){color:#e44;justify-content:center;align-items:center;gap:10px;width:max-content;margin:5px auto auto;font-size:30px;display:flex}.wall-layer.svelte-qjj3jl .hp-box.flash:where(.svelte-qjj3jl) strong:where(.svelte-qjj3jl){animation:.26s svelte-qjj3jl-heart-damage}.scroll-track.svelte-qjj3jl{pointer-events:none;will-change:transform;width:200%;height:100%;display:flex;position:absolute;left:0}.scroll-track.svelte-qjj3jl img:where(.svelte-qjj3jl){object-fit:cover;object-position:center top;flex-shrink:0;width:50%;height:100%;display:block}.shelves-track.svelte-qjj3jl{z-index:2;height:420px;top:150px;overflow:hidden}.floor-track.svelte-qjj3jl{z-index:1;height:calc(100% - 500px);top:auto;bottom:0;overflow:hidden}.minigame.compact.svelte-qjj3jl{--hud-height:52px;--list-height:64px;--cart-height:min(300px, 58cqh);--play-top:calc(var(--hud-height) + env(safe-area-inset-top,0px));--play-bottom:calc(var(--list-height) + env(safe-area-inset-bottom,0px));--shelf-height:calc(100cqh - var(--play-top) - var(--play-bottom));--top-ledge:25.87%;--bottom-ledge:66.86%;--lane-image-size:min(var(--item-image-size), calc(var(--shelf-height) * .24));container-type:size}.minigame.compact.svelte-qjj3jl .wall-layer:where(.svelte-qjj3jl){box-sizing:border-box;height:var(--play-top);padding:env(safe-area-inset-top,0px) max(12px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));justify-content:center;align-items:center;gap:16px;display:flex}.minigame.compact.svelte-qjj3jl .wall-layer:where(.svelte-qjj3jl) .score-box:where(.svelte-qjj3jl){margin:0;font-size:14px}.minigame.compact.svelte-qjj3jl .wall-layer:where(.svelte-qjj3jl) .hp-box:where(.svelte-qjj3jl){gap:6px;margin:0;font-size:24px}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl){margin-top:0}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl) .list:where(.svelte-qjj3jl){box-sizing:border-box;width:100%;height:var(--play-bottom);padding:4px max(12px, env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));pointer-events:none;background:#fff5da;flex-direction:row;gap:clamp(4px,1.5cqw,12px);inset:auto 0 0;transform:none}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl) .list:where(.svelte-qjj3jl) h3:where(.svelte-qjj3jl){width:90px;min-width:0;margin:0;font-size:clamp(10px,3cqw,13px)}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl) .list:where(.svelte-qjj3jl) .item-slot:where(.svelte-qjj3jl){border-radius:8px;flex-shrink:0;width:48px;height:48px}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl) .list:where(.svelte-qjj3jl) .item-slot.current:where(.svelte-qjj3jl){background:#fff;box-shadow:0 0 0 2px #e0b525}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl) .list:where(.svelte-qjj3jl) .item-slot.next-item:where(.svelte-qjj3jl){width:36px;height:36px}.minigame.compact.svelte-qjj3jl .foreground:where(.svelte-qjj3jl) .character:where(.svelte-qjj3jl){z-index:3;left:env(safe-area-inset-left,0px);bottom:env(safe-area-inset-bottom,0px);width:auto;height:var(--cart-height);object-fit:contain;object-position:center bottom;pointer-events:none;position:absolute}.minigame.compact.svelte-qjj3jl .items:where(.svelte-qjj3jl){top:var(--play-top);bottom:var(--play-bottom)}.minigame.compact.svelte-qjj3jl .lane:where(.svelte-qjj3jl),.minigame.compact.svelte-qjj3jl .lane.bottom:where(.svelte-qjj3jl){height:max(44px, var(--lane-image-size));top:calc(var(--top-ledge) - var(--lane-image-size) + 5px);margin-top:0;position:absolute;overflow:visible}.minigame.compact.svelte-qjj3jl .lane.bottom:where(.svelte-qjj3jl){top:calc(var(--bottom-ledge) - var(--lane-image-size) + 5px)}.minigame.compact.svelte-qjj3jl .shelf-item:where(.svelte-qjj3jl){width:var(--item-size);height:max(44px, var(--lane-image-size));touch-action:manipulation;-webkit-user-select:none;user-select:none;align-items:flex-start;min-height:44px;max-height:100%}.minigame.compact.svelte-qjj3jl .shelf-item:where(.svelte-qjj3jl) img:where(.svelte-qjj3jl){width:var(--lane-image-size);height:var(--lane-image-size);pointer-events:none;max-height:100%}.minigame.compact.svelte-qjj3jl .shelves-track:where(.svelte-qjj3jl){top:var(--play-top);bottom:var(--play-bottom);height:auto}.minigame.compact.svelte-qjj3jl .shelves-track:where(.svelte-qjj3jl) img:where(.svelte-qjj3jl){object-fit:fill}.minigame.compact.svelte-qjj3jl .floor-track:where(.svelte-qjj3jl){height:var(--play-bottom)}.minigame.compact.svelte-qjj3jl .game-overlay:where(.svelte-qjj3jl){align-items:flex-start;overflow-y:auto}.minigame.compact.svelte-qjj3jl .overlay-card:where(.svelte-qjj3jl){box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:100%;padding:calc(60px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));gap:10px}.minigame.compact.svelte-qjj3jl .overlay-card:where(.svelte-qjj3jl) .close-button:where(.svelte-qjj3jl){top:calc(8px + env(safe-area-inset-top,0px));right:max(8px, env(safe-area-inset-right,0px))}.minigame.compact.svelte-qjj3jl .overlay-card:where(.svelte-qjj3jl) h2:where(.svelte-qjj3jl){overflow-wrap:anywhere;font-size:clamp(1.25rem,4vw,1.75rem)}.minigame.compact.svelte-qjj3jl .overlay-card:where(.svelte-qjj3jl) p:where(.svelte-qjj3jl){overflow-wrap:anywhere;max-width:38ch;font-size:.875rem}.minigame.compact.svelte-qjj3jl .start-button:where(.svelte-qjj3jl){touch-action:manipulation;max-width:100%;min-height:44px;margin-top:8px;padding:10px 20px;font-size:1.125rem}@keyframes svelte-qjj3jl-list-pop{0%{filter:brightness(1.7);transform:scale(.7)}45%{filter:brightness(1.3);transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}@keyframes svelte-qjj3jl-item-click{0%{transform:translate(var(--item-offset), -50%) scale(1);filter:brightness()}50%{transform:translate(var(--item-offset), -50%) scale(.9);filter:brightness(1.4)}to{transform:translate(var(--item-offset), -50%) scale(1);filter:brightness()}}@keyframes svelte-qjj3jl-heart-damage{0%{opacity:1;transform:scale(1)}35%{opacity:.4;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.minigame-layer.svelte-1v5qi5f{z-index:2;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.game-shell.svelte-1v5qi5f{width:100%;height:100%;position:relative;overflow:hidden}.game-layer.svelte-1v5qi5f{z-index:0;filter:blur();position:absolute;inset:0}.game-layer--blurred.svelte-1v5qi5f{filter:blur(8px);animation:.22s both svelte-1v5qi5f-game-blur-in}.game-layer--unblurring.svelte-1v5qi5f{animation:.22s cubic-bezier(.1,.8,.2,1) both svelte-1v5qi5f-game-blur-out}.hud-layer.svelte-1v5qi5f{z-index:1;pointer-events:none;width:100%;height:100%;position:relative}.modal-game-backdrop.svelte-1v5qi5f{z-index:21;cursor:default;pointer-events:auto;background:#00000059;border:0;width:100%;height:100%;padding:0;animation:.22s both svelte-1v5qi5f-modal-backdrop-in;display:block;position:absolute;inset:0}.modal-game-backdrop-closing.svelte-1v5qi5f{pointer-events:none;animation:.22s cubic-bezier(.1,.8,.2,1) both svelte-1v5qi5f-modal-backdrop-out}.modal-layer.svelte-1v5qi5f{z-index:3;position:relative;overflow:hidden}.loading-screen-transition.svelte-1v5qi5f{z-index:100;position:absolute;inset:0}@keyframes svelte-1v5qi5f-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1v5qi5f-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes svelte-1v5qi5f-game-blur-in{0%{filter:blur()}to{filter:blur(8px)}}@keyframes svelte-1v5qi5f-game-blur-out{0%{filter:blur(8px)}to{filter:blur()}}
