.kit{--night:#0b0b0c;--panel:#161617;--panel-2:#222224;--panel-3:#323235;--brass:#ffbe1a;--brass-hover:#ffcf4d;--brass-deep:#c27c00;--lagoon:#19d3c0;--laterite:#ff4a3d;--leaf:#3fd46b;--sky:#6f9bff;--cowrie:#f6ead2;--muted:#b4b1ab;--faint:#76736e;--line:#ffffff1f;--ledge:#000;--shine:#ffffff29;--display:"Unbounded", "Arial Black", system-ui, sans-serif;--body:"Manrope", system-ui, -apple-system, sans-serif;--raised:inset 0 1.5px 0 var(--shine), 0 4px 0 var(--ledge);--raised-brass:inset 0 2px 0 #fffae68c, 0 5px 0 var(--brass-deep);--brass-fill:linear-gradient(180deg, #ffd85c 0%, var(--brass) 52%, #ffa600 100%);--woven:repeating-linear-gradient(135deg, var(--panel) 0 8px, var(--panel-2) 8px 16px);color:var(--cowrie);font:600 14px/1.4 var(--body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--sec-gap:16px;--item-gap:10px}.kit *{box-sizing:border-box}:where(.kit button){font:inherit;color:inherit;cursor:pointer}:where(.kit button:disabled){cursor:not-allowed}.kit button:focus-visible{outline:2px solid var(--lagoon);outline-offset:3px}.kit .scene{display:block}.kit .icon{flex:none;width:1.25em;height:1.25em}.k-icon-btn{background:var(--panel);width:42px;height:42px;color:var(--cowrie);box-shadow:var(--raised);border:0;border-radius:12px;place-items:center;padding:0;font-size:17px;transition:translate 80ms,box-shadow 80ms;display:grid;position:relative}.k-icon-btn:hover:not(:disabled){background:var(--panel-2)}.k-icon-btn:active:not(:disabled){box-shadow:0 1px 0 var(--ledge);translate:0 3px}.k-icon-btn:disabled{color:var(--faint)}.k-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);border-radius:18px}.k-label{font:800 10px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.k-dot{border:2px solid var(--night);background:var(--laterite);min-width:17px;height:17px;color:var(--cowrie);font:800 10px/1 var(--body);border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-4px;right:-4px}.k-chip{border:1px solid var(--line);background:var(--panel-2);min-height:30px;color:var(--muted);font:800 11px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.k-chip:hover:not(:disabled,[aria-checked=true]){color:var(--cowrie)}.k-chip[aria-checked=true]{background:var(--cowrie);color:var(--night);border-color:#0000;box-shadow:inset 0 1.5px #fff,0 3px #8a8884}.k-chip:disabled{color:var(--faint)}.k-chip.open{border-color:color-mix(in srgb, var(--leaf) 45%, transparent);background:color-mix(in srgb, var(--leaf) 14%, var(--panel));color:var(--leaf)}.k-wallet{border:1px solid var(--line);background:var(--panel);height:36px;font:700 13px/1 var(--display);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:7px;padding:0 4px 0 10px;display:flex}.k-wallet>.icon{font-size:15px}.k-wallet .add{background:var(--leaf);width:26px;height:26px;color:var(--night);border:0;border-radius:7px;place-items:center;padding:0;font-size:13px;display:grid;box-shadow:inset 0 1.5px #fffff073,0 3px #1d8a40}.k-wallet .add:disabled{cursor:default}.k-bar{background:#ffffff29;border-radius:3px;height:6px;overflow:hidden}.k-bar>i{border-radius:inherit;background:var(--brass);height:100%;display:block}.k-rank{width:24px;height:24px;color:var(--night);font:800 10px/1 var(--display);place-items:center;display:grid;position:relative}.k-rank:before{content:"";background:var(--brass);border-radius:4px;position:absolute;inset:3px;rotate:45deg}.k-rank b{position:relative}.k-switch{background:var(--panel-3);border-radius:6px;flex:none;width:34px;height:18px;transition:background .12s;position:relative}.k-switch:after{content:"";background:var(--faint);border-radius:4px;width:14px;height:14px;transition:translate .12s,background .12s;position:absolute;top:2px;left:2px}[aria-pressed=true]>.k-switch{background:var(--lagoon)}[aria-pressed=true]>.k-switch:after{background:var(--cowrie);translate:16px}@media (prefers-reduced-motion:reduce){.k-switch,.k-switch:after{transition:none}}.k-btn{background:var(--panel-2);height:42px;color:var(--cowrie);font:700 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--raised);border:0;border-radius:12px;align-items:center;gap:8px;padding:0 18px;transition:translate 80ms,box-shadow 80ms;display:inline-flex}.k-btn:has(.bead){padding-left:5px}.k-btn:hover:not(:disabled){background:var(--panel-3)}.k-btn:active:not(:disabled){box-shadow:0 1px 0 var(--ledge);translate:0 3px}.k-btn.primary{background:var(--brass);color:var(--night);box-shadow:var(--raised-brass)}.k-btn.primary:hover:not(:disabled){background:var(--brass-hover)}.k-btn:disabled{background:var(--woven);color:var(--faint);box-shadow:none}.bead{background:var(--brass);width:32px;height:32px;color:var(--night);box-shadow:inset 0 1.5px 0 #fffae680, 0 3px 0 var(--brass-deep);border-radius:9px;flex:none;place-items:center;font-size:14px;display:grid}.k-btn.primary .bead{background:var(--night);color:var(--brass);box-shadow:inset 0 -2px #0006}.k-btn:disabled .bead{background:var(--panel-3);color:var(--faint);box-shadow:none}.k-play{background:var(--brass);min-height:66px;color:var(--night);text-align:left;box-shadow:var(--raised-brass);border:0;border-radius:16px;align-items:center;gap:12px;padding:0 9px 0 26px;transition:translate 80ms,box-shadow 80ms,background .15s;display:flex}.k-play:hover:not(:disabled){background:var(--brass-hover)}.k-play:active:not(:disabled){box-shadow:0 1px 0 var(--brass-deep);translate:0 4px}.k-play .what{flex:1;gap:4px;min-width:0;display:grid}.k-play b{font:900 26px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.k-play small{font:800 11px/1.2 var(--body);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;opacity:.75;overflow:hidden}.k-play .go{background:var(--night);width:48px;height:48px;color:var(--brass);border-radius:12px;flex:none;place-items:center;font-size:20px;display:grid;box-shadow:inset 0 -2px #00000073}.k-play:disabled{background:var(--woven);color:var(--muted);box-shadow:none}.k-play:disabled b{font-size:18px}.k-play:disabled .go{background:var(--panel-3);color:var(--faint)}.kit .k-play:focus-visible{outline:2px solid var(--cowrie);outline-offset:3px}@media (prefers-reduced-motion:reduce){.k-btn,.k-play,.k-icon-btn{transition:none}}.k-play,.k-btn.primary{isolation:isolate;position:relative;overflow:hidden}.k-play:not(:disabled),.k-btn.primary:not(:disabled){background:var(--brass-fill)}.k-play:hover:not(:disabled),.k-btn.primary:hover:not(:disabled){background:var(--brass-fill);filter:brightness(1.08)}.k-play:not(:disabled):after,.k-btn.primary:not(:disabled):after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffffbf 50%,#0000 100%);width:34%;animation:3.2s ease-in-out infinite k-shimmer;position:absolute;top:-20%;bottom:-20%;left:0;transform:skew(-20deg)}@keyframes k-shimmer{0%{translate:-110%}45%,to{translate:320%}}@media (prefers-reduced-motion:reduce){.k-play:after,.k-btn.primary:after{animation:none;display:none}}@container app (height<=420px){.kit{--sec-gap:12px;--item-gap:8px}}@container app (width>=1100px) and (height>=640px){.kit{--sec-gap:22px;--item-gap:12px}}