.tip-card{--tip-paper:hsl(40 100% 98.5%);--tip-ink:hsl(262 40% 22%);position:relative;padding:18px 18px 20px;border-radius:var(--party-radius-lg);background:radial-gradient(90% 60% at 100% 0,hsl(44 100% 90%/.85),transparent 60%),radial-gradient(80% 60% at 0 0,hsl(335 100% 95%/.9),transparent 60%),var(--party-surface);box-shadow:var(--party-shadow);scroll-margin-top:16px}.tip-card__head{display:flex;align-items:center;gap:12px}.tip-card__art{flex-shrink:0;width:clamp(96px,26vw,132px);height:auto;margin:-6px -4px -4px -8px;filter:drop-shadow(0 10px 12px hsl(36 60% 40%/.18));animation:tip-hover 4.8s ease-in-out infinite alternate}@keyframes tip-hover{0%{transform:translateY(2px) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}.tip-card__title{color:var(--party-text);font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem);font-weight:600;line-height:1.08;letter-spacing:-.015em}.tip-card__lead{margin-top:6px;color:var(--party-muted);font-size:.875rem;line-height:1.45;max-width:52ch}.tip-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:16px}.tip-field{display:grid;gap:8px;min-width:0;border:0;padding:0;margin:0}.tip-field__label{padding:0;color:var(--party-text);font-size:.9375rem;font-weight:800}.tip-field__label span{color:var(--party-muted);font-weight:700}.tip-search{display:flex;align-items:center;gap:8px;min-height:2.75rem;padding:0 14px;border:1.5px solid var(--party-border);border-radius:999px;background:var(--party-field);color:var(--party-muted);transition:border-color .16s ease,box-shadow .16s ease}.tip-search:focus-within{border-color:var(--party-pink-500);box-shadow:0 0 0 4px hsl(334 90% 80%/.35)}.tip-search__input{flex:1;min-width:0;border:0;background:transparent;color:var(--party-text);font-size:1rem;font-weight:700;outline:none}.tip-search__input::placeholder{color:var(--party-muted);font-weight:600;opacity:.8}.tip-guests{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}.tip-guest{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px 8px;border-radius:18px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,transform .22s var(--party-spring)}.tip-guest:hover{background:var(--party-well)}.tip-guest:active{transform:scale(.95)}.tip-guest:focus-within{outline:3px solid var(--party-accent-blue);outline-offset:1px}.tip-guest__avatar{position:relative;display:inline-grid}.tip-guest__avatar>span:first-child{border:3px solid var(--party-surface);box-shadow:var(--party-shadow);transition:border-color .16s ease,transform .26s var(--party-spring)}.tip-guest.is-picked{background:var(--party-pink-100);color:var(--party-ink-950)}.tip-guest.is-picked .tip-guest__avatar>span:first-child{border-color:var(--party-pink-500);transform:scale(1.06)}.tip-guest__check{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--party-surface);border-radius:50%;background:var(--party-pink-600);color:hsl(0 0% 100%);animation:tip-pop .32s var(--party-spring) both}.tip-guest__name{max-width:100%;overflow:hidden;font-size:.8125rem;font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tip-empty{color:var(--party-muted);font-size:.875rem;font-weight:700}.tip-amount{display:flex;align-items:center;gap:10px;min-height:3.75rem;padding:0 16px;border:1.5px solid var(--party-border);border-radius:var(--party-radius);background:var(--party-field);transition:border-color .16s ease,box-shadow .16s ease}.tip-amount:focus-within{border-color:var(--party-pink-500);box-shadow:0 0 0 4px hsl(334 90% 80%/.35)}.tip-amount img{width:28px;height:28px;filter:drop-shadow(0 3px 4px hsl(36 80% 35%/.3))}.tip-amount__input{flex:1;width:100%;min-width:0;border:0;background:transparent;color:var(--party-text);font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;outline:none}.tip-amount__input::placeholder{color:var(--party-muted);opacity:.45}.tip-amount__max{flex-shrink:0;min-height:2.5rem;padding:0 .9rem;border:0;border-radius:999px;background:var(--party-pink-100);color:var(--party-pink-600);font-size:.875rem;font-weight:800;cursor:pointer;transition:transform .22s var(--party-spring),background-color .16s ease}.tip-amount__max:hover:not(:disabled){background:var(--party-pink-200)}.tip-amount__max:active:not(:disabled){transform:scale(.94)}.tip-amount__max:focus-visible{outline:3px solid var(--party-accent-blue);outline-offset:2px}.tip-amount__max:disabled{cursor:not-allowed;opacity:.4}.tip-amount__max.is-on{background:var(--party-pink-500);color:var(--party-ink-950)}.tip-field__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tip-field__hint{color:var(--party-muted);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.tip-field__hint .coin-amount{color:var(--party-text);font-weight:900}.tip-chips{display:flex;flex-wrap:wrap;gap:8px}.tip-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;min-height:2.75rem;padding:.5rem .95rem;border:1.5px solid var(--party-border);border-radius:999px;background:var(--party-surface);color:var(--party-text);font-size:.9375rem;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--party-spring),border-color .16s ease,background-color .16s ease}.tip-chip:hover:not(:disabled){border-color:var(--party-pink-500)}.tip-chip:active:not(:disabled){transform:scale(.94)}.tip-chip:focus-visible{outline:3px solid var(--party-accent-blue);outline-offset:2px}.tip-chip:disabled{cursor:not-allowed;opacity:.4}.tip-chip.is-on{border-color:var(--party-pink-500);background:var(--party-pink-100);color:var(--party-ink-950)}.tip-chips--amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tip-chip--note{border-style:dashed;font-size:.875rem;font-weight:700}.tip-chip--note.is-on{border-style:solid}.tip-letter{position:relative;border-radius:var(--party-radius);background:repeating-linear-gradient(180deg,transparent 0 29px,hsl(205 70% 88%) 29px 30px),var(--tip-paper);background-position:0 8px,0 0;box-shadow:inset 0 0 0 1.5px var(--party-border);transition:box-shadow .16s ease}.tip-letter:focus-within{box-shadow:inset 0 0 0 2px var(--party-pink-500),0 0 0 4px hsl(334 90% 80%/.35)}.tip-letter__input{display:block;width:100%;min-width:0;min-height:3.25rem;border:0;background:transparent;padding:8px 64px 8px 14px;color:var(--tip-ink);font-family:var(--font-hand),var(--font-body),cursive;font-size:1.4rem;font-weight:500;outline:none;caret-color:var(--party-pink-600)}.tip-letter__input::placeholder{color:hsl(270 12% 58%);opacity:1}.tip-letter__count{position:absolute;top:50%;right:10px;translate:0 -50%;padding:.1rem .45rem;border-radius:999px;background:hsl(0 0% 100%/.85);color:hsl(270 12% 42%);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.tip-form__next{width:100%;min-height:3.25rem}.tip-error{margin-top:12px;padding:10px 14px;border-radius:var(--party-radius);background:var(--party-danger-soft);color:var(--party-danger);font-size:.875rem;font-weight:700}.tip-note{justify-self:center;max-width:100%;padding:4px 14px 6px;border-radius:4px;background:var(--tip-paper);color:var(--tip-ink);font-family:var(--font-hand),var(--font-body),cursive;font-size:1.45rem;line-height:1.15;overflow-wrap:anywhere;box-shadow:0 1px 2px hsl(300 30% 30%/.08),0 10px 16px -12px hsl(320 45% 35%/.45);transform:rotate(-1.5deg)}.tip-confirm{display:grid;justify-items:center;gap:12px;margin-top:16px;padding:20px 16px 16px;border-radius:var(--party-radius);background:var(--party-well);text-align:center;animation:tip-rise .36s var(--party-ease) both}.tip-confirm__pair{display:flex;align-items:center;gap:10px}.tip-confirm__pair>span:first-child,.tip-confirm__pair>span:last-child{border:3px solid var(--party-surface);box-shadow:var(--party-shadow)}.tip-confirm__pair>span:last-child{border-color:var(--party-pink-500)}.tip-confirm__arrow{position:relative;display:grid;place-items:center;width:64px;height:30px;background:radial-gradient(circle,var(--party-pink-500) 1.6px,transparent 2.2px) 0 50% /9px 9px repeat-x}.tip-confirm__arrow img{width:30px;height:30px;animation:tip-nudge 1.6s ease-in-out infinite;filter:drop-shadow(0 3px 4px hsl(36 80% 35%/.35))}.tip-confirm__line{color:var(--party-text);font-family:var(--font-display);font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.tip-confirm__line strong{font-weight:600}.tip-confirm__amount,.tip-confirm__line strong{color:var(--party-accent-pink)}.tip-confirm__after{color:var(--party-muted);font-size:.875rem;font-weight:700}.tip-confirm__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;margin-top:4px}.tip-confirm__actions .party-button--primary{min-height:3.25rem}.tip-sent{display:grid;justify-items:center;gap:10px;margin-top:16px;padding:18px 16px 16px;border-radius:var(--party-radius);background:var(--party-success-soft);text-align:center;animation:tip-rise .36s var(--party-ease) both}.tip-flight{display:flex;align-items:center;gap:6px;width:min(100%,300px)}.tip-flight>span:first-child,.tip-flight>span:last-child{border:3px solid var(--party-surface);box-shadow:var(--party-shadow)}.tip-flight__to{animation:tip-catch .52s var(--party-spring) .9s both}.tip-flight__lane{position:relative;flex:1;height:60px;background:radial-gradient(circle,hsl(152 45% 60%/.7) 1.6px,transparent 2.2px) 0 50% /9px 9px repeat-x}.tip-flight__coin{position:absolute;inset:0 26px 0 0;animation:tip-fly-x .9s cubic-bezier(.45,0,.55,1) var(--delay) both}.tip-flight__coin img{position:absolute;top:17px;left:0;width:26px;height:26px;filter:drop-shadow(0 4px 4px hsl(36 80% 35%/.35));animation:tip-fly-y .9s var(--delay) both}@keyframes tip-fly-x{0%{transform:translateX(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes tip-fly-y{0%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}50%{transform:translateY(var(--lift)) rotate(180deg);animation-timing-function:cubic-bezier(.6,0,.8,.3)}to{transform:translateY(0) rotate(1turn)}}@keyframes tip-catch{0%{transform:scale(1)}40%{transform:scale(1.16) rotate(-4deg)}to{transform:scale(1)}}.tip-sent__title{color:var(--party-text);font-family:var(--font-display);font-size:clamp(1.4rem,1.2rem + 1vw,1.75rem);font-weight:600;line-height:1.1}.tip-sent__copy{color:var(--party-text);font-size:1rem;font-weight:700}.tip-sent__amount{color:var(--party-success);font-weight:900}.tip-sent__copy strong{font-weight:900}.tip-sent__again{margin-top:4px}.tip-history{margin-top:20px;padding-top:16px;border-top:1.5px dashed var(--party-border)}.tip-history__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}.tip-history__title{font-weight:800}.tip-history__title,.tip-history__totals{color:var(--party-muted);font-size:.8125rem}.tip-history__totals{display:flex;gap:12px;font-weight:700;font-variant-numeric:tabular-nums}.tip-history__totals span{display:inline-flex;align-items:center;gap:.3rem}.tip-history__totals .coin-amount{color:var(--party-text);font-weight:900}.tip-history__list{margin-top:6px}.tip-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--party-hairline)}.tip-row:last-child{border-bottom:0}.tip-row__text{display:grid;min-width:0}.tip-row__who{display:inline-flex;align-items:center;gap:.3rem;overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tip-row--sent .tip-row__who svg{color:var(--party-accent-pink)}.tip-row--received .tip-row__who svg{color:var(--party-success)}.tip-row__note{overflow:hidden;color:var(--party-muted);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.tip-row__side{display:grid;justify-items:end;gap:1px}.tip-row__amount{font-variant-numeric:tabular-nums}.tip-row--received .tip-row__amount{color:var(--party-success)}.tip-row__side time{color:var(--party-muted);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.tip-history__more{display:block;min-height:2.75rem;margin:4px auto 0;padding:0 1rem;border:0;border-radius:999px;background:transparent;color:var(--party-accent-pink);font-size:.875rem;font-weight:800;cursor:pointer}.tip-history__more:hover{background:var(--party-well)}.tip-history__more:focus-visible{outline:3px solid var(--party-accent-blue);outline-offset:2px}.hub-rank-row__tip{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--party-border);border-radius:50%;background:var(--party-surface);font-size:1rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--party-spring),border-color .16s ease}.hub-rank-row__tip:hover{border-color:var(--party-pink-500);transform:rotate(-8deg) scale(1.06)}.hub-rank-row__tip:active{transform:scale(.92)}.hub-rank-row__tip:focus-visible{outline:3px solid var(--party-accent-blue);outline-offset:2px}.hub-rank-row--tippable{grid-template-columns:2rem auto minmax(0,1fr) auto auto}.tip-toast-region{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;z-index:60;width:min(100% - 24px,27rem);translate:-50% 0;pointer-events:none}.tip-toast{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 10px 12px 12px;border:5px solid transparent;border-radius:20px;background:linear-gradient(170deg,hsl(40 100% 98.5%),hsl(36 70% 94%)) padding-box,repeating-linear-gradient(-45deg,var(--party-pink-400) 0 10px,hsl(0 0% 100%) 10px 16px,var(--party-blue-400) 16px 26px,hsl(0 0% 100%) 26px 32px) border-box;color:hsl(262 40% 18%);box-shadow:0 2px 4px hsl(300 30% 30%/.1),0 26px 44px -18px hsl(320 45% 35%/.6);pointer-events:auto;animation:tip-drop .62s var(--party-spring) both}.tip-toast__seal{position:relative;display:inline-grid}.tip-toast__seal>span:first-child{border:3px solid hsl(0 0% 100%);box-shadow:0 6px 12px -6px hsl(320 45% 35%/.5)}.tip-toast__stamp{position:absolute;right:-8px;bottom:-6px;font-size:1.25rem;line-height:1;transform-origin:50% 80%;animation:tip-wiggle 1.2s ease-in-out .5s 2}.tip-toast__text{display:grid;gap:2px;font-size:.9375rem;line-height:1.3}.tip-toast__text strong{font-weight:900}.tip-toast__note{font-family:var(--font-hand),var(--font-body),cursive;font-size:1.3rem;line-height:1.1;color:hsl(334 55% 39%);overflow-wrap:anywhere}.tip-toast__more{position:absolute;top:-10px;left:18px;padding:.05rem .45rem;border-radius:999px;background:var(--party-pink-600);color:hsl(0 0% 100%);font-size:.75rem;font-weight:900}.tip-toast__close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:hsl(0 0% 100%/.7);color:hsl(262 30% 30%);cursor:pointer}.tip-toast__close:hover{background:hsl(0 0% 100%)}.tip-toast__close:focus-visible{outline:3px solid var(--party-accent-blue);outline-offset:2px}@keyframes tip-drop{0%{opacity:0;transform:translateY(-120%) rotate(-3deg)}}@keyframes tip-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(12deg)}}@keyframes tip-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes tip-pop{0%{transform:scale(0)}}@keyframes tip-nudge{0%,to{transform:translateX(-10px)}50%{transform:translateX(10px)}}@media (prefers-color-scheme:dark){.tip-card{--tip-paper:hsl(40 45% 93%);background:radial-gradient(90% 60% at 100% 0,hsl(40 50% 24%/.5),transparent 60%),radial-gradient(80% 60% at 0 0,hsl(334 50% 24%/.55),transparent 60%),var(--party-surface)}.tip-chip.is-on,.tip-guest.is-picked{background:color-mix(in oklab,var(--party-pink-500) 22%,var(--party-surface));color:var(--party-text)}.tip-toast{box-shadow:0 2px 4px hsl(258 40% 3%/.3),0 26px 44px -18px hsl(258 40% 3%/.8)}}@media (prefers-reduced-motion:reduce){.tip-card__art,.tip-confirm__arrow img,.tip-flight__to,.tip-toast__stamp{animation:none}.tip-flight__coin{display:none}.tip-confirm,.tip-guest__check,.tip-sent,.tip-toast{animation-name:tip-fade}}@keyframes tip-fade{0%{opacity:0}}.sky-clouds{display:block;width:100%;height:clamp(44px,7vw,76px)}.sky-clouds__back{fill:var(--party-cloud);opacity:.55}.sky-clouds__front{fill:var(--party-sky-base)}.hub-live-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--party-red-500);box-shadow:0 0 0 0 hsl(355 75% 60%/.6);animation:hub-live 1.8s var(--party-ease) infinite}@keyframes hub-live{70%{box-shadow:0 0 0 .5rem hsl(355 75% 60%/0)}to{box-shadow:0 0 0 0 hsl(355 75% 60%/0)}}.hub-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.hub-section-head h2{color:var(--party-text);font-size:clamp(1.5rem,1.2rem + 1.2vw,1.9rem);font-weight:600;letter-spacing:-.015em;line-height:1.05}.hub-games .hub-section-head{flex-direction:column;align-items:flex-start;gap:4px}.hub-section-head p{display:inline-flex;align-items:center;gap:.4rem;color:var(--party-muted);font-size:.875rem;font-weight:700;text-align:right}.hub{display:flex;flex-direction:column}.hub-sky{position:relative;padding-top:18px;overflow-x:clip}.hub-content,.hub-sky__inner{padding-inline:max(16px,calc((100% - 72rem) / 2))}.hub-sky__inner{position:relative}.hub-sky .sky-clouds{margin-top:-8px;position:relative;z-index:1}.hub-content{flex:1;display:grid;gap:28px;align-content:start;padding-top:4px;padding-bottom:56px;background:var(--party-sky-base)}.hub-sky__top{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.hub-sky__hello{flex:1;min-width:0}.hub-sky__hello h1{color:var(--party-text);font-size:clamp(1.5rem,1.1rem + 1.8vw,2.25rem);font-weight:600;line-height:1.05;letter-spacing:-.015em;overflow-wrap:anywhere}.hub-sky__hello p{margin-top:3px;color:var(--party-muted);font-size:.8125rem;font-weight:700}.hub-avatar{position:relative;flex-shrink:0;cursor:pointer;border-radius:50%;transition:transform .22s var(--party-spring)}.hub-avatar:active{transform:scale(.94)}.hub-avatar:focus-within{outline:3px solid var(--party-accent-blue);outline-offset:3px}.hub-avatar.is-busy{opacity:.6}.hub-avatar>span:first-child{border:3px solid var(--party-surface);box-shadow:var(--party-shadow)}.hub-avatar__badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--party-surface);background:var(--party-primary);color:var(--party-on-accent)}.hub-balance{position:relative;z-index:2;margin-top:26px;padding-bottom:6px}.hub-balance__label{color:var(--party-muted);font-size:.875rem;font-weight:800}.hub-balance__value{display:flex;align-items:center;gap:.12em;margin-top:2px;color:var(--party-text);font-family:var(--font-display);font-size:clamp(3.4rem,2.2rem + 6vw,6rem);font-weight:600;line-height:.95;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.hub-balance__value .hub-balance__coin{width:.82em;height:.82em;margin-right:.1em;vertical-align:0;filter:drop-shadow(0 6px 8px hsl(36 80% 35%/.35))}.hub-balance__coin.is-bumping{animation:hub-coin-bump .9s var(--party-spring)}@keyframes hub-coin-bump{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.28) rotate(-14deg)}60%{transform:scale(.94) rotate(8deg)}to{transform:scale(1) rotate(0)}}.hub-balance__rank{display:inline-flex;align-items:baseline;gap:.3rem;margin-top:14px;padding:.4rem .9rem;border-radius:999px;background:var(--party-surface);box-shadow:var(--party-shadow);color:var(--party-muted);font-size:.875rem;font-weight:700}.hub-balance__rank strong{color:var(--party-accent-pink);font-family:var(--font-display);font-size:1.15rem;font-weight:600}.hub-sky__stork{position:absolute;z-index:1;right:max(0px,calc((100% - 72rem) / 2));bottom:-26px;width:clamp(150px,34vw,330px);height:auto;pointer-events:none;animation:hub-stork-in 1.4s var(--party-ease) both,hub-stork-fly 6s ease-in-out 1.4s infinite alternate}@keyframes hub-stork-in{0%{transform:translate(40%,-30%) rotate(-6deg);opacity:0}}@keyframes hub-stork-fly{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-10px) rotate(-2.5deg)}}.hub-stage{position:relative;margin-top:-6px}.hub-now{border-radius:var(--party-radius-lg);color:var(--party-text)}.hub-now h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);font-weight:600;line-height:1.1}.hub-now__text{margin-top:4px;color:var(--party-muted);font-size:.9375rem;max-width:56ch}.hub-now--idle{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 10px;background:var(--party-well);border:1.5px dashed var(--party-border)}.hub-now__art{flex-shrink:0;width:78px;height:auto;animation:hub-rattle 3.6s ease-in-out infinite;transform-origin:70% 80%}@keyframes hub-rattle{0%,80%,to{transform:rotate(0)}84%{transform:rotate(-12deg)}88%{transform:rotate(10deg)}92%{transform:rotate(-6deg)}}.hub-now--live{position:relative;overflow:hidden;padding:22px;background:radial-gradient(120% 140% at 100% 0,var(--party-blue-400),transparent 55%),linear-gradient(135deg,var(--party-pink-400),var(--party-lilac-400));color:var(--party-ink-950);box-shadow:var(--party-shadow-lift)}.hub-now--live h2{color:var(--party-ink-950);font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);margin-top:6px}.hub-now--live .hub-now__text{color:var(--party-ink-800)}.hub-now__status{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:999px;background:hsl(0 0% 100%/.7);font-size:.8125rem;font-weight:800}.hub-now__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;font-size:.9rem;font-weight:700}.hub-now__actions strong{font-family:var(--font-display);font-weight:600;letter-spacing:.06em}.hub-now--live .party-button--primary{background:var(--party-ink-950);color:var(--party-slate-100);box-shadow:0 12px 22px -10px hsl(258 38% 8%/.7)}.hub-grid{display:grid;gap:32px;align-items:start}.hub-grid__scratch:empty{display:none}@media (min-width:1024px){.hub-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-areas:"games scratch" "games ranking";column-gap:36px;row-gap:28px}.hub-grid__games{grid-area:games}.hub-grid__scratch{grid-area:scratch}.hub-grid__ranking{grid-area:ranking}}.hub-games__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-tile{--tile-tint:var(--party-pink-200);--tile-tint-2:var(--party-pink-100);position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--party-radius-lg);background:radial-gradient(90% 70% at 50% 18%,hsl(0 0% 100%/.75),transparent 70%),linear-gradient(170deg,var(--tile-tint),var(--tile-tint-2));color:var(--party-ink-950);text-decoration:none;box-shadow:inset 0 1px 0 hsl(0 0% 100%/.6),var(--party-shadow);-webkit-tap-highlight-color:transparent;transition:transform .26s var(--party-spring),box-shadow .26s var(--party-ease)}.hub-tile--crossing{--tile-tint:var(--party-blue-200);--tile-tint-2:var(--party-blue-100)}.hub-tile--tower{--tile-tint:var(--party-butter-200);--tile-tint-2:hsl(44 100% 94%)}.hub-tile--plinko{--tile-tint:var(--party-lilac-200);--tile-tint-2:hsl(270 80% 96%)}.hub-tile--crash{--tile-tint:var(--party-mint-200);--tile-tint-2:hsl(152 60% 94%)}.hub-tile--slots{--tile-tint:var(--party-pink-200);--tile-tint-2:var(--party-blue-200)}.hub-tile:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 hsl(0 0% 100%/.6),var(--party-shadow-lift)}.hub-tile:active{transform:scale(.97);transition-duration:90ms}.hub-tile:focus-visible{outline:3px solid var(--party-accent-blue);outline-offset:3px}.hub-tile__art{display:grid;place-items:center;padding:12px 12px 0}.hub-tile__art img{width:100%;max-width:190px;height:auto;transition:transform .42s var(--party-spring)}.hub-tile:hover .hub-tile__art img{transform:rotate(-4deg) scale(1.05)}.hub-tile__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:4px 14px 14px}.hub-tile__genre{padding:.15rem .55rem;border-radius:999px;background:hsl(0 0% 100%/.72);color:var(--party-ink-700);font-size:.6875rem;font-weight:800}.hub-tile h3{margin-top:6px;font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}.hub-tile__description{display:-webkit-box;margin-top:4px;overflow:hidden;color:var(--party-ink-700);font-size:.8125rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hub-tile__cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:10px;font-size:.875rem;font-weight:800}.hub-tile:hover .hub-tile__cta svg{transform:translateX(3px)}.hub-tile__cta svg{transition:transform .22s var(--party-spring)}.hub-tile:first-child,.hub-tile:last-child{grid-column:1/-1;flex-direction:row-reverse;align-items:center;min-height:168px}.hub-tile:first-child .hub-tile__art,.hub-tile:last-child .hub-tile__art{width:46%;flex-shrink:0;padding:12px 10px 12px 0}.hub-tile:first-child .hub-tile__body,.hub-tile:last-child .hub-tile__body{align-self:stretch;padding:18px 0 18px 18px}.hub-tile:first-child h3,.hub-tile:last-child h3{font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem)}.hub-tile:first-child .hub-tile__description,.hub-tile:last-child .hub-tile__description{font-size:.875rem;-webkit-line-clamp:3}@media (min-width:640px){.hub-games__grid{gap:16px}.hub-tile__body{padding:4px 18px 18px}}.hub-ranking{padding:20px 18px 14px;border-radius:var(--party-radius-lg);background:var(--party-surface);box-shadow:var(--party-shadow)}.hub-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin-top:6px}.hub-podium__step{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.hub-podium__step--1{order:2}.hub-podium__step--2{order:1}.hub-podium__step--3{order:3}.hub-podium .hub-podium__avatar{border:3px solid var(--party-surface);box-shadow:var(--party-shadow)}.hub-podium__step--1 .hub-podium__avatar{border-color:var(--party-butter-400)}.hub-podium__step.is-me .hub-podium__avatar{border-color:var(--party-pink-500)}.hub-podium__name{max-width:100%;margin-top:6px;overflow:hidden;font-size:.875rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hub-podium__points{color:var(--party-muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.hub-podium__block{--block:var(--party-butter-400);display:grid;place-items:center;width:100%;height:104px;margin-top:8px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,hsl(0 0% 100%/.35),transparent 30%),var(--block);box-shadow:inset 0 -5px 0 hsl(258 38% 8%/.1);color:hsl(0 0% 100%);font-family:var(--font-display);font-size:2.4rem;font-weight:600;text-shadow:0 2px 0 hsl(258 38% 8%/.18)}.hub-podium__step--2 .hub-podium__block{--block:var(--party-blue-500);height:78px;font-size:2rem}.hub-podium__step--3 .hub-podium__block{--block:var(--party-pink-500);height:58px;font-size:1.7rem}.hub-rank-list{margin-top:10px}.hub-rank-list--me{margin-top:6px;padding-top:6px;border-top:1.5px dashed var(--party-border)}.hub-rank-row{display:grid;grid-template-columns:2rem auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid var(--party-hairline)}.hub-rank-row:last-child{border-bottom:0}.hub-rank-row.is-me{border-radius:var(--party-radius);border-bottom-color:transparent;background:var(--party-pink-100);color:var(--party-ink-950)}.hub-rank-row__place{color:var(--party-muted);font-size:.875rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.hub-rank-row.is-me .hub-rank-row__place{color:var(--party-pink-600)}.hub-rank-row__name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.hub-rank-row__points{font-variant-numeric:tabular-nums}.hub-footnote{color:var(--party-muted);font-size:.875rem;text-align:center}.hub-loading{display:grid;justify-items:center;gap:10px;font-size:1.25rem}.hub-loading img{animation:hub-stork-fly 1.6s ease-in-out infinite alternate}.hub-join{display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.hub-join__sky{position:relative;z-index:1;width:100%;padding-top:max(24px,5vh);text-align:center}.hub-join__stork{width:min(64vw,280px);height:auto;margin:0 auto -18px;animation:hub-stork-in 1.4s var(--party-ease) both,hub-stork-fly 6s ease-in-out 1.4s infinite alternate}.hub-join__sky .sky-clouds{height:64px}.hub-join__card{width:min(100% - 32px,28rem);margin-top:-18px;padding:28px 24px 22px;border-radius:var(--party-radius-xl);background:var(--party-surface);box-shadow:var(--party-shadow-lift);text-align:center}.hub-join__title{color:var(--party-text);font-size:clamp(2.4rem,2rem + 2vw,3.1rem);font-weight:600;line-height:1;letter-spacing:-.025em}.hub-join__lead{margin-top:12px;color:var(--party-muted);font-size:1rem;line-height:1.5}.hub-join__form{display:grid;gap:10px;margin-top:24px;text-align:left}.hub-join__form .party-button{margin-top:6px;min-height:3.4rem;font-size:1.05rem}.hub-join__foot{margin-top:18px;color:var(--party-muted);font-size:.8125rem;font-weight:700}@media (prefers-color-scheme:dark){.hub-tile{background:radial-gradient(90% 70% at 50% 18%,color-mix(in oklab,var(--tile-tint) 22%,transparent),transparent 70%),linear-gradient(170deg,color-mix(in oklab,var(--tile-tint) 24%,var(--party-surface)),var(--party-surface));color:var(--party-text);box-shadow:inset 0 1px 0 hsl(0 0% 100%/.06),var(--party-shadow)}.hub-tile__genre{background:hsl(0 0% 100%/.1)}.hub-tile__description,.hub-tile__genre{color:var(--party-slate-300)}.hub-rank-row.is-me{background:color-mix(in oklab,var(--party-pink-500) 22%,var(--party-surface));color:var(--party-text)}.hub-rank-row.is-me .hub-rank-row__place{color:var(--party-pink-400)}.hub-now__status{background:hsl(0 0% 100%/.55)}}@media (prefers-reduced-motion:reduce){.hub-join__stork,.hub-live-dot,.hub-loading img,.hub-now__art,.hub-sky__stork{animation:none}}