.creator{--creator-panel-w:min(62vw, 28rem);z-index:10;grid-template-columns:minmax(0, 1fr) var(--creator-panel-w);pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.creator>*{pointer-events:auto}.creator-top{align-items:flex-start;gap:var(--kit-space-2);min-width:0;padding:calc(env(safe-area-inset-top) + var(--kit-space-16)) var(--kit-space-2) var(--kit-space-2) calc(env(safe-area-inset-left) + var(--kit-space-3));pointer-events:none;flex-direction:column;grid-area:1/1;display:flex}.creator-top>*{pointer-events:auto}.creator-title{padding:var(--kit-space-1-5) var(--kit-space-2-5);background:var(--kit-surface);border:var(--kit-border) solid var(--kit-fg);border-radius:var(--kit-radius-md);font-size:var(--kit-type-body-size);line-height:var(--kit-type-body-lh);font-weight:var(--kit-type-body-weight);letter-spacing:var(--kit-type-body-ls);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;max-width:100%;overflow:hidden}.creator-preview{pointer-events:none;grid-area:2/1;min-height:96px;position:relative}.creator-preview .kit-surface{pointer-events:auto;position:absolute;inset:0}.creator-preview-note{left:var(--kit-space-2);right:var(--kit-space-2);padding:var(--kit-space-2) var(--kit-space-3);text-align:center;background:var(--kit-surface);border:var(--kit-border) solid var(--kit-line);border-radius:var(--kit-radius-lg);pointer-events:none;margin:0;position:absolute;top:40%}.creator-panel{box-sizing:border-box;min-width:0;min-height:0;padding:calc(env(safe-area-inset-top) + var(--kit-space-2)) calc(env(safe-area-inset-right) + var(--kit-space-2)) calc(env(safe-area-inset-bottom) + var(--kit-space-2)) var(--kit-space-3);background:var(--kit-surface);border-left:var(--kit-border) solid var(--kit-fg);border-radius:var(--kit-radius-xl) 0 0 var(--kit-radius-xl);-webkit-user-select:text;user-select:text;flex-direction:column;grid-area:1/2/-1;display:flex;overflow:hidden}.creator-step{gap:var(--kit-space-2-5);padding:var(--kit-space-3) 0 var(--kit-space-1);flex-direction:column;display:flex}.creator-tabs{flex-direction:column;flex:auto;min-height:0;display:flex}.creator-tabs>.kit-tab-list{flex-wrap:wrap;flex:none;margin:0}.creator-tabs>.kit-tab-list .kit-tab{min-height:40px;padding:0 var(--kit-space-2);font-size:var(--kit-type-small-size);line-height:var(--kit-type-small-lh);font-weight:var(--kit-type-small-weight);letter-spacing:var(--kit-type-small-ls);flex:auto}.creator-tabs>.kit-tab-panel{overscroll-behavior:contain;min-height:0;padding:var(--kit-space-2) 0;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.creator-groups{flex-direction:column;flex:auto;min-height:0;display:flex}.creator-groups>.kit-tab-list{margin:0 0 var(--kit-space-1);flex-wrap:wrap;flex:none}.creator-groups .kit-tab{min-height:36px;padding:0 var(--kit-space-2-5);font-size:var(--kit-type-small-size);line-height:var(--kit-type-small-lh);font-weight:var(--kit-type-small-weight);letter-spacing:var(--kit-type-small-ls)}.creator-groups>.kit-tab-panel{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.creator-sliders{gap:var(--kit-space-1) var(--kit-space-3);padding-bottom:var(--kit-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.creator-sliders>.kit-button{grid-column:1/-1}.creator-sliders .kit-slider{min-width:0}.creator-sliders .kit-slider-head{font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);gap:var(--kit-space-1)}.creator-sliders .kit-slider-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-sliders .kit-slider-value{flex:none}.creator-sliders .kit-slider-control{padding:0 var(--kit-space-1)}.creator-colours,.creator-hair,.creator-photo{gap:var(--kit-space-3);padding-bottom:var(--kit-space-2);flex-direction:column;display:flex}.creator-note{font-size:var(--kit-type-small-size);line-height:var(--kit-type-small-lh);font-weight:var(--kit-type-small-weight);letter-spacing:var(--kit-type-small-ls);margin:0}.creator-painted{align-items:center;gap:var(--kit-space-3);display:flex}.creator-painted-img{object-fit:cover;border:var(--kit-border) solid var(--kit-line);border-radius:var(--kit-radius-lg);width:96px;height:96px}.creator-foot{padding-top:var(--kit-space-2);border-top:var(--kit-border) solid var(--kit-faint);flex-wrap:nowrap;flex:none}.creator .creator-next{background:var(--kit-fg);color:var(--kit-bg);margin-left:auto}.creator-bases{gap:var(--kit-space-3);grid-template-columns:1fr 1fr;display:grid}.creator-base{min-height:96px;font-size:var(--kit-type-body-size);line-height:var(--kit-type-body-lh);font-weight:var(--kit-type-body-weight);letter-spacing:var(--kit-type-body-ls)}.char-row{justify-content:space-between;align-items:center;gap:var(--kit-space-3);padding:var(--kit-space-2-5) 0;border-bottom:var(--kit-border) solid var(--kit-faint);display:flex}.char-info{flex-direction:column;min-width:0;display:flex}.char-actions{gap:var(--kit-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.item-info{gap:var(--kit-space-3);flex-direction:column;display:flex}.item-info-stage{aspect-ratio:1;border:var(--kit-border) solid var(--kit-fg);background:var(--kit-soft);width:100%;max-height:34dvh;margin:0 auto;position:relative}.item-info[data-tier] .item-info-stage{box-shadow:inset 0 0 0 3px var(--tier-tint,transparent)}.item-info [data-testid=item-info-tier]:before{content:"";background:var(--tier-tint,transparent);border:var(--kit-border) solid currentColor;border-radius:50%;width:.7em;height:.7em;margin-right:.45em;display:inline-block}.item-info-stage .admin-preview{aspect-ratio:auto;background:0 0;border:0;width:100%;max-height:none;margin:0;position:absolute;inset:0}.item-info-stage .admin-preview-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.item-info-stage .admin-preview-note{padding:var(--kit-space-3);text-align:center;place-items:center;margin:0;display:grid;position:absolute;inset:0}.item-info-desc{font-size:var(--kit-type-body-size);line-height:var(--kit-type-body-lh);font-weight:var(--kit-type-body-weight);letter-spacing:var(--kit-type-body-ls);margin:0}.item-info-facts{gap:var(--kit-space-1-5) var(--kit-space-3-5);font-size:var(--kit-type-body-size);line-height:var(--kit-type-body-lh);font-weight:var(--kit-type-body-weight);letter-spacing:var(--kit-type-body-ls);grid-template-columns:max-content 1fr;margin:0;display:grid}.item-info-facts dt{color:var(--kit-muted)}.item-info-facts dd{overflow-wrap:anywhere;margin:0}.item-info-icon{float:left;margin:0 var(--kit-space-2) 0 0}.item-placard-title{align-items:baseline;gap:var(--kit-gap);font-weight:var(--kit-type-label-weight);margin-bottom:var(--kit-space-1-5);display:flex}.item-placard .item-info-desc{margin:0 0 var(--kit-space-1-5)}.emote-grid{gap:var(--kit-space-2);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.emote-grid .emote-tile{min-height:52px;padding:var(--kit-space-1-5) var(--kit-space-2);font-size:var(--kit-type-body-size);line-height:var(--kit-type-body-lh);font-weight:var(--kit-type-body-weight);letter-spacing:var(--kit-type-body-ls);text-align:center;touch-action:manipulation}.emote-tile:focus-visible{outline:var(--kit-border-2) solid var(--kit-accent);outline-offset:2px}.slot-zone{position:relative}.portal-flash{z-index:60;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0;overflow:hidden}.portal-flash[data-phase=in]{animation:.5s ease-in forwards portal-in}.portal-flash[data-tone=black]{background:#000}.portal-flash[data-tone=black] i{display:none}.portal-flash[data-phase=out]{opacity:1;animation:.9s ease-out forwards portal-out}.portal-flash i{border:var(--kit-border-2) solid #d8d8d8;background:#ffffff80;border-radius:50%;animation:1.3s ease-in infinite portal-rise;position:absolute;bottom:-40px}@keyframes portal-in{0%{opacity:0}to{opacity:1}}@keyframes portal-out{0%{opacity:1}to{opacity:0}}@keyframes portal-rise{0%{opacity:.9;transform:translateY(0)}to{opacity:.4;transform:translateY(-120vh)}}@media (prefers-reduced-motion:reduce){.portal-flash i{display:none}}.kart-hud{z-index:21;pointer-events:none;font-weight:var(--kit-type-label-weight);color:var(--kit-fg);position:fixed;inset:0}.kart-hud button{pointer-events:auto}.kart-card{min-width:240px;padding:var(--kit-space-3);gap:var(--kit-space-2);background:var(--kit-bg);border:var(--kit-border) solid var(--kit-fg);pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kart-title{font-size:var(--kit-type-title-size);line-height:var(--kit-type-title-lh)}.kart-roster{margin:0;padding-left:1.2em}.kart-wait{opacity:.7;font-size:var(--kit-type-small-size)}html,body,#root{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;height:100%;margin:0;overflow:hidden}.stage{position:fixed;inset:0}.topbar{z-index:20;align-items:center;gap:var(--kit-space-3);padding:calc(env(safe-area-inset-top) + var(--kit-space-2)) calc(env(safe-area-inset-right) + var(--kit-space-3)) var(--kit-space-2) calc(env(safe-area-inset-left) + var(--kit-space-3));pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.party{z-index:20;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 12px);align-items:stretch;gap:var(--kit-space-1-5);pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed}.party-card{padding:var(--kit-space-1) var(--kit-space-2-5);color:var(--kit-hud-text);text-shadow:var(--kit-hud-text-shadow);font-size:var(--kit-type-label-size);line-height:var(--kit-type-label-lh);font-weight:var(--kit-type-label-weight);letter-spacing:var(--kit-type-label-ls);background:0 0;border:0;flex-direction:column;align-items:flex-end;max-width:60vw;display:flex}.party-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.party-card{position:relative}.party-hearts{gap:var(--kit-space-px);align-items:center;display:inline-flex}.heart-cell{width:var(--kit-hud-heart-w);height:var(--kit-hud-heart-h);transform-origin:50% 60%;display:block;position:relative}.heart-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.heart-line{fill:#0000;stroke:var(--kit-fg);stroke-width:1.8px;stroke-linejoin:round}.heart-fill path{fill:var(--kit-danger)}.heart-fill{clip-path:inset(0 100% 0 0);transition:clip-path .32s ease-out var(--d,0s)}.heart-cell[data-fill="0.5"] .heart-fill{clip-path:inset(0 50% 0 0)}.heart-cell[data-fill="1"] .heart-fill{clip-path:inset(0)}.heart-cell[data-anim^=gain]{animation:heart-gain-a .64s ease-out var(--d,0s) backwards;z-index:1}.heart-cell[data-anim=gain-b]{animation-name:heart-gain-b}.heart-cell[data-anim^=loss]{animation:heart-loss-a .52s ease-in-out var(--d,0s) backwards}.heart-cell[data-anim=loss-b]{animation-name:heart-loss-b}.heart-cell[data-anim^=loss]:before{content:"";background:var(--kit-danger);opacity:0;animation:heart-flash-a .52s ease-out var(--d,0s) backwards;z-index:-1;border-radius:50%;position:absolute;inset:-4px}.heart-cell[data-anim=loss-b]:before{animation-name:heart-flash-b}@keyframes heart-gain-a{0%{filter:none;transform:scale(1)}40%{filter:drop-shadow(0 0 5px var(--kit-danger));transform:scale(1.65)}to{filter:none;transform:scale(1)}}@keyframes heart-gain-b{0%{filter:none;transform:scale(1)}40%{filter:drop-shadow(0 0 5px var(--kit-danger));transform:scale(1.65)}to{filter:none;transform:scale(1)}}@keyframes heart-loss-a{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-3px)rotate(-12deg)}35%{transform:translate(3px)rotate(12deg)}55%{transform:translate(-2px)rotate(-8deg)}75%{transform:translate(2px)rotate(6deg)}}@keyframes heart-loss-b{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-3px)rotate(-12deg)}35%{transform:translate(3px)rotate(12deg)}55%{transform:translate(-2px)rotate(-8deg)}75%{transform:translate(2px)rotate(6deg)}}@keyframes heart-flash-a{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes heart-flash-b{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.heart-float{margin-right:var(--kit-space-2);padding:var(--kit-space-px) var(--kit-space-2);border:var(--kit-border) solid var(--kit-fg);border-radius:var(--kit-radius-full);font-size:var(--kit-type-label-size);line-height:var(--kit-type-label-lh);font-weight:var(--kit-type-label-weight);letter-spacing:var(--kit-type-label-ls);white-space:nowrap;background:var(--kit-surface);color:var(--kit-fg);animation:1.8s ease-out forwards heart-float;position:absolute;bottom:3px;right:100%}.heart-float[data-dir=loss]{background:var(--kit-fg);color:var(--kit-bg);border-color:var(--kit-bg)}@keyframes heart-float{0%{opacity:0;transform:translateY(8px)scale(.7)}12%{opacity:1;transform:translateY(0)scale(1.15)}25%{transform:translateY(-2px)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1)}}.slot-button[data-full]{animation:.42s ease-in-out heart-loss-a}.slot-button[data-full]:after{content:"Full";margin-top:calc(var(--kit-space-3) * -1);padding:var(--kit-space-0-5) 0;border:var(--kit-border) solid var(--kit-fg);border-radius:var(--kit-radius-full);background:var(--kit-surface);color:var(--kit-fg);font-size:var(--kit-type-small-size);line-height:var(--kit-type-small-lh);font-weight:var(--kit-type-small-weight);letter-spacing:var(--kit-type-small-ls);text-align:center;pointer-events:none;position:absolute;top:50%;left:6px;right:6px}@keyframes slot-refill{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slot-button[data-refill]{animation:.28s ease-out slot-refill}@media (prefers-reduced-motion:reduce){.slot-button[data-refill]{animation:none}.heart-fill{transition:none}.heart-cell[data-anim]{animation:heart-fade .6s ease-out var(--d,0s) backwards;transform:none}.heart-cell[data-anim^=loss]:before{display:none}.heart-float{animation:1.8s ease-out forwards heart-float-fade}.slot-button[data-full]{animation:none}}@keyframes heart-fade{0%{opacity:.2}to{opacity:1}}@keyframes heart-float-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.main-screen{z-index:10;background:var(--kit-surface);-webkit-user-select:text;user-select:text;position:fixed;inset:0;overflow:auto}.main-inner{max-width:560px;padding:calc(env(safe-area-inset-top) + var(--kit-space-20)) var(--kit-space-4) calc(env(safe-area-inset-bottom) + var(--kit-space-6));gap:var(--kit-space-5);flex-direction:column;margin:0 auto;display:flex}.main-section{gap:var(--kit-space-2-5);flex-direction:column;display:flex}.save-list,.item-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.save-row,.item-row{justify-content:space-between;align-items:center;gap:var(--kit-space-3);padding:var(--kit-space-2-5) 0;border-bottom:var(--kit-border) solid var(--kit-faint);display:flex}.save-code{gap:var(--kit-space-2);flex-direction:column;align-items:flex-end;display:flex}.save-code-text{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:#fff;max-width:16rem}.save-info{flex-direction:column;min-width:0;display:flex}.controls{z-index:15;padding:0 calc(env(safe-area-inset-right) + var(--kit-space-4)) calc(env(safe-area-inset-bottom) + var(--kit-space-4)) calc(env(safe-area-inset-left) + var(--kit-space-4));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.controls>*{pointer-events:auto}.controls-left{align-items:flex-start;gap:var(--hud-gap);flex-direction:column;display:flex}body:has(.controls):not(:has([data-testid=touch-controls])) .kit-sheet{bottom:calc(env(safe-area-inset-bottom) + 72px);border-bottom:var(--kit-border) solid var(--kit-fg);border-radius:0 var(--kit-radius-lg) var(--kit-radius-lg) 0}.controls-right{align-items:center;gap:var(--hud-gap);width:var(--hud-col-w);flex-direction:column;display:flex;position:relative}.kit-button.hud-primary.kit-stick{width:var(--hud-primary);height:var(--hud-primary);min-height:0;color:var(--kit-stick-icon);perspective:none;touch-action:none;flex:none;place-items:center;margin:0 auto;padding:0;display:grid}.kit-button.hud-primary.kit-stick .kit-hud-icon{color:var(--kit-stick-icon);filter:none}.kit-button.hud-primary.kit-stick:active{scale:.96}.hud-spot{place-items:center;width:100%;transition:opacity .15s;display:grid;position:relative}.hud-spot[data-hidden]{opacity:0;pointer-events:none}.hud-gap{height:var(--hud-slot);pointer-events:none}.kit-button.hud-action:not(.hud-primary):not(.hud-anchored){width:var(--hud-slot);height:var(--hud-slot);background:var(--kit-hud-grey);border:var(--kit-border-2) solid var(--kit-hud-grey-stroke);border-radius:var(--kit-radius-full);min-height:0;box-shadow:none;color:var(--kit-hud-text);touch-action:none;place-items:center;padding:0;display:grid}.kit-button.hud-action:not(.hud-primary):not(.hud-anchored)[data-off]{opacity:.45}.kit-button.hud-action[data-suggest]{border-color:var(--kit-hud-text);animation:.9s ease-in-out infinite hud-suggest}.kit-button.hud-action.hud-primary[data-off]{opacity:.45}@keyframes hud-suggest{50%{scale:1.08}}@media (prefers-reduced-motion:reduce){.kit-button.hud-action[data-suggest]{animation:none}}.hud-action .slot-qty{bottom:0;right:0}.hud-cap{margin-right:var(--kit-space-2);padding:var(--kit-space-px) var(--kit-space-2);border-radius:var(--kit-radius-full);background:var(--kit-hud-grey);border:var(--kit-border-2) solid var(--kit-hud-grey-stroke);color:var(--kit-hud-text);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);white-space:nowrap;pointer-events:none;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.hud-meter{right:calc(50% + var(--hud-primary) / 2 + var(--kit-space-2));width:var(--kit-space-2);height:calc(var(--hud-primary) * 2);border-radius:var(--kit-radius-full);background:var(--kit-hud-grey);border:var(--kit-border) solid var(--kit-hud-grey-stroke);pointer-events:none;position:absolute;bottom:0;overflow:hidden}.hud-meter-fill{background:var(--kit-hud-text);transform-origin:bottom;width:100%;height:100%;transform:scaleY(var(--pwr,0));transition:transform 80ms linear;position:absolute;bottom:0;left:0}.hud-meter-mark{width:100%;height:var(--kit-space-0-5);left:0;bottom:calc(var(--mark,.5) * 100%);background:var(--kit-hud-grey-stroke);position:absolute}.hud-meter[data-hot]{border-color:var(--kit-hud-text)}.hud-context{align-items:center;gap:var(--kit-space-1-5);opacity:0;flex-direction:column;transition:opacity .15s;display:flex;position:relative}.hud-context[data-near]{opacity:1}.slot-zone{display:block;position:relative}.hud-anchored-spot{margin-right:var(--hud-anchor-gap);z-index:1;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.kit-button.hud-anchored{width:var(--hud-anchor-hit);height:var(--hud-anchor-hit);min-height:0;box-shadow:none;color:var(--kit-hud-text);touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid}.kit-button.hud-anchored[data-suggest]{border:0;animation:.9s ease-in-out infinite hud-suggest}.slot-zone:has(.hud-anchored-spot) .slot-pill{margin-right:calc(var(--hud-anchor-gap) * 2 + var(--hud-anchor-hit))}.slot-pill{margin-right:var(--kit-space-2);padding:var(--kit-space-px) var(--kit-space-2);border-radius:var(--kit-radius-full);background:var(--kit-hud-grey);border:var(--kit-border-2) solid var(--kit-hud-grey-stroke);color:var(--kit-hud-text);font-size:var(--kit-type-label-size);line-height:var(--kit-type-label-lh);font-weight:var(--kit-type-label-weight);letter-spacing:var(--kit-type-label-ls);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease-out;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.slot-pill[data-show]{opacity:1;transition-duration:80ms}@media (prefers-reduced-motion:reduce){.slot-pill{transition:none}}.slot-button.kit-draggable{width:var(--hud-slot);height:var(--hud-slot);text-align:center;touch-action:none;cursor:pointer;background:var(--kit-hud-grey);border:var(--kit-border-2) solid transparent;border-radius:var(--kit-radius-full);color:var(--kit-hud-text);flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:0;padding:0;position:relative}.slot-button.kit-draggable[data-empty],.slot-button.kit-draggable[data-selected]{background:var(--kit-hud-grey);border-color:var(--kit-hud-grey-stroke)}.slot-button.kit-draggable:disabled{cursor:default}.slot-button[data-out]{opacity:.6}.kit-button.wall-button{width:100%;height:var(--hud-slot);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:var(--kit-border-2) solid transparent;border-radius:var(--kit-radius-full);color:var(--kit-hud-text);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;display:flex;position:relative}.kit-button.wall-button[data-active]{border-color:var(--kit-hud-grey-stroke)}.slot-name{color:var(--kit-hud-text);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.slot-qty{right:var(--kit-space-0-5);bottom:var(--kit-space-1);z-index:1;box-sizing:border-box;min-width:var(--kit-space-5);height:var(--kit-space-5);padding:0 var(--kit-space-1);border-radius:var(--kit-radius-full);background:var(--kit-badge-bg);color:var(--kit-badge-fg);box-shadow:0 0 0 var(--kit-border) var(--kit-bg);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;display:grid;position:absolute}.slot-meter{border:var(--kit-border) solid var(--kit-hud-text);border-radius:var(--kit-radius-sm);--meter:1;height:4px;position:absolute;bottom:3px;left:6px;right:6px;overflow:hidden}.slot-meter:after{content:"";height:100%;width:calc(var(--meter) * 100%);background:var(--kit-hud-text);display:block}.inv-body{gap:var(--kit-space-3-5);margin-top:var(--kit-space-2);flex-direction:column;flex:auto;min-height:0;display:flex}.inv-section{gap:var(--kit-space-1-5);flex-direction:column;display:flex}.inv-section .kit-subtitle{margin:0}.inv-wear{gap:var(--kit-space-2);display:flex}.inv-wear-box>.kit-hover-trigger{width:auto;height:auto}.inv-wear-box{gap:var(--kit-space-0-5);padding:var(--kit-space-1-5);border:var(--kit-border) dashed var(--kit-line);border-radius:var(--kit-radius-lg);flex-direction:column;display:flex}.inv-wear-box>[data-testid^=wear-],.inv-wear-box>.kit-hover-trigger>[data-testid^=wear-]{width:64px;height:64px;min-height:0;padding:var(--kit-space-1);justify-content:center;align-items:center;display:flex}.inv-grid{padding:var(--kit-space-1);grid-template-columns:repeat(auto-fill, minmax(var(--kit-space-16), 1fr));gap:0;margin:0;list-style:none;display:grid}.inv-garments{flex:none;align-self:stretch}.inv-item{aspect-ratio:1;min-width:0;margin:calc(-1 * var(--kit-space-1));position:relative}.inv-item:hover,.inv-item:focus-within{z-index:1}.inv-item>.kit-button,.inv-item>[data-testid=item-tile],.inv-item>.kit-hover-trigger>[data-testid=item-tile]{width:100%;height:100%;min-height:0;box-shadow:none;color:var(--kit-fg);border-radius:var(--kit-radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.inv-badge{min-width:18px;padding:0 var(--kit-space-1);border-radius:var(--kit-radius-lg);background:var(--kit-badge-bg);color:var(--kit-badge-fg);box-shadow:0 0 0 var(--kit-border) var(--kit-bg);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);text-align:center;pointer-events:none;border:0;position:absolute}.inv-badge-br{bottom:3px;right:3px}.inv-choice{gap:var(--kit-space-1-5)}.perf-meter{z-index:25;left:calc(env(safe-area-inset-left) + 8px);top:calc(env(safe-area-inset-top) + 170px);pointer-events:none;position:fixed}.minimap.kit-button{z-index:19;left:calc(env(safe-area-inset-left) + 12px);top:calc(env(safe-area-inset-top) + 62px);width:var(--hud-minimap);height:var(--hud-minimap);border:var(--kit-space-1) solid var(--kit-hud-grey);min-height:0;box-shadow:none;background:#0b0b0b;border-radius:50%;padding:0;position:fixed;overflow:hidden}.lab-hud{z-index:24;right:calc(env(safe-area-inset-right) + 8px);top:calc(env(safe-area-inset-top) + 56px);max-width:min(250px,100vw - 140px);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);color:#fff;border-radius:var(--kit-radius-lg);padding:var(--kit-space-1) var(--kit-space-1-5);background:#0009;position:fixed}.lab-hud .kit-button{min-height:0;padding:var(--kit-space-0-5) var(--kit-space-1-5);font-size:var(--kit-type-cta-size);line-height:var(--kit-type-cta-lh);font-weight:var(--kit-type-cta-weight);letter-spacing:var(--kit-type-cta-ls)}.lab-hud-fails{margin:var(--kit-space-1) 0;font-weight:var(--kit-type-caption-weight)}.bad-link{z-index:19;left:calc(env(safe-area-inset-left) + 12px);top:calc(env(safe-area-inset-top) + 196px);align-items:center;gap:var(--kit-space-1);color:var(--kit-hud-text);text-shadow:var(--kit-hud-text-shadow);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);white-space:nowrap;pointer-events:none;padding:0;display:flex;position:fixed}.bad-link-dot{background:var(--kit-brand-red);width:7px;height:7px;box-shadow:0 0 4px var(--kit-brand-red);border-radius:50%;flex:none}.minimap-label{z-index:19;left:calc(env(safe-area-inset-left) + 12px);top:calc(env(safe-area-inset-top) + 66px + var(--hud-minimap));width:var(--hud-minimap);text-align:center;color:var(--kit-hud-text);text-shadow:var(--kit-hud-text-shadow);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;pointer-events:none;-webkit-box-orient:vertical;padding:0;display:-webkit-box;position:fixed;overflow:hidden}.inv-item[data-tier]>.kit-hover-trigger>[data-testid=item-tile]{background:radial-gradient(ellipse 60% 40% at 50% 82%, color-mix(in srgb, var(--tier-tint,transparent) 55%, transparent), transparent 100%)}.inv-item[data-tier]:after{content:"";left:50%;bottom:var(--kit-space-1);width:var(--kit-space-1-5);height:var(--kit-space-1-5);margin-left:calc(-.5 * var(--kit-space-1-5));border-radius:var(--kit-radius-full);background:var(--tier-tint,transparent);pointer-events:none;position:absolute}.slot-icon{margin-top:0}.map-travel{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 12px);gap:var(--kit-space-2);padding:0 var(--kit-space-3);pointer-events:none;flex-wrap:wrap;justify-content:center;display:flex;position:absolute}.map-travel .map-travel-btn{pointer-events:auto}.map-bean-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-bean-layer .map-bean-btn{align-items:center;gap:var(--kit-space-2);pointer-events:auto;visibility:hidden;color:var(--kit-fg);white-space:nowrap;display:inline-flex;position:absolute;top:0;left:0}.tap-anchor{pointer-events:none;z-index:40;width:1px;height:1px;position:fixed}.tap-info{gap:var(--kit-space-1-5) var(--kit-space-3-5);margin:0 0 var(--kit-space-3);grid-template-columns:max-content minmax(0,1fr);display:grid}.tap-info dt{color:var(--kit-muted)}.tap-info dd{overflow-wrap:anywhere;margin:0}.tap-offer,.tap-stacks{margin:0 0 var(--kit-space-3);gap:var(--kit-space-1-5);padding:0;list-style:none;display:grid}.tap-stack-name{flex:auto}.tap-actions{margin-top:var(--kit-space-2)}.tap-info,.tap-offer,.tap-stacks{color:var(--kit-fg)}.party{gap:var(--kit-space-1)}.party-card{align-items:center;gap:var(--kit-space-1-5);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:row}.party-card .kit-avatar{--kit-avatar-size:var(--kit-hud-avatar)}.party-self .kit-avatar{--kit-avatar-size:var(--kit-hud-avatar-self)}.party-who{flex-direction:column;align-items:flex-end;min-width:0;margin-left:auto;display:flex}.party-down{opacity:.7}.party-name-tag{z-index:15;pointer-events:none;color:var(--kit-hud-text);text-shadow:var(--kit-hud-text-shadow);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:var(--kit-type-caption-ls);white-space:nowrap;padding:0;position:fixed;transform:translate(-50%,-100%)}.party-name-tag i{width:7px;height:7px;margin-right:var(--kit-space-1);border:var(--kit-border) solid var(--kit-fg);vertical-align:-.5px;border-radius:50%;display:inline-block}.main-screen.main-screen-chrome{background:0 0}.main-screen-chrome .main-inner{background:color-mix(in srgb, var(--kit-surface) 72%, transparent);border-radius:var(--kit-radius-xl);margin-top:var(--kit-space-4);margin-bottom:var(--kit-space-4)}.intro-forming{z-index:20;text-align:center;pointer-events:none;color:var(--kit-fg);font-size:var(--kit-type-caption-size);line-height:var(--kit-type-caption-lh);font-weight:var(--kit-type-caption-weight);letter-spacing:.08em;text-transform:uppercase;margin:0;animation:.6s ease-out .4s both intro-forming-in;position:fixed;bottom:22%;left:0;right:0}@keyframes intro-forming-in{0%{opacity:0}to{opacity:.85}}@media (prefers-reduced-motion:reduce){.intro-forming{animation:none}}html[data-intro=fade] .main-screen,html[data-intro=fade] .creator{opacity:0;pointer-events:none;transition:opacity .6s ease-in}html[data-intro=hide] .controls,html[data-intro=hide] .topbar,html[data-intro=hide] .party,html[data-intro=hide] .minimap,html[data-intro=hide] .minimap-label,html[data-intro=hide] .bad-link,html[data-intro=hide] .context-tip{opacity:0;pointer-events:none}html[data-intro=show] .controls,html[data-intro=show] .topbar,html[data-intro=show] .party,html[data-intro=show] .minimap,html[data-intro=show] .minimap-label,html[data-intro=show] .bad-link,html[data-intro=show] .context-tip{transition:opacity .4s ease-out}@media (prefers-reduced-motion:reduce){html[data-intro] *{transition:none!important}}.main-footer{padding-top:var(--kit-space-2);justify-content:center;display:flex}.garment-view{z-index:17;pointer-events:none;position:fixed;inset:0}.garment-bottom{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--kit-space-3));width:min(100% - var(--kit-space-6) - env(safe-area-inset-left) - env(safe-area-inset-right), 26rem);align-items:stretch;gap:var(--kit-space-2);pointer-events:auto;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.garment-bottom .garment-exit{height:36px;min-height:0;padding:0 var(--kit-space-6);border-radius:var(--kit-radius-full);align-self:center;position:relative}body:has(.garment-view) .controls,body:has(.garment-view) .minimap,body:has(.garment-view) .minimap-label,body:has(.garment-view) .bad-link{visibility:hidden}@media (orientation:landscape) and (height<=520px){.garment-bottom{width:min(100% - var(--kit-space-6), 44rem);grid-template-columns:1fr 1fr;display:grid}.garment-bottom .garment-exit{grid-column:1/-1}}.speaker-icons{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.speaker-icon{width:24px;height:24px;color:var(--kit-hud-text);pointer-events:none;filter:var(--kit-hud-icon-shadow);position:absolute;top:0;left:0}.speaker-icon svg{width:100%;height:100%;animation:.75s ease-in-out infinite speaker-bob;display:block}@keyframes speaker-bob{0%,to{opacity:.72;transform:translateY(0)scale(.9)}50%{opacity:1;transform:translateY(-8px)scale(1.12)}}@media (prefers-reduced-motion:reduce){.speaker-icon svg{animation:none}}:root{--hud-anchor-gap:var(--kit-space-2);--hud-anchor-hit:44px;--hud-dock-w:44px;--hud-stick:120px;--hud-slot:64px;--hud-primary:64px;--hud-dock:64px;--hud-gap:var(--kit-space-1);--hud-col-w:72px;--hud-minimap:96px}@media (orientation:landscape) and (height<=520px){:root{--hud-stick:112px;--hud-slot:52px;--hud-primary:60px;--hud-dock:52px;--hud-gap:var(--kit-space-2);--hud-col-w:60px;--hud-minimap:72px}.slot-icon{width:44px;height:44px}.hud-context{right:calc(100% + var(--kit-space-2));bottom:calc(var(--hud-primary) + var(--hud-slot) + 2 * var(--hud-gap));position:absolute}.minimap-label{display:none}}.kit-button.inventory-button,.kit-button.emote-button{border-radius:var(--kit-radius-full);color:var(--kit-hud-text);box-shadow:none;background:0 0;border:0;place-items:center;display:grid}.hud-dock{justify-content:flex-start;align-items:center;gap:var(--hud-gap);display:flex}.controls .hud-dock .kit-button{place-items:center start}.kit-button.inventory-button,.kit-button.emote-button{width:var(--hud-dock-w);height:var(--hud-dock);touch-action:manipulation;min-height:0;padding:0}.combat-button[aria-pressed=true]{color:var(--kit-hud-text);background:0 0}.resume-loading{z-index:10;background:var(--kit-surface);position:fixed;inset:0}.resume-loading-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}