:root{--page:#e7e7e7;--fg:#1b1c1f;--fg-dim:#6d7076;--accent:#2b6ef5;--line:#1b1c1f29;--outline:#b4b5b8;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-ui:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--round:50px;--gutter:20px;--sky-pale:#d5d7db;--sky-deep:#b4b5b8;--ground-top:#d5d7db;--ground-bottom:#fff;--pattern:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='27' height='27' fill='%23D5D7DB'/%3E %3Crect x='27' y='27' width='27' height='27' fill='%23D5D7DB'/%3E %3Crect x='27' width='27' height='27' fill='%23ECEEF1'/%3E %3Crect y='27' width='27' height='27' fill='%23ECEEF1'/%3E %3C/svg%3E");--deck-bar:#201d1a;--deck-dim:#b6b0a8;--deck-blue:#377cf6}*{box-sizing:border-box}@property --ui{syntax:"<length>";inherits:true;initial-value:0}html,body,html *,.scene-root,.scene-root canvas{cursor:none!important}html,body{width:100%;height:var(--app-h,100dvh);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}html{background-color:var(--sky-pale);background-image:linear-gradient(to bottom, var(--sky-deep), var(--sky-pale))}.split{width:100%;height:var(--app-h,100dvh);gap:var(--gutter);padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));background:0 0;grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid;position:fixed;top:0;left:0}.split__stage{background:0 0;grid-area:1/1;min-width:0;margin:0;position:relative;container-type:size}.split.is-solo{grid-template-rows:1fr;grid-template-columns:1fr;gap:0}.scene-root{z-index:2;--ui:clamp(40px, min(calc(34cqw - 24px), calc(36cqh - 50px)), 168px);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.squircle-defs{width:0;height:0;position:absolute}.scene-root__view{z-index:1;background:#d5d7db;min-width:0;min-height:0;position:absolute;inset:0}.loader{z-index:30;--ui:clamp(40px, min(calc(34cqw - 24px), calc(36cqh - 50px)), 168px);pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.loader.is-done{opacity:0}.loader__card{pointer-events:auto;background:#d5d7db;place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0}.loader.is-done .loader__card{pointer-events:none}.loader__orbit{--box:min(84vmin, 660px);--radius:calc(var(--box) * .36);--star:calc(var(--box) * .2);--dur:2.6s;--swap:1.6s;width:var(--box);height:var(--box);animation:loader-orbit var(--dur) linear infinite;position:relative}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-swap{0%,to{opacity:1;scale:1}50%{opacity:.72;scale:.5}}.loader__seat{--a:0deg;width:var(--star);height:var(--star);translate:-50% -50%;transform:rotate(var(--a)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--a) * -1));position:absolute;top:50%;left:50%}.loader__star-art{width:100%;height:100%;animation:loader-orbit var(--dur) linear infinite reverse, loader-swap var(--swap) ease-in-out infinite;animation-delay:0s, var(--swap-delay,0s);display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.loader__orbit{animation:1.4s ease-in-out infinite loader-pulse}.loader__star-art{animation:none}}@keyframes loader-pulse{50%{opacity:.5}}@media (hover:none),(pointer:coarse){html,body,html *,.scene-root,.scene-root canvas{cursor:auto!important}.custom-cursor{display:none}}.stickers{--sticker-base:min(calc(1022px + 29.1vw), 1800px, 190vh);z-index:4;pointer-events:none;position:absolute;inset:0}@media (max-width:700px){.stickers{--sticker-base:min(175vw, 190vh)}}.sticker{--lift:drop-shadow(0 1px 1px #1b1c1f1a) drop-shadow(0 5px 8px #1b1c1f1f);--size:calc(var(--span) * var(--sticker-base));width:var(--size);pointer-events:auto;touch-action:none;cursor:grab;filter:var(--lift);transform:translate(-50%, -50%) translate(var(--sx,0), var(--sy,0)) translate(var(--mx,0), var(--my,0)) perspective(500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(var(--turn,0deg)) scale(var(--pop-x,1), var(--pop-y,1));transform-style:preserve-3d;transition:transform .5s,filter .16s;position:absolute}@property --pop-x{syntax:"<number>";inherits:false;initial-value:1}@property --pop-y{syntax:"<number>";inherits:false;initial-value:1}.stickers:not(.is-placed) .sticker{visibility:hidden}.stickers.is-entering .sticker:not(.is-away):not(.is-settling){animation:sticker-pop var(--pop-ms,.72s) linear var(--pop-delay,0s) backwards;transition:filter .16s}@keyframes sticker-pop{0%{--pop-x:.5;--pop-y:.5;opacity:0}16%{opacity:1}32%{--pop-x:1.05;--pop-y:1.05}46%{--pop-x:1.04;--pop-y:.96}62%{--pop-x:.98;--pop-y:1.028}78%{--pop-x:1.017;--pop-y:.992}90%{--pop-x:.995;--pop-y:1.006}to{--pop-x:1;--pop-y:1}}.stickers.is-off .sticker{animation:sticker-drop var(--drop-ms,.26s) ease-in var(--drop-delay,0s) forwards;pointer-events:none;transition:filter .16s}@keyframes sticker-drop{to{--pop-x:.5;--pop-y:.5;opacity:0}}@media (prefers-reduced-motion:reduce){.stickers.is-entering .sticker:not(.is-away):not(.is-settling){animation-name:sticker-appear}.stickers.is-off .sticker{animation-name:sticker-vanish}@keyframes sticker-appear{0%{opacity:0}}@keyframes sticker-vanish{to{opacity:0}}}.sticker.is-away{pointer-events:none;transition:transform .9s cubic-bezier(.22, 1.32, .36, 1) var(--sweep-delay,0s)}.sticker.is-settling{transition:transform .65s cubic-bezier(.22, 1, .36, 1) var(--sweep-delay,0s)}.sticker.is-tilting{transition:filter .16s}.sticker.is-held{--lift:drop-shadow(0 2px 2px #1b1c1f1f) drop-shadow(0 10px 14px #1b1c1f29);cursor:grabbing}.sticker.is-armed{--lift:drop-shadow(0 3px 3px #1b1c1f24) drop-shadow(0 16px 22px #1b1c1f33);transition:filter .12s}.sticker__art,.sticker__lit{position:absolute;inset:0}.sticker__art>svg{width:100%;height:100%;display:block}.sticker__lit{width:100%;height:100%;-webkit-mask-image:var(--art);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--art);mask-image:var(--art);pointer-events:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker__lit--shade{mix-blend-mode:multiply}.sticker__lit--sheen{mix-blend-mode:screen}.hint{z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform;align-items:center;gap:10px;padding:11px 16px;display:flex;position:fixed;top:0;left:0}@media (max-width:700px){.hint{gap:8px;padding:8px 12px}}.hint__frame{width:100%;height:100%;position:absolute;inset:0}.hint__frame path{stroke:var(--outline)}.hint__text{font:700 14px / 1 var(--font-mono);letter-spacing:-.01em;color:var(--outline);position:relative}.hint__arrow{opacity:.55;width:15px;height:auto;position:relative;transform:scaleX(-1)}body:has(.hint) .custom-cursor{opacity:0!important}.custom-cursor{z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:48px;height:auto;image-rendering:pixelated;filter:drop-shadow(1px 2px 2px #1b1c1f61);will-change:transform;position:fixed;top:0;left:0}.pick{z-index:8;width:calc(var(--ui) * .43);height:calc(var(--ui) * .43);background:0 0;border:0;place-items:center;margin:0;padding:0;transition:opacity .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pick--prev{left:calc(var(--ui) * .167)}.pick--next{right:calc(var(--ui) * .167)}.pick__orb{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.pick__art{--flip:1;z-index:1;opacity:.43;width:34%;height:auto;transform:translateY(-12%) scaleX(var(--flip));filter:drop-shadow(0 0 calc(var(--ui) * .015) #fffffff2) drop-shadow(0 0 calc(var(--ui) * .05) #fff9);pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.pick--next .pick__art{--flip:-1}.pick:hover:not(:disabled) .pick__orb{filter:brightness(1.06)}.pick:active:not(:disabled){transform:translateY(-50%)scale(.94)}.pick:disabled{opacity:.22}.pick{transition:opacity .22s,transform .14s}.inventory{--cell:var(--ui);right:calc(var(--ui) * .167);bottom:calc(var(--ui) * .167);z-index:8;width:var(--cell);height:var(--cell);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.inventory__name{right:0;bottom:calc(var(--cell) * .07);font:700 clamp(9px, calc(var(--cell) * .09), 14px) / 1 var(--font-mono);letter-spacing:-.01em;text-align:center;color:var(--outline);--edge:max(1px, calc(var(--cell) * .012));text-shadow:var(--edge) 0 0 #fff, calc(var(--edge) * -1) 0 0 #fff, 0 var(--edge) 0 #fff, 0 calc(var(--edge) * -1) 0 #fff, var(--edge) var(--edge) 0 #fff, var(--edge) calc(var(--edge) * -1) 0 #fff, calc(var(--edge) * -1) var(--edge) 0 #fff, calc(var(--edge) * -1) calc(var(--edge) * -1) 0 #fff;white-space:nowrap;opacity:0;transform:translateY(calc(var(--cell) * .07));margin:0;transition:opacity .22s,transform .22s;position:absolute;left:0}.inventory__name.is-on{opacity:1;transform:none}.inventory.is-dim{opacity:.22;pointer-events:none}.inventory,.inventory.is-dim{transition:opacity .22s}.inventory__defs{width:0;height:0;position:absolute}.inventory__ground{clip-path:url(#inventory-squircle);background:linear-gradient(to bottom, var(--ground-top), var(--ground-bottom));opacity:.6;position:absolute;inset:0}.inventory__ground-art{--tile:calc(var(--cell) * .095);opacity:.7;background-image:var(--pattern);background-repeat:repeat;background-size:var(--tile) var(--tile);position:absolute;inset:0;transform:rotate(30deg)scale(2)}.inventory__frame{fill:none;width:100%;height:100%;stroke:var(--outline);stroke-width:8px;clip-path:url(#inventory-squircle);vector-effect:non-scaling-stroke;position:absolute;inset:0}.inventory__item{z-index:1;clip-path:url(#inventory-squircle);position:absolute;inset:0}@keyframes inventory-float{0%{transform:translateY(-2.4%)rotate(-1.1deg)}to{transform:translateY(2.4%)rotate(1.1deg)}}.inventory__art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:2.2s ease-in-out infinite alternate inventory-float;display:block}@media (prefers-reduced-motion:reduce){.inventory__art{animation:none}}.inventory__empty{fill:#d5d7db;width:52%;height:52%;filter:drop-shadow(0 0 calc(var(--cell) * .015) #fffffff2) drop-shadow(0 0 calc(var(--cell) * .05) #fff9);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zoom{top:calc(var(--ui) * .167);right:calc(var(--ui) * .167);z-index:8;width:calc(var(--ui) * .43);height:calc(var(--ui) * .43);background:0 0;border:0;margin:0;padding:0;transition:transform .14s;position:absolute}.zoom:active{transform:scale(.94)}.zoom__mark{fill:#d5d7db;width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--ui) * .015) #fffffff2) drop-shadow(0 0 calc(var(--ui) * .05) #fff9);pointer-events:none;display:block}.zoom[aria-pressed=true] .zoom__mark{fill:#fff}.sticker-toggle{--line:4px;--track:clamp(30px, calc(var(--ui) * .26), 46px);top:calc(var(--ui) * .382 - var(--track) / 2);z-index:8;width:calc(var(--track) * 1.7);height:var(--track);border:var(--line) solid var(--outline);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;margin:0;padding:0;transition:transform .14s;position:absolute;left:50%;transform:translate(-50%)}.sticker-toggle:active{transform:translate(-50%)scale(.94)}.sticker-toggle__knob{--inner:calc(var(--track) - var(--line) * 2);--knob:calc(var(--inner) * .82);--inset:calc((var(--inner) - var(--knob)) / 2);top:50%;left:var(--inset);width:var(--knob);height:var(--knob);background:var(--outline);opacity:.2;border-radius:50%;transition:transform .26s cubic-bezier(.34,1.7,.5,1),opacity .18s;position:absolute;transform:translateY(-50%)}.sticker-toggle[aria-checked=true] .sticker-toggle__knob{opacity:1;transform:translate(calc(var(--track) * .7), -50%)}@media (prefers-reduced-motion:reduce){.sticker-toggle__knob{transition:none}}.deck{--tab-round:26px;--notch:24px;-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:1/2;min-width:0;display:flex;position:relative}.deck__tabs{padding:0 34px 0 calc(var(--round) + var(--notch));align-items:flex-end;gap:4px;display:flex}.deck__tab{border-radius:var(--tab-round) var(--tab-round) 0 0;font:800 clamp(12px, 1.1vw, 15px) / 1 var(--font-ui);letter-spacing:.04em;white-space:nowrap;color:var(--fg-dim);background:0 0;border:0;margin:0;padding:18px clamp(14px,2.2vw,30px);transition:color .14s;position:relative}.deck__tab:hover{color:var(--fg)}.deck__tab.is-active{background:var(--deck-blue);color:#10131a}.deck__tab.is-active:before,.deck__tab.is-active:after{content:"";width:var(--notch);height:var(--notch);background:var(--deck-blue);position:absolute;bottom:0}.deck__tab.is-active:before{left:calc(var(--notch) * -1);-webkit-mask-image:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000 100%);-webkit-mask-image:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000 100%);mask-image:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000 100%)}.deck__tab.is-active:after{right:calc(var(--notch) * -1);-webkit-mask-image:radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000 100%);-webkit-mask-image:radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000 100%);mask-image:radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000 100%)}.deck__tab:focus-visible{outline:2px solid var(--fg);outline-offset:-6px}.deck__sheet{border-radius:var(--round);background:var(--deck-blue);flex:1;min-height:0;padding:22px}.deck__page{border-radius:var(--round);background:#fff;height:100%;padding:48px;overflow:auto}.deck__title{font:800 clamp(28px, 3.4vw, 44px) / 1 var(--font-ui);letter-spacing:-.01em;color:var(--fg);margin:0}@media (max-width:900px){.split{grid-template-rows:1fr auto;grid-template-columns:1fr}.split.is-open{grid-template-rows:1fr 1fr}.split__stage{grid-area:1/1;margin:0}.deck{grid-area:2/1}.deck__sheet{display:none}.split.is-open .deck__sheet{display:block}}@media (max-width:560px){.split{--round:32px}.deck{--notch:18px;--tab-round:18px}}