.klr{--klr-ink: #171717;--klr-muted: #5c544a;--klr-green: #4f6f3a;--klr-orange: #e0930d;--klr-orange-ink: #a55a06;--klr-sand: #d8c7a3;--klr-cream: #f7f3ea;--klr-nope: #b4432b;display:block;padding:10px 16px 16px;color:var(--klr-ink)}.klr__wrap{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;min-height:calc(100svh - var(--header-height, 64px) - 26px)}.klr__head{text-align:center}.klr__h1{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}.klr__eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--klr-orange-ink)}.klr__title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 700);font-size:28px;line-height:1.1;letter-spacing:-.01em;color:var(--klr-ink)}.klr__sub{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--klr-muted);text-wrap:balance}.klr__chips{display:flex;gap:8px;margin:0 -16px;padding:2px 16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px}.klr__chips::-webkit-scrollbar{display:none}.klr__chip{flex:0 0 auto;min-height:36px;padding:0 14px;border:1px solid var(--klr-sand);border-radius:999px;background:#fff;color:var(--klr-ink);font:inherit;font-size:13.5px;font-weight:650;cursor:pointer;scroll-snap-align:start;transition:background-color .2s,color .2s,border-color .2s}.klr__chip[aria-pressed=true]{background:var(--klr-green);border-color:var(--klr-green);color:var(--klr-cream)}.klr__hud{padding:10px 12px 22px;border:1.5px solid var(--klr-orange);border-radius:14px;background:#fdf5e4;transition:background-color .3s,border-color .3s}.klr[data-legend] .klr__hud{border-color:#1e9e52;background:#eef8f0}.klr__hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.klr__level{margin:0;display:flex;flex-direction:column;min-width:0;line-height:1.25}.klr__level-name{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--klr-orange-ink)}.klr[data-legend] .klr__level-name{color:#15703c}.klr__level-msg{font-size:14px;font-weight:700;color:var(--klr-ink)}.klr__size-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;border:1px solid var(--klr-sand);border-radius:999px;background:#fff;color:var(--klr-ink);font:inherit;font-size:13px;cursor:pointer}.klr__meter{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0;padding:0;list-style:none}.klr__slot{position:relative;height:8px;border-radius:999px;background:color-mix(in srgb,var(--klr-orange) 22%,transparent);transition:background-color .3s}.klr__slot.is-filled{background:var(--klr-orange);animation:klr-pop .35s ease}.klr[data-legend] .klr__slot.is-filled{background:#1e9e52}.klr__slot[data-tier]:after{content:attr(data-tier);position:absolute;top:12px;right:0;font-size:11px;font-weight:700;color:color-mix(in srgb,var(--klr-orange-ink) 65%,transparent);white-space:nowrap}.klr__slot.is-filled[data-tier]:after{color:var(--klr-orange-ink)}.klr[data-legend] .klr__slot.is-filled[data-tier]:after{color:#15703c}@keyframes klr-pop{0%{transform:scaleY(1)}40%{transform:scaleY(1.9)}to{transform:scaleY(1)}}.klr__stage{position:relative;flex:1 1 auto;min-height:320px;max-height:620px}.klr__deck{position:absolute;top:0;right:0;bottom:0;left:0;--p: 0}.klr-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid #ece3d1;background:#fff;box-shadow:0 10px 30px #17171724,0 1px 3px #17171714;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;transform-origin:50% 90%;transition:transform .3s cubic-bezier(.2,.9,.3,1.1),opacity .3s;--like: 0;--nope: 0}.klr-card.is-dragging{cursor:grabbing}.klr-card[data-pos="1"]{z-index:2;transform:translateY(calc(12px * (1 - var(--p)))) scale(calc(.95 + .05 * var(--p)))}.klr-card[data-pos="2"]{z-index:1;transform:translateY(24px) scale(.9);opacity:.7}.klr-card:not(.is-top){pointer-events:none}.klr-card.is-top{z-index:3}.klr-card.is-flying{z-index:5;pointer-events:none}.klr-card__img{flex:1 1 auto;min-height:0;display:block;width:100%;object-fit:cover;background:#efe9dc;pointer-events:none}.klr-card__info{position:relative;flex:0 0 auto;display:grid;gap:3px;padding:12px 16px 14px;background:#fff;color:var(--klr-ink)}.klr-card__badge{position:absolute;left:14px;top:-10px;transform:translateY(-100%);padding:5px 11px;border-radius:999px;background:var(--klr-orange);color:#1b1203;font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 4px 12px #0000002e}.klr-card__badge[hidden]{display:none}.klr-card__title{margin:0;font-family:var(--font-heading--family);font-size:19px;font-weight:800;line-height:1.2;color:var(--klr-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.klr-card__meta{margin:0;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--klr-muted)}.klr-card__swatch{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #0000004d}.klr-card__row{margin:2px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.klr-card__price{font-size:17px;font-weight:800;color:var(--klr-ink)}.klr-card__price s{margin-left:4px;font-size:13px;font-weight:500;opacity:.6}.klr-card__link{color:var(--klr-green);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.klr-card__stamp{position:absolute;top:22px;padding:4px 12px;border:4px solid;border-radius:10px;font-size:26px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.04em;background:#ffffffd9;pointer-events:none}.klr-card__stamp--like{left:18px;color:var(--klr-green);transform:rotate(-14deg);opacity:var(--like)}.klr-card__stamp--nope{right:18px;color:var(--klr-nope);transform:rotate(14deg);opacity:var(--nope)}.klr-card.is-hint{animation:klr-hint 1.6s ease-in-out .6s 2}@keyframes klr-hint{0%,to{transform:none}20%{transform:translate(-26px) rotate(-3deg)}45%{transform:translate(26px) rotate(3deg)}65%{transform:none}}.klr__panel,.klr__burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;border-radius:20px;text-align:center}.klr__panel{background:#fff;box-shadow:0 10px 30px #1717171a;border:1px solid #ece3d1;overflow:auto}.klr__panel[hidden],.klr__burst[hidden]{display:none}.klr__panel--gate{z-index:9}.klr__panel-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--klr-orange-ink)}.klr__panel-title{margin:0;font-family:var(--font-heading--family);font-size:22px;font-weight:800;line-height:1.2;text-wrap:balance}.klr__panel-note{margin:0;font-size:13.5px;color:var(--klr-muted)}.klr__panel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.klr__sizes{display:grid;grid-template-columns:repeat(4,64px);gap:8px;margin:6px 0 2px}.klr__size{height:52px;border:1.5px solid var(--klr-sand);border-radius:12px;background:var(--klr-cream);color:var(--klr-ink);font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:transform .15s,background-color .2s,border-color .2s}.klr__size:hover{border-color:var(--klr-green);transform:translateY(-1px)}.klr__size[aria-pressed=true]{background:var(--klr-green);border-color:var(--klr-green);color:var(--klr-cream)}.klr__cta{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--klr-green);color:var(--klr-cream);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.klr__cta:hover{background:var(--klr-ink)}.klr__cta--ghost{background:transparent;color:var(--klr-ink);box-shadow:inset 0 0 0 1.5px var(--klr-sand)}.klr__cta--ghost:hover{background:var(--klr-cream)}.klr__link{border:0;background:none;color:var(--klr-muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.klr__link[hidden]{display:none}.klr__spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--klr-sand);border-top-color:var(--klr-green);animation:klr-spin .8s linear infinite}@keyframes klr-spin{to{transform:rotate(360deg)}}.klr__burst{background:#f7f3eaf0;overflow:hidden;animation:klr-in .25s ease}.klr__burst.is-out{animation:klr-out .25s ease forwards}.klr__burst>:not(.klr__confetti){position:relative;z-index:1}.klr__burst-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--klr-orange-ink)}.klr__burst-pct{margin:0;font-family:var(--font-heading--family);font-size:76px;font-weight:900;line-height:1;color:var(--klr-orange);animation:klr-zoom .5s cubic-bezier(.2,1.4,.4,1)}.klr__burst-level{margin:0;font-size:16px;color:var(--klr-ink)}.klr__confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.klr__confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation-name:klr-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes klr-fall{to{top:105%;transform:rotate(540deg) translate(30px)}}@keyframes klr-zoom{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes klr-in{0%{opacity:0}to{opacity:1}}@keyframes klr-out{to{opacity:0}}.klr__controls{display:flex;justify-content:center;align-items:flex-start;gap:22px}.klr__ctrl{display:flex;flex-direction:column;align-items:center;gap:4px}.klr__ctrl-label{font-size:12px;font-weight:650;color:var(--klr-muted)}.klr__btn{display:grid;place-items:center;width:62px;height:62px;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 6px 18px #1717171f,inset 0 0 0 1px #ece3d1;transition:transform .15s,box-shadow .2s,opacity .2s}.klr__btn:hover{transform:translateY(-2px) scale(1.04)}.klr__btn:active{transform:scale(.94)}.klr__btn--nope{color:var(--klr-nope)}.klr__btn--like{background:var(--klr-green);color:var(--klr-cream);box-shadow:0 8px 20px #4f6f3a59}.klr__btn--undo{width:46px;height:46px;margin-top:8px;color:var(--klr-muted)}.klr__btn:disabled{opacity:.4;cursor:default;transform:none}.klr__keys{display:none;margin:0;text-align:center;font-size:12px;color:var(--klr-muted)}.klr__toast{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);margin-inline:auto;padding:10px 12px 10px 16px;border-radius:14px;background:var(--klr-ink);color:var(--klr-cream);font-size:13.5px;line-height:1.3;box-shadow:0 10px 30px #00000040;transform:translateY(140%);transition:transform .3s cubic-bezier(.2,.9,.3,1.1)}.klr__toast.is-in{transform:translateY(0)}.klr__toast[hidden]{display:none}.klr__toast button{flex:0 0 auto;border:0;background:none;color:var(--klr-orange);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(max-width:749px){.klr__sub{display:none}}@media(min-width:750px){.klr{--klr-card-w: 420px;padding:24px 24px 32px}.klr__wrap{min-height:0}.klr__title{font-size:38px}.klr__sub{font-size:15px}.klr__chips{justify-content:center;flex-wrap:wrap;margin:0;padding:0;overflow:visible}.klr__keys{display:block}.klr__stage{flex:none;width:100%;height:calc(var(--klr-card-w) + 132px);min-height:0;max-height:none}.klr__deck{right:auto;left:50%;width:var(--klr-card-w);margin-left:calc(var(--klr-card-w) / -2)}.klr-card{bottom:auto}.klr-card__img{flex:none;height:auto;aspect-ratio:1 / 1}}@media(min-width:1000px){.klr__wrap{display:grid;max-width:1040px;align-items:start;column-gap:56px;row-gap:16px;grid-template-columns:minmax(0,1fr) var(--klr-card-w);grid-template-rows:auto auto auto 1fr auto}.klr__head{grid-column:1;grid-row:1;padding-top:28px;text-align:left}.klr__h1{align-items:flex-start}.klr__title{font-size:46px}.klr__chips{grid-column:1;grid-row:2;justify-content:flex-start}.klr__hud{grid-column:1;grid-row:3}.klr__keys{grid-column:1;grid-row:4;text-align:left}.klr__stage{grid-column:2;grid-row:1 / span 4}.klr__controls{grid-column:2;grid-row:5}}@media(prefers-reduced-motion:reduce){.klr-card,.klr__toast,.klr__slot{transition:none}.klr-card.is-hint,.klr__slot.is-filled,.klr__burst-pct{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kl-shirt-roulette.css.map */