*{box-sizing:border-box}html,body{background:var(--colour-bg);min-height:100%;color:var(--colour-text);font-family:var(--font-family);font-size:var(--font-base);line-height:var(--font-leading-normal);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}#app{max-width:var(--size-max-width);min-height:100dvh;margin:0 auto}button,input{font:inherit;color:inherit;letter-spacing:inherit}:focus{outline:none}:focus-visible{outline:var(--size-focus) solid var(--colour-ink);outline-offset:3px;border-radius:var(--radius-sm)}.sticker{--shadow:var(--sticker-shadow);--press:0px;--tilt:0deg;background:var(--colour-surface);color:var(--colour-text);border:var(--sticker-outline) solid var(--colour-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow) var(--shadow) 0 var(--colour-ink);transform:translate(var(--press), var(--press)) rotate(var(--tilt));transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);position:relative}.sticker.shadow-sm{--shadow:var(--sticker-shadow-sm)}.sticker.shadow-lg{--shadow:var(--sticker-shadow-lg)}.sticker.shadow-none{--shadow:0px}.sticker.coral{background:var(--colour-coral);color:var(--colour-on-coral)}.sticker.ink{background:var(--colour-ink);color:var(--colour-on-ink)}.sticker.dashed{--shadow:0px;background:0 0;border-style:dashed}.sticker.pressable:active,.btn.sticker:not(:disabled):active,.list-item.tappable:active{--press:var(--shadow);box-shadow:0 0 0 var(--colour-ink)}.btn-primary.sticker{box-shadow:var(--shadow) var(--shadow) 0 var(--colour-coral)}.btn-primary.sticker:not(:disabled):active{box-shadow:0 0 0 var(--colour-coral)}.screen{min-height:100dvh;animation:fade-in var(--motion-normal) var(--motion-ease-out) both;flex-direction:column;display:flex}.screen-body{padding:var(--space-md) calc(env(safe-area-inset-right) + var(--space-md) + var(--sticker-shadow)) var(--space-lg) calc(env(safe-area-inset-left) + var(--space-md));flex:1}.screen>.screen-body:first-child{padding-top:calc(env(safe-area-inset-top) + var(--space-xl))}.screen>.screen-body:last-child{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-lg))}.screen[data-screen=welcome] .screen-body{flex-direction:column;justify-content:center;display:flex}.topbar{z-index:2;grid-template-columns:var(--size-control) minmax(0, 1fr) var(--size-control);align-items:center;gap:var(--space-sm);min-height:calc(env(safe-area-inset-top) + var(--size-primary) + var(--space-sm));padding:calc(env(safe-area-inset-top) + var(--space-sm)) calc(env(safe-area-inset-right) + var(--space-sm)) var(--space-sm) calc(env(safe-area-inset-left) + var(--space-sm));background:var(--colour-bg);display:grid;position:sticky;top:0}.topbar-heading{min-width:0;line-height:var(--font-leading-tight);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.topbar-title{max-width:100%;padding:var(--space-xs) var(--space-sm) calc(var(--space-xs) + 1px);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-xl);letter-spacing:var(--font-tracking-tight);line-height:var(--font-leading-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.topbar-sub{color:var(--colour-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.topbar .btn{width:var(--size-control);min-height:var(--size-control);padding:0}.bottombar{z-index:2;gap:var(--space-sm);padding:var(--space-sm) calc(env(safe-area-inset-right) + var(--space-md) + var(--sticker-shadow)) calc(env(safe-area-inset-bottom) + var(--space-sm) + var(--sticker-shadow)) calc(env(safe-area-inset-left) + var(--space-md));background:var(--colour-bg);align-items:stretch;display:flex;position:sticky;bottom:0}.bottombar>.btn{width:auto;min-height:var(--size-primary);flex:auto}.bottombar>.btn-primary{flex:2 auto}.bottombar>.btn-primary .btn-aside{white-space:nowrap}.bottombar>.btn-icon{flex:0 0 var(--size-primary);width:var(--size-primary);padding:0}.bottombar.stacked{gap:var(--space-md);padding-top:var(--space-md);flex-direction:column}.bottombar.stacked>.btn,.bottombar.stacked>.row>.btn{min-height:var(--size-primary)}.bottombar.stacked>.row{width:100%}.bottombar.tabs{gap:var(--space-xs);padding-top:var(--space-xs);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-xs));border-top:var(--sticker-outline) solid var(--colour-ink)}.bottombar.tabs>.btn{gap:var(--space-xxs);min-height:var(--size-primary);padding:var(--space-xs) var(--space-xxs);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--font-tracking-wide);text-transform:uppercase;color:var(--colour-muted);border:var(--sticker-outline) solid transparent;border-radius:var(--radius-md);background:0 0;flex-direction:column;flex:1 1 0}.bottombar.tabs>.btn .icon{width:var(--size-icon);height:var(--size-icon)}.bottombar.tabs>.btn.active{color:var(--colour-text);background:var(--colour-surface);border-color:var(--colour-ink)}.bottombar.tabs>.btn:active{color:var(--colour-text)}.stack{gap:var(--space-md);flex-direction:column;display:flex}.stack.gap-xxs{gap:var(--space-xxs)}.stack.gap-xs{gap:var(--space-xs)}.stack.gap-sm{gap:var(--space-sm)}.stack.gap-lg{gap:var(--space-lg)}.stack.gap-xl{gap:var(--space-xl)}.row{align-items:center;gap:var(--space-sm);display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.row>.btn{flex:auto;width:auto}.grid-2{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-2>.btn{width:auto}.spacer{flex:1}p{margin:0}.note{color:var(--colour-muted);font-size:var(--font-size-sm)}.eyebrow{color:var(--colour-muted);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--font-tracking-caps);text-transform:uppercase;margin:0}.title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--font-leading-snug);margin:0}.display{font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-xxl);line-height:var(--font-leading-tight);letter-spacing:var(--font-tracking-tight);margin:0}.big{font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-hero);letter-spacing:var(--font-tracking-tight);margin:0;line-height:1}.mono{font-variant-numeric:tabular-nums;letter-spacing:var(--font-tracking-caps)}.code{font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-xl);letter-spacing:.12em;line-height:var(--font-leading-tight);margin:0}.link{word-break:break-all;color:var(--colour-muted);font-size:var(--font-size-xs)}.accent-text{color:var(--colour-accent);font-weight:var(--font-weight-bold)}.danger-text{color:var(--colour-danger)}.success-text{color:var(--colour-success)}.center{text-align:center}.divider{border:0;border-top:var(--sticker-outline) solid var(--colour-ink);margin:0}.dots{gap:var(--space-xs);justify-content:center;display:flex}.dots>span{width:var(--space-lg);border-radius:var(--radius-pill);background:var(--colour-surface);border:1.5px solid var(--colour-ink);height:4px}.dots>span.on{background:var(--colour-ink)}.btn{width:100%;min-height:var(--size-tap);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);line-height:var(--font-leading-snug);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn .icon{flex:none}.btn-primary{min-height:var(--size-primary);background:var(--colour-ink);color:var(--colour-on-ink);font-size:var(--font-size-lg)}.btn-primary .btn-aside{font-weight:var(--font-weight-medium);opacity:.8;font-size:var(--font-size-sm)}.btn-ghost{border:var(--sticker-outline) solid transparent;color:var(--colour-muted);transition:color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);background:0 0}.btn-ghost:active{color:var(--colour-text);background:var(--colour-surface-alt)}.btn-danger{border-color:var(--colour-danger);color:var(--colour-danger);box-shadow:var(--shadow) var(--shadow) 0 var(--colour-danger)}.btn-danger:not(:disabled):active{box-shadow:0 0 0 var(--colour-danger)}.btn-icon{width:var(--size-control);min-height:var(--size-control);flex:none;padding:0}.btn-sm{min-height:calc(var(--size-tap) - var(--space-sm));padding:0 var(--space-md);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn.swatch{background:var(--swatch);color:var(--colour-ink);flex:30%}.btn.swatch,.btn.swatch:not(:disabled):active{box-shadow:var(--shadow) var(--shadow) 0 var(--colour-ink)}.btn.swatch:not(:disabled):active{box-shadow:0 0 0 var(--colour-ink)}.btn.reaction{flex:30%}:root[data-theme=dark] .btn.swatch{color:var(--colour-on-ink)}.icon{width:var(--size-icon);height:var(--size-icon);vertical-align:middle;flex:none;display:inline-block}.icon.sm{width:var(--size-icon-sm);height:var(--size-icon-sm)}.icon.accent{color:var(--colour-accent)}.avatar{width:var(--size-avatar);height:var(--size-avatar);background:var(--friend,var(--colour-surface));border:var(--sticker-outline) solid var(--colour-ink);font-weight:var(--font-weight-black);font-size:var(--font-size-sm);color:var(--colour-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar.sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm);font-size:var(--font-size-xs)}.avatar.dashed{color:var(--colour-muted);background:0 0;border-style:dashed}.avatar.dashed .avatar-mark{display:none}:root[data-theme=dark] .avatar:not(.dashed){color:var(--colour-on-ink);border-color:var(--colour-ink)}.avatar.deep{color:var(--colour-on-deep)}.avatar-mark{background:var(--colour-surface);border:1.5px solid var(--colour-ink);border-radius:50%;width:14px;height:14px;padding:1px;position:absolute;bottom:-5px;right:-5px}.avatar-mark path{stroke:var(--colour-ink);stroke-width:2px;stroke-linejoin:round}.mascot{object-fit:contain;width:96px;height:96px;display:block}.mascot-ink{fill:var(--colour-ink)}.mascot-cream{fill:var(--colour-bg)}.empty .mascot{width:112px;height:112px}.card{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex}.card.flush{gap:var(--space-sm);padding:0}.card.flush>.card-pad{padding:var(--space-sm) var(--space-md)}.card-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-xxs) 0;display:flex}.stats{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.stat{gap:var(--space-xxs);min-width:0;padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-sm) + var(--space-xs));line-height:var(--font-leading-tight);flex-direction:column;display:flex}.stat-value{align-items:baseline;gap:var(--space-xs);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);white-space:nowrap;line-height:1.1;display:inline-flex}.stat-value .icon{align-self:center}.stat .eyebrow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat-unit{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:0;color:var(--colour-muted)}.stat-sub{font-size:var(--font-size-xs);color:var(--colour-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list{gap:calc(var(--space-sm) + var(--space-xxs));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-head{gap:var(--space-md);padding:0 var(--space-md) 0 calc(var(--space-sm) + var(--space-xs));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.list-head.plain{grid-template-columns:minmax(0,1fr) auto}.list-head>.eyebrow:first-child{min-width:var(--space-lg)}.list-item{align-items:center;gap:var(--space-md);min-height:var(--size-row);padding:var(--space-sm) var(--space-md) var(--space-sm) calc(var(--space-sm) + var(--space-xs));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.list-item.plain{grid-template-columns:minmax(0,1fr) auto}.list-item.tappable{cursor:pointer}.list-item.current .list-title{font-weight:var(--font-weight-bold)}.list-item.current .list-sub,.list-item.current .list-title .you,.list-item.current .list-sub.accent-text,.list-item.current .eyebrow{color:inherit}.list-item.current .list-sub{font-weight:var(--font-weight-bold);opacity:.9}.list-item.first .list-lead{color:var(--colour-accent)}.list-item.current.first .list-lead{color:inherit}.list-item.muted .list-title,.list-item.muted .list-lead,.list-item.muted .list-trail{color:var(--colour-muted)}.list-lead{min-width:var(--space-lg);font-weight:var(--font-weight-black);font-size:var(--font-size-md);text-align:left;align-items:center;gap:var(--space-sm);line-height:1;display:inline-flex}.list-lead .rank{min-width:1.2em}.list-main{min-width:0;line-height:var(--font-leading-snug);flex-direction:column;display:flex}.list-title{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);overflow:hidden}.list-title .you{color:var(--colour-muted);font-weight:var(--font-weight-medium)}.list-sub{align-items:center;gap:var(--space-xs);color:var(--colour-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.list-sub .icon.sm{width:12px;height:12px}.list-sub.accent-text{color:var(--colour-accent)}.list-trail{align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-xl);letter-spacing:var(--font-tracking-tight);justify-content:flex-end;line-height:1;display:inline-flex}.list-trail .chevron{color:var(--colour-muted)}.list-item.current .list-trail .chevron{color:inherit}.list-trail .btn{font-family:var(--font-family);letter-spacing:0}.badge,.tag{align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);background:var(--colour-surface);border:2px solid var(--colour-ink);color:var(--colour-text);font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--font-tracking-wide);text-transform:uppercase;line-height:var(--font-leading-snug);vertical-align:middle;white-space:nowrap;display:inline-flex}.badge{margin-left:var(--space-xs)}.tag.primary{background:var(--colour-coral);color:var(--colour-on-coral)}.tag.outline{background:0 0}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--colour-muted)}.input{width:100%;min-height:var(--size-tap);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:var(--sticker-outline) solid var(--colour-ink);background:var(--colour-surface);color:var(--colour-text);transition:box-shadow var(--motion-fast) var(--motion-ease)}.input::placeholder{color:var(--colour-muted);opacity:1}.input:focus,.input:focus-visible{box-shadow:var(--sticker-shadow) var(--sticker-shadow) 0 var(--colour-coral);outline:none}.input.code{padding-left:var(--space-md);text-align:center}.input:user-invalid{border-color:var(--colour-danger)}.field-error{color:var(--colour-danger);font-size:var(--font-size-xs)}.toggle{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:var(--size-tap);cursor:pointer;display:flex}.toggle-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.switch{border-radius:var(--radius-pill);background:var(--colour-surface);border:var(--sticker-outline) solid var(--colour-ink);width:48px;height:28px;transition:background-color var(--motion-fast) var(--motion-ease);flex:none;position:relative}.switch:after{content:"";border-radius:var(--radius-pill);background:var(--colour-ink);width:19px;height:19px;transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);position:absolute;top:2px;left:2px}.toggle-input:checked+.switch{background:var(--colour-coral)}.toggle-input:checked+.switch:after{background:var(--colour-on-coral);border:1.5px solid var(--colour-ink);transform:translate(20px)}.toggle-input:focus-visible+.switch{outline:var(--size-focus) solid var(--colour-ink);outline-offset:3px}.segmented{gap:var(--space-xxs);background:var(--colour-surface);border:var(--sticker-outline) solid var(--colour-ink);border-radius:var(--radius-lg);scrollbar-width:none;padding:3px;display:flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented.wrap{flex-wrap:wrap}.segmented.wrap>.segment{flex:30%}.segment{min-height:calc(var(--size-control) - 8px);padding:0 var(--space-md);border-radius:var(--radius-sm);color:var(--colour-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:0;flex:1 0 auto}.segment:active{color:var(--colour-text)}.segment[aria-selected=true]{background:var(--colour-ink);color:var(--colour-on-ink)}.empty{text-align:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);flex-direction:column;display:flex}.empty .icon{width:var(--space-xl);height:var(--space-xl);color:var(--colour-muted)}.empty .title{font-size:var(--font-size-lg);font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-xl);letter-spacing:var(--font-tracking-tight)}.empty .note{max-width:32ch}.empty .btn{width:auto;min-width:50%;margin-top:var(--space-xs)}.skeleton-screen{animation:0s linear .4s both appear}.skeleton{border-radius:var(--radius-lg);background:var(--colour-surface);border:var(--sticker-outline) dashed var(--colour-muted);opacity:.6;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--colour-surface-alt), transparent);animation:shimmer 1.4s var(--motion-ease) infinite;position:absolute;inset:0;transform:translate(-100%)}.skeleton.line{height:var(--space-md)}.skeleton.row{height:var(--size-row)}.skeleton.block{height:var(--space-xl)}@keyframes appear{to{opacity:1}0%{opacity:0}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-overlay{z-index:10;background:var(--colour-overlay);opacity:0;transition:opacity var(--motion-normal) var(--motion-ease);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-overlay.open{opacity:1}.sheet{width:100%;max-width:var(--size-max-width);gap:var(--space-md);padding:var(--space-sm) calc(env(safe-area-inset-right) + var(--space-md)) calc(env(safe-area-inset-bottom) + var(--space-md)) calc(env(safe-area-inset-left) + var(--space-md));border-radius:var(--radius-xl) var(--radius-xl) 0 0;transition:transform var(--motion-slow) var(--motion-ease);border-bottom:0;flex-direction:column;display:flex;transform:translateY(100%)}.sheet:before{content:"";width:var(--space-xl);border-radius:var(--radius-pill);background:var(--colour-ink);align-self:center;height:4px}.sheet-overlay.open .sheet{transform:none}.sheet-title{font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-xl);letter-spacing:var(--font-tracking-tight);line-height:var(--font-leading-tight);margin:0}.toast{z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--space-xl) * 2);transform:translate(-50%, var(--space-md));opacity:0;max-width:calc(100% - var(--space-xl));padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;transition:opacity var(--motion-normal) var(--motion-ease), transform var(--motion-normal) var(--motion-ease);pointer-events:none;position:fixed}.toast.open{opacity:1;transform:translate(-50%)}canvas.game{touch-action:none;border-radius:var(--radius-lg);background:var(--colour-surface);outline:var(--sticker-outline) solid var(--colour-ink);outline-offset:calc(var(--sticker-outline) * -1);width:100%;display:block}.result-hero{align-items:flex-end;gap:var(--space-md);min-height:124px;padding-right:104px;display:flex;position:relative}.score-sticker{padding:var(--space-sm) var(--space-md) var(--space-sm);border-radius:var(--radius-xl);flex-direction:column;align-self:flex-start;min-width:0;max-width:100%;line-height:1;display:inline-flex}.score-sticker .big{margin-top:var(--space-xxs);text-overflow:ellipsis;overflow:hidden}.score-sticker.slap{animation:slap-in var(--motion-slap) var(--motion-ease-slap) both, shadow-in var(--motion-fast) steps(1, end) calc(var(--motion-slap) + var(--motion-shadow-delay)) both}@keyframes slap-in{0%{opacity:0;transform:translate(var(--press), var(--press)) rotate(calc(var(--tilt) - 6deg)) scale(1.4)}to{opacity:1;transform:translate(var(--press), var(--press)) rotate(var(--tilt)) scale(1)}}@keyframes shadow-in{0%{box-shadow:0 0 0 var(--colour-ink)}to{box-shadow:var(--shadow) var(--shadow) 0 var(--colour-ink)}}.burst{--tilt:var(--sticker-tilt-burst);text-align:center;width:104px;height:104px;font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--font-size-sm);letter-spacing:0;color:var(--colour-on-sun);transform:rotate(var(--tilt));pointer-events:none;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;top:-12px;right:0}.burst>svg{width:100%;height:100%;position:absolute;inset:0}.burst>svg path{fill:var(--colour-sun);stroke:var(--colour-ink);stroke-width:2.5px;stroke-linejoin:round}.burst>span{padding:0 var(--space-md);position:relative}.burst.slap{--press:0px;animation:slap-in var(--motion-slap) var(--motion-ease-slap) calc(var(--motion-slap) + var(--motion-burst-delay)) both}.chips{gap:var(--space-sm) calc(var(--space-sm) + var(--space-xs));flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-sm);min-height:40px;padding:0 var(--space-sm) 0 var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);white-space:nowrap;display:inline-flex}.chip .eyebrow{font-size:var(--font-size-label)}.chip .was{color:var(--colour-muted);text-decoration:line-through}.chip .now{color:var(--colour-text)}.chip .icon.sm{color:var(--colour-muted)}.chip .avatar{margin-left:calc(var(--space-xs) * -1)}.list-item.peel{z-index:1;--shadow:var(--sticker-shadow-lg);transition:transform var(--motion-slow) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}.result-after{animation:fade-in var(--motion-normal) var(--motion-ease-out) calc(var(--motion-slap) + var(--motion-fast)) both}.share-card{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-xl);display:flex}.share-preview{border-radius:var(--radius-md);background:var(--colour-bg);border:var(--sticker-outline) solid var(--colour-ink);flex:none;width:84px;height:84px;overflow:hidden}.share-preview img{object-fit:cover;width:100%;height:100%;display:block}.brand{padding:var(--space-xs) var(--space-md) calc(var(--space-xs) + 2px);align-self:flex-start}.hero-mascot{justify-content:center;display:flex}.hero-mascot .mascot{width:140px;height:140px}.pause-veil{z-index:5;justify-content:center;align-items:center;gap:var(--space-xs);background:var(--colour-overlay);color:var(--colour-on-ink);text-align:center;cursor:pointer;touch-action:none;flex-direction:column;display:flex;position:fixed;inset:0}:root[data-theme=light] .pause-veil{color:var(--colour-bg)}:root[data-theme=dark] .pause-veil{color:var(--colour-text)}.pause-veil .note{color:inherit;opacity:.8}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.sheet{transform:none}.toast{transform:translate(-50%)}.skeleton:after{display:none}.score-sticker.slap,.burst.slap,.result-after{animation:fade-in var(--motion-normal) linear both;animation-duration:var(--motion-normal)!important}}