.bav{--s: 48px;--c: #8e8e93;position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s);line-height:0;user-select:none;-webkit-user-select:none}.bav__disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.55),transparent 60%),color-mix(in srgb,var(--c) 42%,#fff 58%);box-shadow:inset 0 0 0 calc(var(--s) * .035) color-mix(in srgb,var(--c) 85%,#000 15%)}.bav__clip{position:absolute;left:0;right:0;bottom:0;height:100%;overflow:hidden;border-radius:50%}.bav--pop .bav__clip{left:-45%;right:-45%;top:-75%;height:auto;overflow:visible;border-radius:0;--m-circle: radial-gradient(circle at 50% calc(100% - var(--s) / 2), #000 calc(var(--s) / 2 - .6px), transparent calc(var(--s) / 2));--m-top: linear-gradient(#000 calc(100% - var(--s) * .36), transparent calc(100% - var(--s) * .1));-webkit-mask-image:var(--m-circle),var(--m-top);-webkit-mask-repeat:no-repeat;mask-image:var(--m-circle),var(--m-top);mask-repeat:no-repeat;pointer-events:none}.bav__img{position:absolute;left:50%;bottom:calc(var(--s) * -.42);width:calc(var(--s) * 1.56);max-width:none;height:auto;transform:translate(-50%);filter:drop-shadow(0 calc(var(--s) * .03) calc(var(--s) * .04) rgba(0,0,0,.35));pointer-events:none}.cpeek{position:absolute;z-index:0;left:50%;top:calc(var(--pw) * -.6);width:var(--pw);margin-left:calc(var(--pw) / -2);pointer-events:none}.cpeek__img{display:block;width:100%;height:auto;transform-origin:50% 85%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cpeek~.pc3d,.cpeek~.pc{position:relative;z-index:1}.sheet-root{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;background:var(--scrim)}.sheet{position:relative;width:100%;max-width:560px;max-height:86dvh;display:flex;flex-direction:column;border-radius:30px 30px 0 0;background:#1c1c1ee6;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 .5px #ffffff2e,0 -20px 60px #00000080;padding-bottom:calc(var(--safe-b) + 12px);touch-action:none}.sheet--tall{height:86dvh}.sheet__head{position:relative;padding:10px 56px 12px 22px;cursor:grab;touch-action:none}.sheet__grab{width:38px;height:5px;border-radius:var(--r-pill);background:#ebebf54d;margin:0 auto 12px}.sheet__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.025em}.sheet__close{position:absolute;top:22px;right:18px;width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;background:#7878804d;color:var(--text-2)}.sheet__body{overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 8px;touch-action:pan-y}.sheet-row{width:100%;display:flex;align-items:center;gap:14px;min-height:56px;padding:0 14px;border-radius:var(--r-s);text-align:left;font-size:var(--fs-l);font-weight:500;transition:background-color .15s}.sheet-row:active{background:#ffffff14}.sheet-row:disabled{opacity:.35}.sheet-row__icon{width:32px;height:32px;border-radius:var(--r-xs);display:grid;place-items:center;background:var(--surface-2);font-size:var(--fs-l);flex:none}.sheet-row__label{flex:1}.sheet-row__detail{color:var(--text-2);font-size:var(--fs-base)}.sheet-row--danger{color:var(--warn)}@media (prefers-reduced-transparency: reduce){.sheet{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.menu__section{padding:var(--sp-4) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.menu__section:first-child{padding-top:0}.menu__gap{height:var(--sp-3)}.profile{display:grid;gap:var(--sp-3)}.profile__tag{display:flex;align-items:center;gap:var(--sp-3);min-height:72px;padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);border-radius:var(--r-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);transition:box-shadow .2s}.profile__tag:focus-within{box-shadow:inset 0 0 0 2px #ffffffd9}.profile__me{flex:none;width:56px;height:56px;display:grid;place-items:center;line-height:0}.profile__input{flex:1;min-width:0;height:48px;border:0;outline:none;background:transparent;color:var(--text);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em}.profile__input::placeholder{color:var(--text-3)}.profile__label{margin-top:var(--sp-2)}.profile__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.profile__av{position:relative;aspect-ratio:1;border-radius:var(--r-m);display:grid;place-items:center;background:var(--surface);container-type:inline-size;transition:transform .12s var(--ease-out)}.profile__av:active{transform:scale(.9)}.profile__fig{position:relative;line-height:0;margin-top:8%;transition:transform .3s var(--ease-out)}.profile__av.is-on .profile__fig{transform:scale(1.12)}.profile__ring{position:absolute;inset:0;border-radius:var(--r-m);background:var(--surface-3);box-shadow:inset 0 0 0 2px #fff}.profile__input:focus-visible{outline:none}.pc{--cw: 240px;position:relative;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .085);overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 .5px #ffffff14 inset,0 1px #ffffff2e inset,0 18px 50px -12px #000000b3,0 4px 14px #00000059}.pc--strafe{background:radial-gradient(120% 70% at 30% 0%,rgba(255,255,255,.22),transparent 55%),linear-gradient(170deg,#ff4a3d,#e7231d 48%,#b80f18);color:#fff}.pc__ribs{position:absolute;inset:0 0 auto;height:26%;background:repeating-linear-gradient(180deg,transparent 0 calc(var(--cw) * .07),rgba(0,0,0,.13) calc(var(--cw) * .07) calc(var(--cw) * .074),rgba(255,255,255,.1) calc(var(--cw) * .074) calc(var(--cw) * .078));-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent);z-index:-1}.pc--joker{--mx: .5;--my: .5;background:linear-gradient(160deg,#1b1b20,#0d0d10);color:#fff}.pc__foil{position:absolute;inset:0;z-index:-1;opacity:.85;background:radial-gradient(60% 45% at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgba(255,255,255,.28),transparent 70%),conic-gradient(from calc(var(--mx) * 220deg) at calc(var(--mx) * 100%) calc(var(--my) * 100%),#6ee7ff,var(--joker),#f472b6,#fbbf24,#34d399,#6ee7ff);mix-blend-mode:soft-light;filter:saturate(1.25)}.pc--joker:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,#fff0 0 9px,#ffffff0d 9px 10px),radial-gradient(90% 60% at 50% 110%,rgb(var(--joker-rgb) / .35),transparent 70%)}.pc--final{--mx: .5;--my: .5;background:radial-gradient(120% 70% at 50% 0%,rgb(var(--gold-rgb) / .24),transparent 60%),linear-gradient(165deg,#211a05,#0c0a06 58%,#000);color:#fff}.pc--final .pc__foil{opacity:.45}.pc--final:after,.pc--back-final:after{content:"";position:absolute;inset:calc(var(--cw) * .03);z-index:-1;border-radius:calc(var(--cw) * .06);box-shadow:inset 0 0 0 1.5px rgb(var(--gold-rgb) / .7),inset 0 0 22px rgb(var(--gold-rgb) / .18);pointer-events:none}.pc--final .pc__pict,.pc--final .pc__corner,.pc--final .pc__title{color:var(--gold)}.pc--back-final{--mx: .5;--my: .5;background:radial-gradient(90% 60% at 50% 50%,rgb(var(--gold-rgb) / .2),transparent 70%),#0c0a06}.pc__back-j--final{font-size:calc(var(--cw) * .15);letter-spacing:-.03em;color:var(--gold);mix-blend-mode:normal;text-shadow:0 0 calc(var(--cw) * .08) rgb(var(--gold-rgb) / .6)}.pc__corner{position:absolute;display:flex;align-items:center;gap:6px;font-size:calc(var(--cw) * .048);font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.92}.pc__corner--tl{top:calc(var(--cw) * .07);left:calc(var(--cw) * .075)}.pc__corner--br{bottom:calc(var(--cw) * .07);right:calc(var(--cw) * .075);transform:rotate(180deg)}.pc__badge{position:absolute;top:calc(var(--cw) * .058);right:calc(var(--cw) * .06);padding:4px 10px;border-radius:var(--r-pill);background:#00000047;font-size:calc(var(--cw) * .05);font-weight:600;letter-spacing:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pc__badge--tag{background:#ffffff29;font-weight:700;letter-spacing:.02em}.pc__main{position:absolute;inset:calc(var(--cw) * .2) calc(var(--cw) * .085) calc(var(--cw) * .2);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--cw) * .035)}.pc__pict{width:calc(var(--cw) * .2);height:calc(var(--cw) * .2);color:#fff;opacity:.95}.pc__pict svg{width:100%;height:100%}.pc--joker .pc__pict{color:var(--joker-3)}.pc__name{--c: var(--seat-0);display:inline-block;padding:0 .32em;margin:0 .04em;border-radius:.3em;background:#fff;color:#1c1c1e;box-shadow:inset 0 -.14em 0 var(--c);line-height:1.15}.pc--wahl .pc__main{bottom:calc(var(--cw) * .26)}.pc__alt{position:absolute;left:calc(var(--cw) * .06);right:calc(var(--cw) * .06);bottom:calc(var(--cw) * .06);display:flex;align-items:center;gap:8px;padding:calc(var(--cw) * .035) calc(var(--cw) * .05);border-radius:calc(var(--cw) * .05);background:#00000042;font-size:calc(var(--cw) * .054);font-weight:500;color:#ffffffeb}.pc__alt b{font-weight:700;color:#fff}.pc__alt svg{flex:none;width:calc(var(--cw) * .075);height:calc(var(--cw) * .075)}.pc__stamp{position:absolute;left:50%;top:46%;z-index:5;padding:calc(var(--cw) * .025) calc(var(--cw) * .06);border:calc(var(--cw) * .014) solid currentColor;border-radius:calc(var(--cw) * .04);font-family:var(--font-display);font-weight:800;font-size:calc(var(--cw) * .11);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.pc__stamp--aufgabe{color:#000;background:#f5f5f7;border-color:#f5f5f7;-webkit-backdrop-filter:none;backdrop-filter:none}.pc__stamp--trinken{color:#fff}.pc__title{font-family:var(--font-display);font-size:calc(var(--cw) * .06);font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.pc__text{font-family:var(--font-display);font-weight:700;letter-spacing:-.022em;text-wrap:pretty}.pc__text--xl{font-size:calc(var(--cw) * .112);line-height:1.06}.pc__text--l{font-size:calc(var(--cw) * .094);line-height:1.1}.pc__text--m{font-size:calc(var(--cw) * .078);line-height:1.16}.pc__text--s{font-size:calc(var(--cw) * .066);line-height:1.2;letter-spacing:-.012em}.pc__foot{position:absolute;left:calc(var(--cw) * .075);right:calc(var(--cw) * .2);bottom:calc(var(--cw) * .06);font-size:calc(var(--cw) * .052);font-weight:600;opacity:.9}.pc--back{background:#0f0f11}.pc--back-strafe{background:radial-gradient(100% 60% at 50% 0%,rgb(var(--cup-rgb) / .16),transparent 60%),#0f0f11}.pc--back-joker{--mx: .5;--my: .5;background:#121216}.pc__back-frame{position:absolute;inset:calc(var(--cw) * .055);border-radius:calc(var(--cw) * .05);box-shadow:inset 0 0 0 1px #ffffff17;display:grid;place-items:center}.pc__mat{width:74%;height:auto}.pc__back-j{position:absolute;font-family:var(--font-display);font-weight:800;font-size:calc(var(--cw) * .34);letter-spacing:-.06em;color:#ffffffeb;mix-blend-mode:overlay}.pc__foil--back{opacity:.55}.pc__back-label{position:absolute;left:0;right:0;bottom:calc(var(--cw) * .1);text-align:center;font-size:calc(var(--cw) * .05);font-weight:600;color:var(--text-2)}.pc3d{perspective:1400px;width:var(--cw, 240px);height:calc(var(--cw, 240px) * 1.4)}.pc3d .pc{--cw: inherit}.pc3d__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.pc3d__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pc3d__face--back{transform:rotateY(180deg)}.pc3d__shade{position:absolute;inset:0;border-radius:calc(var(--cw, 240px) * .085);background:#000;pointer-events:none}.rules{list-style:none;padding:0 0 12px;margin:0;display:grid;gap:10px}.rule{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:16px;border-radius:var(--r-l);background:#ffffff0d}.rule__art{display:grid;place-items:center;width:96px;height:96px}.rule__art .mat-dia{width:96px;height:96px}.rule__n{font-size:var(--fs-s);font-weight:700;color:var(--cup)}.rule__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.022em;margin:2px 0 4px}.rule__text{font-size:var(--fs-base);line-height:1.42;color:var(--text-2)}.rule__text b{color:var(--text);font-weight:600}.rule-flip{display:flex;align-items:flex-end;gap:0;transform:scale(.62)}.rule-flip__a{transform:rotate(180deg)}.rule-joker,.rule-foul{width:58px;height:80px;border-radius:var(--r-xs);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:34px}.rule-joker{background:var(--holo);color:#000000bf;transform:rotate(-6deg)}.rule-mode{width:64px;height:64px;border-radius:var(--r-m);display:grid;place-items:center;background:linear-gradient(140deg,#6ee7ff38,#f472b638)}.rule-foul{width:64px;height:64px;border-radius:var(--r-pill);background:rgb(var(--cup-rgb) / .16);color:var(--warn)}.rules__note{padding:8px 6px 0;text-align:center}.rule-final{width:58px;height:80px;border-radius:var(--r-xs);display:grid;place-items:center;transform:rotate(5deg);background:radial-gradient(90% 60% at 50% 50%,rgb(var(--gold-rgb) / .22),transparent 70%),#0c0a06;box-shadow:inset 0 0 0 1.5px rgb(var(--gold-rgb) / .7),0 0 22px -4px rgb(var(--gold-rgb) / .45)}.rule-final span{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:-.01em;color:var(--gold)}.start{gap:22px}.start__bar{display:flex;justify-content:space-between;align-items:center}.start__intro{display:grid;gap:8px;margin-top:6px}.start__actions{position:sticky;bottom:calc(var(--safe-b) + var(--sp-3));z-index:5;margin-top:auto;display:grid;gap:var(--sp-2);padding-top:var(--sp-6);isolation:isolate}.start__actions:before{content:"";position:absolute;inset:0 -20px calc(-1 * (var(--safe-b) + var(--sp-3)));z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg) 34%);pointer-events:none}.start__legal{text-align:center;margin-top:4px}.join{display:grid;gap:18px;padding:4px 4px 12px}.join__code{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.join__input{position:absolute;inset:0;opacity:0;font-size:16px;caret-color:transparent}.join__box{aspect-ratio:.82;border-radius:var(--r-s);display:grid;place-items:center;background:var(--surface-2);font-family:var(--font-round);font-size:1.75rem;font-weight:700;transition:box-shadow .2s}.join__box.is-cursor{box-shadow:inset 0 0 0 2px #fff}.join__box.is-filled{background:var(--surface-3)}.join__or{text-align:center}.qr{position:relative;border-radius:var(--r-l);overflow:hidden;background:#000;aspect-ratio:1}.qr__view,.qr__view video{width:100%!important;height:100%!important;object-fit:cover}.qr__frame{position:absolute;inset:18%;border-radius:var(--r-l);box-shadow:0 0 0 999px #00000073,inset 0 0 0 3px #fff;pointer-events:none}.qr__close{position:absolute;top:12px;right:12px}.hold{--hold-color: var(--cup);position:relative;width:100%;min-height:64px;padding:0 24px;border-radius:var(--r-pill);overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--text);font-weight:600;font-size:var(--fs-l);letter-spacing:-.02em;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hold-color) 55%,transparent)}.hold--glass{background:#7878803d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.hold:disabled{opacity:.34}.hold__fill{position:absolute;inset:0 auto 0 0;background:var(--hold-color)}.hold__label{position:relative;z-index:1;mix-blend-mode:normal;text-shadow:0 1px 8px rgba(0,0,0,.25)}.hold.is-holding .hold__label{color:var(--hold-ink, #fff)}.deck-tile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-l);background:var(--surface);text-align:left;transition:transform .12s var(--ease-out)}.deck-tile:active{transform:scale(.97)}.deck-tile__fan{position:relative;flex:none;width:58px;height:64px}.deck-tile__fan span{position:absolute;top:4px;left:12px;width:38px;height:54px;border-radius:7px;display:grid;place-items:center;font-size:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 90%,#fff 10%),color-mix(in srgb,var(--tint) 70%,#000 30%));box-shadow:0 6px 14px #0006;transform-origin:50% 80%}.deck-tile__fan span:nth-child(1){filter:brightness(.55)}.deck-tile__fan span:nth-child(2){filter:brightness(.75)}.deck-tile__copy{display:grid;gap:2px;min-width:0}.deck-tile__copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decks{display:grid;gap:10px;padding-bottom:12px}.deck-row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:var(--r-l);background:#ffffff0d;text-align:left;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}.deck-row.is-active{box-shadow:inset 0 0 0 1.5px var(--tint);background:color-mix(in srgb,var(--tint) 10%,transparent)}.deck-row__card{width:64px;height:88px;border-radius:var(--r-xs);display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 90%,#fff 10%),color-mix(in srgb,var(--tint) 65%,#000 35%));box-shadow:0 10px 24px -8px color-mix(in srgb,var(--tint) 60%,transparent);transform:rotate(-4deg)}.deck-row__emoji{font-size:30px}.deck-row__copy{display:grid;gap:3px;min-width:0}.deck-row__name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-l);letter-spacing:-.02em}.deck-row__badge{padding:2px 8px;border-radius:var(--r-pill);background:var(--tint);color:#fff;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.02em}.deck-row__desc{font-size:var(--fs-m)}.deck-row__sample{font-size:var(--fs-s);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deck-row__price{font-weight:600;font-size:var(--fs-base);color:var(--text-2);white-space:nowrap}.deck-bundle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:var(--r-l);text-align:left;background:linear-gradient(120deg,rgb(var(--cup-rgb) / .22),#bf5af238);box-shadow:inset 0 0 0 1px #ffffff1f}.deck-bundle span{display:grid;gap:2px}.deck-bundle__price{font-size:var(--fs-xl);font-weight:700}.buy{display:grid;gap:12px;justify-items:center;text-align:center;padding:4px 4px 14px}.buy__fan{display:flex;gap:6px;margin:6px 0}.buy__fan span{width:72px;height:100px;border-radius:var(--r-xs);display:grid;place-items:center;font-size:34px;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 90%,#fff 10%),color-mix(in srgb,var(--tint) 65%,#000 35%))}.buy__fan span:nth-child(1):not(:only-child){transform:rotate(-8deg) translateY(6px)}.buy__fan span:nth-child(3){transform:rotate(8deg) translateY(6px)}.buy__price{font-size:2rem;font-weight:700;display:flex;gap:10px;align-items:baseline}.buy__price s{font-size:var(--fs-l);font-weight:500}.buy .k-btn{width:100%}.lobby{gap:18px}.lobby__bar .code-chip{min-height:40px}.lobby__head{display:grid;gap:4px;margin-top:8px}.tmat{--pad: 64px;position:relative;width:min(100%,380px);aspect-ratio:1;margin:0 auto}.tmat--compact{--pad: 48px;width:min(100%,300px)}.tmat__board{position:absolute;inset:var(--pad);border-radius:var(--r-m);background:radial-gradient(70% 70% at 50% 50%,rgba(255,255,255,.06),transparent 70%),#111113;box-shadow:inset 0 0 0 1px #ffffff12,0 30px 80px -20px #000000e6;transform:perspective(900px) rotateX(14deg);transform-origin:50% 60%}.tmat__zone{position:absolute;border-radius:var(--r-pill)}.tmat__zone--bottom{left:8%;right:8%;bottom:3%;height:4.5%}.tmat__zone--top{left:8%;right:8%;top:3%;height:4.5%}.tmat__zone--left{top:8%;bottom:8%;left:3%;width:4.5%}.tmat__zone--right{top:8%;bottom:8%;right:3%;width:4.5%}.tmat__grid{position:absolute;inset:10%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:3px}.tmat__grid span{border-radius:3px;background:#ffffff13}.tmat__grid span.is-outer{background:#ffffff08}.tmat__glass{position:absolute;left:50%;top:50%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:var(--r-pill);background:radial-gradient(circle at 34% 30%,#fff 0 18%,transparent 24%),radial-gradient(circle,#ffffff1f 50%,#c8cdd7b3 56%,#fff 64%,#a0a5afb3 74%);box-shadow:0 0 0 6px #ffffff0d,0 0 30px #ffffff40;animation:tmat-breathe 3.6s ease-in-out infinite}@keyframes tmat-breathe{50%{box-shadow:0 0 0 10px #ffffff05,0 0 44px #ffffff59}}.tmat__seat{position:absolute;display:grid;place-items:center;width:92px}.tmat__seat--bottom{left:50%;bottom:-6px;transform:translate(-50%)}.tmat__seat--top{left:50%;top:-6px;transform:translate(-50%)}.tmat__seat--left{left:-18px;top:50%;transform:translateY(-50%)}.tmat__seat--right{right:-18px;top:50%;transform:translateY(-50%)}.tmat--compact .tmat__seat--left{left:-22px}.tmat--compact .tmat__seat--right{right:-22px}.tmat__player{display:grid;justify-items:center;gap:6px}.tmat__name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-m);font-weight:600;letter-spacing:-.01em}.tmat__crown{color:var(--gold);font-size:.6rem;margin-left:4px;vertical-align:middle}.tmat__state{font-size:var(--fs-xs);color:var(--text-3);margin-top:-4px}.tmat__state.is-ready{color:var(--text);font-weight:600}.tmat__free{display:grid;justify-items:center;gap:8px}.tmat__free-dot{width:54px;height:54px;border-radius:var(--r-pill);border:1.5px dashed rgba(255,255,255,.22)}.tmat--compact .tmat__free-dot{width:40px;height:40px}.lobby__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.lobby-invite{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-l);background:var(--surface);text-align:left;transition:transform .12s var(--ease-out)}.lobby-invite:active{transform:scale(.97)}.lobby-invite .matqr{filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));transform:rotate(-3deg);transition:transform .3s var(--ease-out)}.lobby-invite:hover .matqr{transform:rotate(0)}.lobby-invite__copy{display:grid;gap:2px;min-width:0}.lobby__row .deck-tile{flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4)}.lobby__row .deck-tile__fan{margin-left:4px}.lobby__foot{margin-top:auto;position:sticky;bottom:calc(var(--safe-b) + 12px);display:grid;gap:10px;padding-top:8px;isolation:isolate}.lobby__foot:before{content:"";position:absolute;top:-28px;bottom:calc(-1 * (var(--safe-b) + 12px));left:50%;width:100vw;transform:translate(-50%);z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg, #000) 38%);pointer-events:none}.lobby__blocker{text-align:center}.invite{display:grid;justify-items:center;gap:14px;padding:4px 4px 12px}.invite__qr{display:grid;place-items:center;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}.invite__code{font-size:2.6rem;font-weight:700;letter-spacing:.16em;line-height:1}.invite__actions{width:100%;display:grid;gap:10px;margin-top:4px}.ready-btn{--c: var(--seat-0);--ink: #fff;min-height:64px;border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-l);letter-spacing:-.02em;background:var(--c);color:var(--ink);transition:transform .12s var(--ease-out),background-color .25s,color .25s,box-shadow .25s}.ready-btn:active{transform:scale(.97)}.ready-btn.is-ready{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--c)}.lobby__hint{text-align:center;max-width:300px;margin:-6px auto 0}.tmat__free--pick{cursor:pointer;-webkit-tap-highlight-color:transparent}.tmat__free--pick .tmat__free-dot{display:grid;place-items:center;color:var(--c);border-color:color-mix(in srgb,var(--c) 70%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent);transition:transform .12s var(--ease-out),background-color .2s}.tmat__free--pick:active .tmat__free-dot{transform:scale(.92);background:color-mix(in srgb,var(--c) 26%,transparent)}.tmat__free--pick .tmat__state{color:var(--text-2)}.lobby__hint.is-warn{color:var(--warn);font-weight:600}.target{display:grid;gap:10px;padding:14px;border-radius:var(--r-l);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--hairline)}.target__head{display:grid;gap:2px;font-size:var(--fs-m);line-height:1.35}.target__head b{font-size:var(--fs-l);letter-spacing:-.015em}.target__seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:var(--r-s);background:#00000059}.target__seg button{position:relative;min-height:52px;border-radius:var(--r-xs);font-weight:700;font-size:var(--fs-l);color:var(--text-2);font-variant-numeric:tabular-nums;transition:color .2s}.target__inf{position:relative;display:grid;justify-items:center;line-height:1;gap:1px}.target__inf small{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.target__seg button.is-on{color:#000}.target__seg button:disabled{opacity:.4}.target__seg button>span:last-child{position:relative}.target__pill{position:absolute;inset:0;border-radius:var(--r-xs);background:#f5f5f7;box-shadow:0 6px 18px -8px #ffffff80}.target__note{font-size:var(--fs-xs);text-align:center}.target--compact{padding:var(--sp-3);background:#ffffff0a}.target--bare{padding:var(--sp-3) 0;background:none;box-shadow:none;border-radius:0}.today{display:grid;padding:var(--sp-4) var(--sp-4) var(--sp-2);border-radius:var(--r-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.today__title{font-size:var(--fs-l);letter-spacing:-.015em;margin-bottom:var(--sp-1)}.today__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;text-align:left}.today__row>svg{color:var(--text-3)}.today__value{font-weight:600;color:var(--text-2)}.today .target--bare,.today .house__row{border-top:1px solid var(--hairline)}.house__row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;text-align:left}.house__row:disabled{cursor:default}.house__copy{flex:1;min-width:0;display:grid;gap:2px}.house__label{font-weight:600;font-size:var(--fs-base)}.house__detail{font-size:var(--fs-s);line-height:1.35;color:var(--text-2)}.switch{flex:none;position:relative;width:51px;height:31px;padding:2px;border-radius:var(--r-pill);display:flex;justify-content:flex-start;background:#ffffff29;transition:background-color .25s}.switch.is-on{justify-content:flex-end;background:#f5f5f7}.switch.is-on .switch__knob{background:#000;box-shadow:none}.house__row:disabled .switch{opacity:.45}.switch__knob{width:27px;height:27px;border-radius:var(--r-pill);background:#fff;box-shadow:0 3px 8px #00000040}.deck{--cw: 220px;position:relative;width:var(--cw);height:calc(var(--cw) * 1.4);margin:0 auto;touch-action:none}.deck .pc{--cw: inherit}.deck__under,.deck__top{position:absolute;inset:0}.deck__under{filter:brightness(.72)}.deck__top{cursor:grab;touch-action:none;will-change:transform;z-index:2}.deck__top:active{cursor:grabbing}.deck__shadow{position:absolute;inset:6% 4% -4%;border-radius:12%;background:#000000e6;filter:blur(26px);z-index:-1}.deck__glow{position:absolute;inset:-30% -40%;background:radial-gradient(50% 45% at 50% 40%,var(--cup-glow),transparent 70%);pointer-events:none;z-index:0}.deck__hint{position:absolute;left:50%;top:calc(100% + 26px);transform:translate(-50%);white-space:nowrap;text-align:center;font-size:var(--fs-base);font-weight:600;color:var(--text-2);pointer-events:none}.deck--locked .deck__top{cursor:not-allowed}.deck--locked .deck__top .pc{filter:saturate(.4) brightness(.8)}.lossring{position:relative;display:inline-block;flex:none}.lossring__svg{position:absolute;max-width:none;pointer-events:none;overflow:visible}.lossring__track{fill:none;stroke:#fff3;stroke-linecap:round}.lossring__fill{fill:none;stroke:#f5f5f7;stroke-linecap:round}.lossring.is-matchball .lossring__fill{stroke:var(--gold);filter:drop-shadow(0 0 4px rgb(var(--gold-rgb) / .8))}@media (prefers-reduced-motion: no-preference){.lossring.is-matchball .lossring__svg{animation:lossring-glow 1.6s ease-in-out infinite}}@keyframes lossring-glow{0%,to{opacity:1}50%{opacity:.55}}.rule-chip .seat-av{margin:-4px 0 -4px -6px}.rcard{width:100%;display:grid;gap:6px;padding:12px 14px;border-radius:var(--r-m);text-align:left;background:rgb(var(--cup-rgb) / .08);box-shadow:inset 0 0 0 1px rgb(var(--cup-rgb) / .3)}.rcard--joker{background:rgb(var(--joker-rgb) / .1);box-shadow:inset 0 0 0 1px rgb(var(--joker-rgb) / .32)}.rcard__top{display:flex;align-items:center;gap:8px}.rcard__icon{flex:none;width:28px;height:28px;border-radius:var(--r-xs);display:grid;place-items:center;background:#ffffff14}.rcard__title{flex:1;min-width:0;font-weight:700;font-size:var(--fs-l);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcard__left{flex:none;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgb(var(--cup-rgb) / .18);color:var(--cup-2)}.rcard--joker .rcard__left{background:rgb(var(--joker-rgb) / .2);color:var(--joker-3)}.rcard__text{font-size:var(--fs-base);line-height:1.38;color:var(--text)}.rcard__text .pc__name{font-size:.92em}.rcard__foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--fs-s);font-weight:600;color:var(--text-2)}.rcard__dot{color:var(--text-3)}.rcard__target{color:var(--text)}.rcard--big{padding:16px 18px;gap:10px}.rcard--big .rcard__title{font-size:var(--fs-xl);white-space:normal}.rcard--big .rcard__text{font-size:var(--fs-l)}.rcard--big .rcard__icon{width:36px;height:36px;border-radius:var(--r-xs)}.setup__rulecards{width:100%;display:grid;gap:8px}.setup__rulecards>.t-eyebrow{text-align:left;color:var(--cup-2)}.timebar{--tb: var(--joker);width:100%;display:grid;justify-items:center;gap:8px}.timebar__track{width:100%;height:4px;border-radius:var(--r-pill);background:#ffffff1f;overflow:hidden}.timebar__fill{height:100%;border-radius:var(--r-pill);background:var(--tb);transform-origin:0 50%;box-shadow:0 0 10px var(--tb)}.timebar__label{font-size:var(--fs-xs);font-weight:600;color:var(--text-3);transition:color .2s}.timebar.is-paused .timebar__label{color:var(--tb)}.pc__timer{position:absolute;left:calc(var(--cw) * .075);right:calc(var(--cw) * .075);bottom:calc(var(--cw) * .03);height:calc(var(--cw) * .012);min-height:3px;border-radius:var(--r-pill);background:#ffffff29;overflow:hidden;z-index:4;pointer-events:none}.pc__timer-fill{height:100%;border-radius:var(--r-pill);background:#fff;transform-origin:0 50%;box-shadow:0 0 8px #fffc;transition:opacity .2s}.pc__timer.is-paused .pc__timer-fill{opacity:.55}.pc__timer-label{position:absolute;left:calc(var(--cw) * .075);bottom:calc(var(--cw) * .06);z-index:4;font-size:calc(var(--cw) * .046);font-weight:600;letter-spacing:0;color:#ffffffc7;pointer-events:none;transition:color .2s}.pc__timer-label.is-paused{color:var(--joker-3)}.game{--me: var(--seat-0);gap:14px;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game__ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(90% 55% at 50% 108%,color-mix(in srgb,var(--me) 34%,transparent),transparent 70%),radial-gradient(60% 40% at 50% -10%,rgba(255,255,255,.05),transparent 70%),#000}.game__bar{background:linear-gradient(180deg,#000000d9,#0000)}.game__round{display:grid;line-height:1;min-width:52px}.game__round-n{font-size:1.75rem;font-weight:700;margin-top:2px}.game__players{display:flex;gap:10px;justify-content:center}.game__pl{position:relative;display:grid;place-items:center;opacity:.85}.game__pl.is-me{opacity:1}.game__pl.is-me:after{content:"";position:absolute;bottom:-8px;width:5px;height:5px;border-radius:var(--r-pill);background:#fff}.game__pl-n{position:absolute;right:-7px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-pill);display:grid;place-items:center;background:#fff;color:#000;font-size:var(--fs-2xs);font-weight:800}.game__rules{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:2px 20px;scrollbar-width:none}.game__rules::-webkit-scrollbar{display:none}.rule-chip{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);font-size:var(--fs-s);background:rgb(var(--cup-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--cup-rgb) / .35)}.rule-chip b{font-weight:600}.rule-chip span{color:var(--text-2)}.rule-chip--joker{background:rgb(var(--joker-rgb) / .14);box-shadow:inset 0 0 0 1px rgb(var(--joker-rgb) / .35)}.rule-chip--next{background:transparent;box-shadow:inset 0 0 0 1px var(--hairline-strong)}.rule-chip svg{flex:none}.rule-chip--mode{background:linear-gradient(120deg,#6ee7ff29,#f472b629);box-shadow:inset 0 0 0 1px #ffffff38;color:var(--text)}.mode-info{display:grid;justify-items:center;gap:14px;padding:4px 6px 18px;text-align:center}.mode-info__icon{width:72px;height:72px;border-radius:var(--r-l);display:grid;place-items:center;background:linear-gradient(140deg,#6ee7ff38,#f472b638)}.mode-info__rule{font-size:var(--fs-l);line-height:1.45;color:var(--text-2);max-width:26rem}.mode-info__order,.setup__order{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.mode-info__step,.setup__order-step{display:inline-flex;align-items:center;gap:6px;color:var(--text-3)}.game__stage{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:4px}.game__clock{display:grid;gap:2px}.game__clock-label{color:var(--me)}.game__clock-time{font-size:clamp(3.6rem,19vw,5.6rem);font-weight:700;line-height:.95;letter-spacing:-.04em}.game__clock-sub{margin-top:6px}.jhand{position:relative;display:grid;justify-items:center;gap:10px;padding-right:4px}.jhand__card{--cw: 86px;transform-origin:50% 100%;rotate:7deg;touch-action:none;cursor:grab}.jhand__card .pc3d,.jhand__card .pc{--cw: 86px}.jhand__card .pc__main{display:none}.jhand__label{font-size:var(--fs-xs);font-weight:600;color:var(--joker-2)}.jhand--used .jhand__card{filter:grayscale(1) brightness(.6)}.jhand.is-away .jhand__card{visibility:hidden}.jhand--used .jhand__label{color:var(--text-3)}.jhand__empty{width:86px;height:120px;border-radius:var(--r-xs);border:1.5px dashed var(--hairline-strong)}.game__deck{flex:1;min-height:0;padding:8px 0 72px;display:grid;place-items:center}.game__deck .deck__hint b{color:var(--text)}.setup{--me: var(--seat-0);position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overscroll-behavior:contain;padding-top:calc(var(--safe-t) + 20px);background:radial-gradient(80% 50% at 50% 40%,color-mix(in srgb,var(--me) 20%,transparent),transparent 70%),#000000e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.setup__inner{margin:auto 0;width:min(88vw,400px);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;text-align:center;padding-bottom:400px}.setup__title{font-family:var(--font-display);font-size:clamp(2.6rem,12vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1}.setup__crew{display:flex;justify-content:center;gap:16px}.setup__member{position:relative;display:grid;justify-items:center;gap:6px;opacity:.55;transition:opacity .3s}.setup__member.is-ready{opacity:1}.setup__tick{position:absolute;top:26px;right:-6px;width:22px;height:22px;border-radius:var(--r-pill);display:grid;place-items:center;background:transparent;color:#fff;transform:scale(.4);transition:transform .35s var(--ease-bounce),background-color .2s}.setup__member.is-ready .setup__tick{background:#f5f5f7;color:#000;box-shadow:0 0 0 2.5px #000;transform:scale(1)}.setup__member-name{font-size:var(--fs-xs);font-weight:600;color:var(--text-2);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup.is-leaving,.setup.is-leaving *{pointer-events:none!important}.setup__actions{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(var(--safe-b) + 18px);width:min(calc(100% - 40px),440px);display:grid;gap:10px;pointer-events:auto}.setup__actions:before{content:"";position:absolute;top:-36px;bottom:calc(-1 * (var(--safe-b) + 18px));left:50%;width:100vw;transform:translate(-50%);z-index:-1;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.82) 34%);pointer-events:none}.setup__ready{min-height:76px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;gap:10px;background:#f5f5f7;color:#000;font-family:var(--font-display);font-weight:800;font-size:var(--fs-2xl);letter-spacing:-.03em;transition:transform .12s var(--ease-out),background-color .2s}.setup__ready:active{transform:scale(.97)}.setup__ready.is-on{min-height:56px;font-family:var(--font);font-size:var(--fs-l);font-weight:600;letter-spacing:-.015em;background:#ffffff14;color:var(--text);box-shadow:inset 0 0 0 1.5px #ffffff80}.sjoker{display:grid;justify-items:center;gap:12px;margin-bottom:18px}.sjoker__card{--cw: clamp(96px, 16svh, 148px);position:relative;display:block;padding:0;border-radius:calc(var(--cw) * .085);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sjoker-row{display:flex;justify-content:center;align-items:flex-end;gap:22px}.sjoker-row--two .sjoker__card{--cw: clamp(84px, 13.5svh, 124px)}.sjoker--rache .sjoker__card:before{background:radial-gradient(closest-side,rgb(var(--rache-rgb) / .48),rgba(251,191,36,.14) 55%,transparent)}.sjoker--rache .sjoker__inner{filter:drop-shadow(0 16px 22px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgb(var(--rache-rgb) / .55))}.sjoker--rache .sjoker__label{color:var(--rache-3);background:rgb(var(--rache-rgb) / .22);box-shadow:inset 0 0 0 1px rgb(var(--rache-rgb) / .5)}.sjoker--rache .pc__back-label{color:var(--rache-2);font-weight:800;letter-spacing:.08em;text-transform:uppercase}@media (max-height: 740px){.sjoker{gap:10px;margin-bottom:12px}.sjoker__card{--cw: clamp(84px, 14svh, 148px)}}.sjoker__card.is-away{visibility:hidden}.sjoker__card .pc{--cw: inherit}.sjoker__card:before{content:"";position:absolute;inset:-38% -55%;z-index:-1;background:radial-gradient(closest-side,rgb(var(--joker-rgb) / .42),rgba(244,114,182,.12) 55%,transparent);pointer-events:none}.sjoker__inner{position:relative;display:block;border-radius:calc(var(--cw) * .085);filter:drop-shadow(0 16px 22px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgb(var(--joker-rgb) / .5))}.pc-holo .pc--back-joker{--mx: inherit;--my: inherit}.pc-holo .pc__foil--back{opacity:.42;mix-blend-mode:normal}.pc-holo .pc__back-frame{box-shadow:inset 0 0 0 1px #ffffff38}.pc-holo .pc__back-j{mix-blend-mode:normal;color:#fff;text-shadow:0 0 calc(var(--cw) * .12) rgb(var(--joker-2-rgb) / .9)}.sjoker__inner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:180% 0;pointer-events:none}.sjoker__inner.is-new{animation:sjoker-nudge 2.8s ease-in-out .4s infinite}.sjoker__inner.is-new:after{animation:sjoker-sheen 2.8s ease-in-out .4s infinite}@keyframes sjoker-nudge{0%,66%,to{transform:none}74%{transform:translateY(-9px) rotate(3deg)}83%{transform:translateY(0) rotate(-2deg)}90%{transform:none}}@keyframes sjoker-sheen{0%,30%{background-position:180% 0}62%,to{background-position:-80% 0}}.sjoker.is-used .sjoker__inner{filter:grayscale(1) brightness(.55)}.sjoker.is-used .sjoker__card:before{display:none}.sjoker__label{padding:5px 12px;border-radius:var(--r-pill);font-size:var(--fs-base);font-weight:700;letter-spacing:-.01em;color:var(--joker-3);background:rgb(var(--joker-rgb) / .2);box-shadow:inset 0 0 0 1px rgb(var(--joker-2-rgb) / .4)}.sjoker.is-used .sjoker__label{color:var(--text-3);background:none;box-shadow:none}@media (prefers-reduced-motion: reduce){.sjoker__inner.is-new,.sjoker__inner.is-new:after{animation:none}}.badge-neu{position:absolute;top:-8px;right:12px;padding:2px 9px;border-radius:var(--r-pill);background:var(--joker);color:#1c1033;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.jhand .badge-neu{top:-10px;right:-6px}.setup__dial{position:relative;width:min(62vw,250px);aspect-ratio:1;display:grid;place-items:center}.setup__ring{position:absolute;inset:0;transform:rotate(-90deg)}.setup__track{fill:none;stroke:#ffffff14;stroke-width:3}.setup__prog{fill:none;stroke:var(--me);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.setup__dial:before{content:"";position:absolute;inset:10%;border-radius:var(--r-pill);background:radial-gradient(circle,color-mix(in srgb,var(--me) 22%,transparent),transparent 70%);filter:blur(20px)}.setup__num{font-size:clamp(6rem,34vw,9.5rem);font-weight:800;line-height:1}.setup__steps{list-style:none;padding:0;display:grid;gap:10px;text-align:left}.setup__steps li{display:flex;align-items:center;gap:12px;font-size:var(--fs-l);font-weight:500}.setup__check{width:20px;height:20px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--me);position:relative}.setup__check:after{content:"";position:absolute;inset:5px;border-radius:var(--r-pill);background:var(--me)}.setup__mode{display:grid;justify-items:center;gap:8px;padding:18px 20px 20px;border-radius:var(--r-l);background:linear-gradient(140deg,#6ee7ff1f,#f472b624);box-shadow:inset 0 0 0 1px #ffffff29}.setup__mode .t-eyebrow{color:var(--mode)}.setup__mode-icon{width:60px;height:60px;border-radius:var(--r-m);display:grid;place-items:center;background:#ffffff14}.setup__mode-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em}.setup__mode-rule{font-size:var(--fs-base);line-height:1.4;color:var(--text-2)}.setup__matchball{width:100%;display:grid;justify-items:center;gap:6px;padding:16px 18px 18px;border-radius:var(--r-l);background:radial-gradient(120% 90% at 50% 0%,rgb(var(--gold-rgb) / .2),rgb(var(--gold-rgb) / .05));box-shadow:inset 0 0 0 1.5px rgb(var(--gold-rgb) / .55),0 0 32px -10px rgb(var(--gold-rgb) / .6)}.setup__matchball .t-eyebrow{color:var(--gold)}.setup__matchball-avs{display:flex;gap:6px;margin-bottom:2px}.setup__matchball-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.1}.setup__matchball-text{font-size:var(--fs-base);line-height:1.4;color:var(--text-2)}.prost{--me: var(--seat-0);position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none}.prost__flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fff,var(--me) 45%,color-mix(in srgb,var(--me) 40%,#000) 100%)}.prost__word{position:relative;font-family:var(--font-display);font-weight:800;font-size:clamp(4.5rem,24vw,9rem);letter-spacing:-.05em;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.35)}.pen{--loser: var(--seat-0);position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-t) + 18px) 20px calc(var(--safe-b) + 18px);gap:18px;overflow-y:auto}.pen__bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(90% 60% at 50% 30%,color-mix(in srgb,var(--loser) 30%,transparent),transparent 70%),#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pen--final .pen__bg{background:radial-gradient(90% 60% at 50% 30%,rgb(var(--gold-rgb) / .22),transparent 70%),radial-gradient(60% 40% at 50% 100%,color-mix(in srgb,var(--loser) 24%,transparent),transparent 70%),#000000f0}.pen--final .pen__title{color:var(--gold)}.finale-flash{position:fixed;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none}.finale-flash__glow{position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 45%,rgb(var(--gold-rgb) / .55),transparent 70%)}.finale-flash__word{position:relative;font-family:var(--font-display);font-size:clamp(4rem,22vw,7.5rem);font-weight:800;letter-spacing:-.05em;background:linear-gradient(100deg,var(--gold-2),var(--gold) 40%,#f472b6 70%,var(--joker));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgb(var(--gold-rgb) / .5))}.pen__head{width:100%;max-width:480px;display:flex;align-items:center;gap:14px}.pen__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.026em;line-height:1.12}.pen__card{perspective:1400px;margin-top:calc(var(--cw) * .28)}.pen>*{flex-shrink:0}.pen__card .pc3d,.pen__card .pc{--cw: inherit}.pen__below{display:grid;justify-items:center;gap:12px;width:100%;max-width:420px}.pen__rule{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);background:rgb(var(--cup-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--cup-rgb) / .35);font-size:var(--fs-m);font-weight:600}.pen__timer{position:relative;width:112px;height:112px;display:grid;place-items:center}.pen__timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.pen__timer span{font-size:2.4rem;font-weight:800}.pen__timer-track{fill:none;stroke:#ffffff1a;stroke-width:4}.pen__timer-prog{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.pen__timer.is-hot .pen__timer-prog{stroke:var(--cup)}.pen__timer.is-hot span{color:var(--cup)}.pen__timer.is-over span{font-size:1.5rem}.pen__timer-start{max-width:320px;gap:8px}.pen__foot{width:100%;max-width:480px;margin-top:auto;display:grid;gap:10px}.pen__wait{text-align:center}.pen__joker{justify-self:center;color:var(--joker-2);gap:8px}.k-btn.pen__joker--strafe{--btn-bg: rgb(var(--joker-rgb) / .2);--btn-fg: var(--joker-3);box-shadow:inset 0 0 0 1.5px rgb(var(--joker-rgb) / .7),0 0 24px -6px rgb(var(--joker-rgb) / .8);min-height:48px;padding:0 20px;font-weight:700}.jfocus__blocked{padding:14px 16px;border-radius:var(--r-m);text-align:center;font-size:var(--fs-base);line-height:1.4;color:var(--joker-3);background:rgb(var(--joker-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--joker-rgb) / .3)}.pen__sub{font-size:var(--fs-l);font-weight:600;text-align:center;color:var(--text-2)}.pen__sub.is-trinken,.pen__sub.is-aufgabe{color:var(--text)}.pen__next{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);font-size:var(--fs-m);line-height:1.35;color:var(--text-2);background:linear-gradient(120deg,#6ee7ff1f,#f472b61f);box-shadow:inset 0 0 0 1px #ffffff24}.pen__next svg{flex:none;margin-top:2px;color:var(--mode)}.pen__next b{color:var(--text)}.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice__btn{min-height:68px;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:var(--fs-l);letter-spacing:-.02em;transition:transform .12s var(--ease-out);text-align:left}.choice__btn:active{transform:scale(.96)}.choice__btn span{display:grid;line-height:1.15}.choice__btn small{font-size:var(--fs-xs);font-weight:500;opacity:.75}.choice__btn--trinken{background:var(--fill);color:var(--text);box-shadow:inset 0 0 0 1px var(--hairline-strong);-webkit-backdrop-filter:var(--blur-m);backdrop-filter:var(--blur-m)}.choice__btn--aufgabe{background:#f5f5f7;color:#000}.choice-drag{position:relative;touch-action:pan-y;cursor:grab}.choice-drag__hint{position:absolute;top:16%;z-index:6;padding:6px 12px;border-radius:var(--r-xs);border:3px solid currentColor;font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);text-transform:uppercase;letter-spacing:.04em;background:#00000073;pointer-events:none}.choice-drag__hint--l{right:10%;color:#fff;transform:rotate(10deg)}.choice-drag__hint--r{left:10%;color:#000;background:#f5f5f7;border-color:#f5f5f7;transform:rotate(-10deg)}.jfocus,.jplayed{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-t) + 20px) 20px calc(var(--safe-b) + 18px);gap:20px}.jfocus.is-leaving,.jfocus.is-leaving *{pointer-events:none!important}.jfocus__scrim,.jplayed__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 50% at 50% 40%,rgb(var(--joker-rgb) / .25),transparent 70%),#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.jfocus__head{text-align:center}.jfocus__card .pc3d,.jfocus__card .pc,.jplayed .pc{--cw: inherit}.jfocus__foot{width:100%;max-width:440px;margin-top:auto;display:grid;gap:10px}.jplayed{justify-content:center;gap:14px;overflow:hidden}.jplayed .jplayed__bg{background:radial-gradient(90% 60% at 50% 35%,rgba(255,255,255,.18),transparent 60%),conic-gradient(from 200deg at 50% 45%,#6ee7ff,var(--joker),#f472b6,#fbbf24,#34d399,#6ee7ff);filter:saturate(1.1);-webkit-backdrop-filter:none;backdrop-filter:none;animation:jplayed-spin 9s linear infinite;inset:50% auto auto 50%;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax}.jplayed .jplayed__bg:after{content:"";position:absolute;inset:0;background:#1408286b}@keyframes jplayed-spin{to{transform:rotate(360deg)}}.jplayed__flash{position:absolute;inset:0;background:#fff;pointer-events:none}.jplayed__stopp{position:relative;font-family:var(--font-display);font-weight:900;font-size:clamp(5rem,27vw,11rem);line-height:.84;letter-spacing:-.05em;color:#fff;text-shadow:0 10px 40px rgba(40,10,80,.55)}.jplayed__who{position:relative;display:flex;align-items:center;gap:10px;font-size:var(--fs-l);font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(40,10,80,.5)}.jplayed__card{position:relative;margin-top:calc(var(--cw) * .3);filter:drop-shadow(0 30px 50px rgba(30,5,60,.6))}@media (prefers-reduced-motion: reduce){.jplayed .jplayed__bg{animation:none}}@media (max-height: 720px){.jplayed{gap:8px}.jplayed__stopp{font-size:clamp(4rem,19vw,7rem)}}.pause{position:fixed;inset:0;z-index:85;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:24px;background:#000000b3}.pause__icon{color:#fff}.menu{display:grid;gap:2px;padding-bottom:8px}.jfocus__pick{display:grid;gap:10px;padding:12px;border-radius:var(--r-m);background:rgb(var(--joker-rgb) / .1);box-shadow:inset 0 0 0 1px rgb(var(--joker-rgb) / .3)}.jfocus__pick-q{text-align:center;font-size:var(--fs-base);font-weight:700;color:var(--joker-3)}.jfocus__pick-row{display:flex;justify-content:center;gap:10px}.jfocus__pick-p{display:grid;justify-items:center;gap:5px;min-width:76px;padding:8px 6px;border-radius:var(--r-s);font-size:var(--fs-s);font-weight:600;color:var(--text-2);transition:background-color .2s,color .2s,transform .12s var(--ease-out)}.jfocus__pick-p:active{transform:scale(.95)}.jfocus__pick-p.is-on{color:#fff;background:rgb(var(--joker-rgb) / .28);box-shadow:inset 0 0 0 1.5px var(--joker)}.sshift{position:relative;display:grid;justify-items:center;gap:14px;margin-top:6px}.sshift__mat{position:relative;width:140px;height:140px;margin:24px;border-radius:var(--r-s);background:#0a061499;box-shadow:inset 0 0 0 1px #ffffff24}.sshift__zone{position:absolute;border-radius:var(--r-pill);opacity:.85}.sshift__zone--0{left:14%;right:14%;bottom:6px;height:4px}.sshift__zone--2{left:14%;right:14%;top:6px;height:4px}.sshift__zone--1{top:14%;bottom:14%;left:6px;width:4px}.sshift__zone--3{top:14%;bottom:14%;right:6px;width:4px}.sshift__p{position:absolute;transform:translate(-50%,-50%);display:grid;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.sshift__p.is-moving{z-index:1}.sshift__hop{display:grid}.sshift__text{position:relative;font-size:var(--fs-l);font-weight:700;letter-spacing:-.015em;color:#fff;text-align:center;text-shadow:0 2px 16px rgba(40,10,80,.6)}.undo-pill{position:relative;align-self:center;display:inline-flex;align-items:center;gap:8px;margin-top:-6px;padding:9px 16px 11px;border-radius:var(--r-pill);overflow:hidden;font-size:var(--fs-m);font-weight:600;color:var(--text);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .12s var(--ease-out)}.undo-pill:active{transform:scale(.96)}.undo-pill__bar{position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:var(--r-pill);background:#ffffffb3;transform-origin:0 50%}.report{position:relative;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.report__ring{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);transform:rotate(-90deg);pointer-events:none;opacity:0}.report__ring circle{fill:none;stroke:#ff453a;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:145;stroke-dashoffset:145}.report.is-holding .report__ring{opacity:1}.report.is-holding .report__ring circle{animation:report-fill .9s linear forwards}.report.is-holding>:first-child{transform:scale(.92);transition:transform .9s var(--ease-out)}@keyframes report-fill{to{stroke-dashoffset:0}}.report__tip{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);white-space:nowrap;padding:6px 11px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;color:#fff;background:#ff453a;box-shadow:0 8px 20px -6px #ff453ab3;pointer-events:none;z-index:5}.deck__hint-sub{display:block;margin-top:4px;font-size:var(--fs-s);color:var(--text-3)}.jbonus{display:grid;justify-items:center;gap:8px}.jbonus__card{--cw: 62px;display:block;padding:0;rotate:-8deg;border-radius:calc(var(--cw) * .085);filter:drop-shadow(0 0 16px rgb(var(--rache-rgb) / .5))}.jbonus__card .pc{--cw: inherit}.jbonus__card .pc__main{display:none}.jbonus__card.is-away{visibility:hidden}.jbonus__label{font-size:var(--fs-xs);font-weight:700;color:var(--rache-2)}.game__hand{display:flex;align-items:flex-end;gap:10px}.jhand__card .pc-holo{filter:drop-shadow(0 10px 16px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgb(var(--joker-rgb) / .4))}.jbonus__card .pc-holo{filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgb(var(--rache-rgb) / .5))}.results{gap:22px}.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:50}.results__head{display:grid;gap:10px;margin-top:18px}.rank{list-style:none;padding:0;display:grid;gap:8px}.rank__row{--seat: var(--surface-3);display:grid;grid-template-columns:26px auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-l);background:var(--surface)}.rank__n{font-size:var(--fs-l);font-weight:700;color:var(--text-3)}.rank__emoji{width:44px;height:44px;line-height:0}.rank__who{display:grid;gap:2px;min-width:0}.rank__who b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank__sub{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-s);font-weight:600}.rank__stat{display:grid;justify-items:end;line-height:1}.rank__stat .t-num{font-size:1.75rem;font-weight:700}.rank__stat small{font-size:var(--fs-2xs);color:var(--text-3);margin-top:4px}.results__foot{margin-top:auto;position:sticky;z-index:2;bottom:calc(var(--safe-b) + 12px);display:grid;gap:10px;padding-top:8px;isolation:isolate}.results__foot:before{content:"";position:absolute;top:-28px;bottom:calc(-1 * (var(--safe-b) + 12px));left:50%;width:100vw;transform:translate(-50%);z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg, #000) 38%);pointer-events:none}.final-recap{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-l);background:radial-gradient(120% 90% at 0% 0%,rgb(var(--gold-rgb) / .18),transparent 70%),#0c0a06;box-shadow:inset 0 0 0 1.5px rgb(var(--gold-rgb) / .6),0 0 30px -12px rgb(var(--gold-rgb) / .7)}.final-recap .t-eyebrow{color:var(--gold)}.final-recap__copy{flex:1;min-width:0;display:grid;gap:4px}.final-recap__text{font-size:var(--fs-base);line-height:1.38}.final-recap__icon{flex:none;color:var(--gold);opacity:.85}.podium{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:end;gap:var(--sp-2);padding-top:var(--sp-6)}.podium__col{--seat: var(--surface-3);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;min-width:0}.podium__cup{position:relative;width:min(100%,128px);margin-bottom:-6px;z-index:1}.podium__cup img{display:block;width:100%;height:auto;transform-origin:50% 90%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.podium__crown{position:absolute;z-index:1;top:-16%;left:calc(50% - 20px);color:var(--gold);filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.podium__crown svg{fill:rgb(var(--gold-rgb) / .35)}.podium__step{width:100%;display:grid;place-items:center;transform-origin:50% 100%;border-radius:var(--r-m) var(--r-m) var(--r-xs) var(--r-xs);background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 70%,#fff 8%),color-mix(in srgb,var(--seat) 38%,#000 62%));box-shadow:inset 0 1px #ffffff59,0 12px 24px -12px color-mix(in srgb,var(--seat) 70%,transparent)}.podium__rank{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;line-height:1;color:#ffffffeb;text-shadow:0 2px 8px rgba(0,0,0,.3)}.podium__cap{display:grid;justify-items:center;align-content:start;gap:2px;min-height:78px;margin-top:var(--sp-2);max-width:100%;text-align:center}.podium__cap b{max-width:100%;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium__cap .t-num{font-size:var(--fs-s);color:var(--text-2)}.podium__tag{margin-top:4px;max-width:100%;padding:3px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs, .75rem);font-weight:700;white-space:nowrap;color:#1c1406;background:linear-gradient(100deg,var(--gold-2),var(--gold))}.share-tile{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-l);text-align:left;background:radial-gradient(120% 120% at 0% 0%,rgb(var(--gold-rgb) / .14),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .25)}.share-tile:disabled{opacity:.6}.share-tile__thumb{flex:none;width:56px;aspect-ratio:4 / 5;border-radius:var(--r-xs);overflow:hidden;background:#0a0a0c;box-shadow:0 6px 14px #00000073;transform:rotate(-4deg)}.share-tile__thumb img{display:block;width:100%;height:100%;object-fit:cover}.share-tile__copy{flex:1;min-width:0;display:grid;gap:2px}.share-tile__go{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--r-pill);font-weight:700;color:#1c1406;background:linear-gradient(100deg,var(--gold-2),var(--gold))}.evening{display:grid;gap:var(--sp-2)}@media (prefers-reduced-motion: reduce){.podium__step{transform:none!important}}.recap{display:grid;gap:var(--sp-2)}.recap__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recap__tile{--seat: var(--surface-3);position:relative;min-height:150px;padding:16px;border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);isolation:isolate}.recap__tile--person{background:radial-gradient(120% 90% at 100% 100%,color-mix(in srgb,var(--seat) 38%,transparent),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seat) 40%,transparent)}.recap__kicker{margin:0;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.recap__big{margin:8px 0 0;font-family:var(--font-display);font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap__tile--person .recap__big{max-width:calc(100% - 44px)}.recap__small{margin:auto 0 0;padding-top:10px;font-size:var(--fs-s);line-height:1.35;color:var(--text-2);position:relative;z-index:1}.recap__tile--person .recap__small{max-width:calc(100% - 58px)}.recap__cup{position:absolute;z-index:0;right:-10px;bottom:-8px;width:78px;height:auto;transform:rotate(-8deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.recap__tile:last-child:nth-child(odd){grid-column:1 / -1;min-height:120px}.screen{min-height:100dvh}.boot{min-height:100dvh;background:#000}.conn-banner{position:fixed;top:calc(var(--safe-t) + 8px);left:50%;transform:translate(-50%);z-index:150;padding:8px 16px;border-radius:var(--r-pill);font-size:var(--fs-m);font-weight:500;white-space:nowrap}.code-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-pill);font-family:var(--font-round);font-weight:700;font-size:var(--fs-l);letter-spacing:.14em}.code-chip small{font-family:var(--font);font-weight:600;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.seat-av{--seat: var(--surface-3);position:relative;display:grid;place-items:center;flex:none;line-height:0}.seat-av--off{filter:grayscale(1);opacity:.45}:root{color-scheme:dark;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-round: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--bg: #000;--bg-raised: #0c0c0d;--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--hairline: rgba(255, 255, 255, .09);--hairline-strong: rgba(255, 255, 255, .16);--text: #f5f5f7;--text-2: rgba(235, 235, 245, .62);--text-3: rgba(235, 235, 245, .52);--text-4: rgba(235, 235, 245, .28);--cup: #ff3b30;--cup-rgb: 255 59 48;--cup-2: #ff8f87;--cup-glow: rgba(255, 59, 48, .45);--warn: #ff6961;--seat-0: #ff453a;--seat-1: #ffd60a;--seat-2: #0a84ff;--seat-3: #30d158;--joker: #a78bfa;--joker-rgb: 167 139 250;--joker-2: #c4b5fd;--joker-2-rgb: 196 181 253;--joker-3: #ede9fe;--rache: #fb7185;--rache-rgb: 251 113 133;--rache-2: #fda4af;--rache-3: #ffe4e6;--gold: #e9c46a;--gold-rgb: 233 196 106;--gold-2: #f6e0a6;--mode: #f9a8d4;--holo: conic-gradient(from 30deg, #6ee7ff, #a78bfa, #f472b6, #fbbf24, #34d399, #6ee7ff);--glass: rgba(28, 28, 30, .66);--scrim: rgba(0, 0, 0, .62);--scrim-strong: rgba(0, 0, 0, .9);--r-xs: 10px;--r-s: 14px;--r-m: 18px;--r-l: 22px;--r-xl: 28px;--r-pill: 999px;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-s: .8125rem;--fs-m: .875rem;--fs-base: .9375rem;--fs-l: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.6rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--blur-s: blur(12px) saturate(160%);--blur-m: blur(20px) saturate(180%);--fill: rgba(120, 120, 128, .24);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}html{overflow-x:clip}#root{min-height:100dvh}h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}img,svg,canvas,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:var(--cup);color:#fff}:focus-visible{outline:2px solid #fff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.t-hero{font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,13vw,9.5rem);line-height:.92;letter-spacing:-.045em}.t-display{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,7.4vw,4.6rem);line-height:1.02;letter-spacing:-.035em}.t-title{font-family:var(--font-display);font-weight:700;font-size:1.75rem;line-height:1.1;letter-spacing:-.026em}.t-body{font-size:var(--fs-l);line-height:1.47}.t-callout{font-size:var(--fs-base);line-height:1.4;letter-spacing:-.008em}.t-caption{font-size:var(--fs-s);line-height:1.35;letter-spacing:0}.t-eyebrow{font-size:var(--fs-xs);font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.t-num{font-family:var(--font-round);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.c-2{color:var(--text-2)}.c-3{color:var(--text-3)}.k-btn{--btn-bg: #f5f5f7;--btn-fg: #000;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:0 1.6rem;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-l);letter-spacing:-.02em;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:transform .12s var(--ease-out),opacity .2s,background-color .2s}.k-btn:active{transform:scale(.965);transition-duration:.06s}.k-btn[disabled]{opacity:.32;pointer-events:none}.k-btn--block{width:100%}.k-btn--cup{--btn-bg: var(--cup);--btn-fg: #fff}.k-btn--glass{--btn-bg: rgba(120, 120, 128, .24);--btn-fg: var(--text);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.k-btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);box-shadow:inset 0 0 0 1px var(--hairline-strong)}.k-btn--small{min-height:40px;padding:0 1rem;font-size:var(--fs-base)}.k-icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-pill);background:#7878803d;color:var(--text);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:transform .12s var(--ease-out)}.k-icon-btn:active{transform:scale(.92)}.k-glass{background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 .5px #ffffff24}@media (prefers-reduced-transparency: reduce){.k-glass,.k-btn--glass,.k-icon-btn,.hold--glass,.undo-pill,.x-nav,.k-toast,.choice__btn--trinken{background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast: more){:root{--text-2: rgba(235, 235, 245, .82);--text-3: rgba(235, 235, 245, .6);--hairline: rgba(255, 255, 255, .3)}}.k-app{position:relative;min-height:100dvh;max-width:520px;margin:0 auto;padding:calc(var(--safe-t) + 12px) 20px calc(var(--safe-b) + 20px);display:flex;flex-direction:column}.k-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:calc((var(--safe-t) + 12px) * -1) -20px 0;padding:calc(var(--safe-t) + 10px) 16px 10px}.k-field{width:100%;min-height:60px;padding:0 20px;border-radius:var(--r-s);border:0;background:var(--surface);color:var(--text);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;outline:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s}.k-field::placeholder{color:var(--text-3)}.k-field:focus{box-shadow:inset 0 0 0 2px #fffc}.k-toasts{position:fixed;left:0;right:0;top:calc(var(--safe-t) + 64px);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.k-toast{max-width:min(92vw,420px);padding:10px 18px;border-radius:var(--r-pill);font-size:var(--fs-base);font-weight:500;pointer-events:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}