:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(97.5% .006 95);--color-paper-2:oklch(95% .009 95);--color-paper-3:oklch(91.5% .012 95);--color-ink:oklch(33% .08 243);--color-ink-2:oklch(42% .07 243);--color-muted:oklch(52% .03 243);--color-rule:oklch(88% .01 240);--color-accent:oklch(76.7% .177 129);--color-accent-deep:oklch(62% .16 131);--color-accent-ink:oklch(33% .08 243);--color-accent-2:oklch(48.8% .116 244);--color-accent-3:oklch(82.8% .159 79);--color-mint:oklch(86% .11 129);--color-mint-deep:oklch(52% .14 135);--color-focus:oklch(48.8% .116 244);--color-card:oklch(99% .004 95);--color-edge:oklch(85% .02 240);--color-fringe:oklch(99.3% .003 95);--color-kraft:oklch(63% .085 62);--color-sand:oklch(84% .1 79);--color-sugar:oklch(90% .03 240);--color-hill-1:oklch(94% .03 129);--color-hill-2:oklch(90% .05 129);--color-leaf:oklch(62% .15 130);--font-display:"Montserrat", "Rubik", ui-sans-serif, sans-serif;--font-body:var(--font-display);--font-outlier:"Geist Mono", ui-monospace, monospace;--radius-card:24px;--radius-stock:16px;--radius-input:14px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(33% .08 243/.06), 0 12px 28px -14px oklch(33% .08 243/.22);--shadow-paper:drop-shadow(0 0 .6px oklch(20% .014 255/.32)) drop-shadow(1.5px 2.5px 1.5px oklch(20% .014 255/.1)) drop-shadow(6px 14px 16px oklch(20% .014 255/.13));--tracking-display:-.025em;--display-weight:700;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(1.06)brightness(1.04)}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.18 0 0 0 0 0.1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.012 0.08' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.26 0 0 0 0 0.12 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--torn:polygon(0 0, 100% 0, 100% calc(100% - 7px), 97% 100%, 93% calc(100% - 5px), 88% 100%, 82% calc(100% - 6px), 76% calc(100% - 1px), 70% calc(100% - 7px), 63% 100%, 57% calc(100% - 4px), 50% calc(100% - 8px), 44% 100%, 38% calc(100% - 3px), 31% calc(100% - 7px), 25% 100%, 19% calc(100% - 5px), 13% 100%, 7% calc(100% - 6px), 3% calc(100% - 2px), 0 100%);--bar-h:64px;--tabbar-h:64px;--control:40px;--tile-c:var(--color-card)}body{background:var(--grain), var(--fibre), var(--color-paper);font-weight:500}strong,b{font-weight:700}h1,h2,h3{letter-spacing:-.02em}a{color:var(--color-accent-2)}mark{background:color-mix(in oklab, var(--color-accent) 60%, transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--space-2xs);padding-inline:.1em}.num{font-variant-numeric:tabular-nums}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.shell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.topbar{z-index:var(--z-sticky-nav);min-height:var(--bar-h);align-items:center;gap:var(--space-lg);padding-inline:var(--gutter);background:var(--grain), var(--fibre), var(--color-card);clip-path:var(--torn);padding-bottom:var(--space-xs);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.topbar:after{content:"";height:var(--space-xs);background:var(--color-fringe);position:absolute;inset:auto 0 0}.wordmark{align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--text-lg);color:var(--color-ink);letter-spacing:-.02em;text-decoration:none;display:inline-flex}.wordmark__mark{width:auto;height:26px}.nav{gap:var(--space-2xs);justify-self:center;display:flex}.nav a{height:var(--control);padding-inline:var(--space-md);border-radius:var(--radius-pill);color:var(--color-ink-2);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap);align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav a:before{content:"";position:absolute;inset:-4px}@media (hover:hover){.nav a:hover{background:var(--color-paper-2)}}.nav a[aria-current=page]{background:var(--color-ink);color:var(--color-paper)}.nav a:active{background:var(--color-paper-3)}.nav .badge{margin-left:var(--space-xs)}.me{align-items:center;gap:var(--space-sm);display:flex}.clubpick{position:relative}.clubpick select{appearance:none;height:var(--control);padding:0 var(--space-xl) 0 var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);cursor:pointer;outline-offset:-3px;text-overflow:ellipsis;outline:2px solid #0000;max-width:14rem;font-weight:500}.clubpick select:focus-visible{outline-color:var(--color-focus)}.clubpick svg{right:var(--space-sm);pointer-events:none;color:var(--color-muted);position:absolute;top:50%;translate:0 -50%}.avatar{width:36px;height:36px;font-weight:600;font-size:var(--text-sm);color:var(--color-ink);background:var(--grain), oklch(88% .09 var(--hue,96));box-shadow:0 2px 0 0 oklch(74% .1 var(--hue,96));border-radius:12px;place-items:center;display:grid}.badge{min-width:22px;height:22px;padding-inline:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent-3);color:var(--color-ink);font-size:var(--text-xs);place-items:center;font-weight:600;display:inline-grid}.tabbar{display:none}.page{width:100%;max-width:1200px;padding:var(--space-xl) var(--gutter) var(--space-3xl);margin-inline:auto}.page-head{justify-content:space-between;align-items:end;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--text-3xl);max-width:none}.page-head p{color:var(--color-muted);margin-top:var(--space-2xs)}.row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--space-md);display:grid}@media (width<=60rem){:root{--bar-h:56px}.topbar{grid-template-columns:auto 1fr}.nav{display:none}.tabbar{z-index:var(--z-sticky-nav);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--grain), var(--fibre), var(--color-card);box-shadow:0 -1px 0 0 var(--color-rule);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.tabbar a{align-content:center;place-items:center;gap:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:500;text-decoration:none;display:grid;position:relative}.tabbar a[aria-current=page]{color:var(--color-ink)}.tabbar a[aria-current=page] svg{background:var(--color-accent);box-shadow:0 2px 0 0 var(--color-accent-deep)}.tabbar svg{width:28px;height:28px;padding:var(--space-2xs);transition:background-color var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);border-radius:10px}.tabbar .badge{top:var(--space-xs);position:absolute;right:calc(50% - 22px)}.page{padding-bottom:calc(var(--tabbar-h) + var(--space-2xl))}.page-head h1{font-size:var(--text-2xl)}}.btn{--edge:4px;justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control);padding:0 var(--space-md);color:var(--color-ink);cursor:pointer;white-space:nowrap;background:var(--grain), var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), opacity var(--dur-micro) var(--ease-snap);border:0;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:before{content:"";position:absolute;inset:-4px}.btn--primary{background:var(--grain), var(--color-accent);color:var(--color-accent-ink);box-shadow:0 var(--edge) 0 0 var(--color-accent-deep);transition-timing-function:var(--ease-spring)}.btn--ink{background:var(--grain), var(--color-ink);color:var(--color-paper);box-shadow:0 var(--edge) 0 0 var(--color-ink-2)}.btn--lg{--edge:5px;min-height:54px;padding-inline:var(--space-lg);font-size:var(--text-lg);border-radius:var(--radius-stock)}.btn--quiet{box-shadow:none;color:var(--color-ink-2);background:0 0}@media (hover:hover){.btn:not(.btn--quiet):hover{--edge:6px;translate:0 -2px}.btn--quiet:hover{background:var(--color-paper-2)}}.btn:active{--edge:1px;translate:0 3px}.btn--quiet:active{background:var(--color-paper-3);translate:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn[aria-busy=true]{color:#0000}.btn[aria-busy=true]:after{content:"";border:2px solid;border-color:var(--color-ink) transparent var(--color-ink) var(--color-ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute}.btn--primary[aria-busy=true]:after{border-color:var(--color-accent-ink) transparent var(--color-accent-ink) var(--color-accent-ink)}@keyframes spin{to{rotate:1turn}}.pill{align-items:center;gap:var(--space-xs);height:34px;padding-inline:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink-2);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap), border-color var(--dur-micro) var(--ease-snap);display:inline-flex;position:relative}.pill:before{content:"";position:absolute;inset:-5px}@media (hover:hover){.pill:hover{background:var(--color-paper-2)}}.pill:active{background:var(--color-paper-3)}.pill[aria-pressed=true],.pill[aria-selected=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.pill:disabled{opacity:.55;cursor:not-allowed}.pill .num{color:inherit;opacity:.7}.field{gap:var(--space-2xs);display:grid}.field label{font-weight:500;font-size:var(--text-sm)}.field .help{min-height:1lh;font-size:var(--text-xs);color:var(--color-muted)}.field .help.error{color:var(--color-error)}.input{height:44px;padding:0 var(--space-sm);border:1px solid var(--color-muted);border-radius:var(--radius-input);background:var(--color-card);color:var(--color-ink);outline-offset:-3px;width:100%;transition:background-color var(--dur-micro) var(--ease-snap), border-color var(--dur-micro) var(--ease-snap);outline:2px solid #0000}.input::placeholder{color:var(--color-muted)}@media (hover:hover){.input:hover{background:var(--color-paper-2)}}.input:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.input[aria-invalid=true]{border-color:var(--color-error)}.input:disabled{opacity:.55;cursor:not-allowed}textarea.input{height:auto;min-height:6rem;padding-block:var(--space-sm);resize:vertical}.sheet{border-radius:var(--radius-card);background:var(--grain), var(--fibre), var(--color-card);box-shadow:var(--shadow-card);padding:var(--space-lg);position:relative}.sheet--pear{background:var(--grain), var(--fibre), var(--color-accent)}.sheet--ink{background:var(--grain), var(--color-ink);color:var(--color-paper)}.sheet--ink .muted{color:color-mix(in oklab, var(--color-paper) 70%, transparent)}.sheet--sugar{background:var(--grain), var(--fibre), var(--color-sugar)}.sheet--flat{box-shadow:inset 0 0 0 1px var(--color-rule)}.torn{clip-path:var(--torn)}.progress{gap:var(--space-xs);display:grid}.progress__bar{border-radius:var(--radius-pill);background:var(--color-paper-3);height:14px;box-shadow:inset 0 1px 2px color-mix(in oklab, var(--color-ink) 12%, transparent);overflow:hidden}.progress__fill{border-radius:inherit;background:var(--grain), var(--color-mint);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform var(--dur-long) var(--ease-out)}.progress__fill--pear{background:var(--grain), var(--color-accent-deep)}.wall{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}@media (width<=40rem){.wall{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr))}}.face{gap:var(--space-xs);padding:var(--space-xs) var(--space-xs) var(--space-sm);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule), 0 3px 0 0 var(--color-edge);text-align:left;cursor:pointer;font:inherit;width:100%;transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), rotate var(--dur-short) var(--ease-snap);border:0;display:grid;position:relative}.face:nth-child(5n+1){rotate:-1.2deg}.face:nth-child(5n+3){rotate:.9deg}.face:nth-child(7n+4){rotate:-.6deg}@media (hover:hover){.face:hover{box-shadow:inset 0 0 0 1px var(--color-rule), 0 6px 0 0 var(--color-edge);translate:0 -3px;rotate:0deg}}.face:active{box-shadow:inset 0 0 0 1px var(--color-rule), 0 1px 0 0 var(--color-edge);translate:0 2px}.face__photo{aspect-ratio:4/5;font-weight:600;font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-ink);background:var(--grain), oklch(86% .1 var(--hue,96));border-radius:10px;place-items:center;display:grid;overflow:hidden}.face__photo img{object-fit:cover;width:100%;height:100%}.face__name{font-weight:600;font-size:var(--text-sm);overflow-wrap:anywhere;min-height:2.4em;line-height:1.2}.face__meta{font-size:var(--text-xs);color:var(--color-muted)}.face--down .face__photo{background:var(--grain), var(--fibre), var(--color-paper-3);color:var(--color-muted);font-size:var(--text-xl)}.face--down .face__name{color:var(--color-muted);font-weight:500}.face--pending{outline:2px dashed var(--color-sand);outline-offset:-2px}.face__dots{gap:var(--space-2xs);display:flex}.face__dots i{background:var(--color-paper-3);border-radius:3px;width:8px;height:8px}.face__dots i.on{background:var(--color-mint-deep)}.face__tag{top:-6px;right:var(--space-2xs);max-width:calc(100% - var(--space-xs));white-space:nowrap;text-overflow:ellipsis;height:22px;padding-inline:var(--space-xs);background:var(--color-accent-3);color:var(--color-ink);font-size:var(--text-xs);box-shadow:0 2px 0 0 color-mix(in oklab, var(--color-accent-3) 70%, var(--color-ink));border-radius:7px;place-items:center;font-weight:600;display:inline-grid;position:absolute;overflow:hidden;rotate:4deg}dialog.sheet-dialog{border-radius:var(--radius-card);background:var(--grain), var(--fibre), var(--color-card);width:min(92vw,30rem);max-height:min(85dvh,44rem);color:var(--color-ink);box-shadow:var(--shadow-card);border:0;margin:auto;padding:0;position:fixed;inset:0}dialog.sheet-dialog::backdrop{background:color-mix(in oklab, var(--color-ink) 40%, transparent)}.detail{padding:var(--space-lg);gap:var(--space-md);display:grid}.detail__photo{aspect-ratio:1;border-radius:var(--radius-stock);width:100%;max-width:16rem;font-size:var(--text-3xl);background:var(--grain), oklch(86% .1 var(--hue,96));place-items:center;margin-inline:auto;font-weight:600;display:grid}.detail dl{gap:var(--space-2xs) var(--space-md);grid-template-columns:auto 1fr;margin:0;display:grid}.detail dt{color:var(--color-muted)}.detail dd{margin:0}.lock{gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);align-items:center;display:inline-flex}.game{gap:var(--space-lg);max-width:44rem;margin-inline:auto;display:grid}.game__top{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.timer{border-radius:var(--radius-pill);background:var(--color-paper-3);height:10px;overflow:hidden}.timer__fill{background:var(--grain), var(--color-sand);transform-origin:0;height:100%;transform:scaleX(var(--t,1));transition:transform 1s linear}.round{gap:var(--space-lg);justify-items:center;display:grid}.round__photo{aspect-ratio:4/5;border-radius:var(--radius-card);letter-spacing:-.03em;background:var(--grain), oklch(86% .1 var(--hue,96));width:min(56vw,20rem);box-shadow:var(--shadow-card);place-items:center;font-size:clamp(3rem,12vw,5.5rem);font-weight:600;display:grid;overflow:hidden;rotate:-1.5deg}.round__photo img{object-fit:cover;width:100%;height:100%}.round__nophoto{font-size:var(--text-sm);color:var(--color-ink-2);text-align:center;padding:var(--space-md);gap:var(--space-xs);letter-spacing:0;justify-items:center;font-weight:500;display:grid}@media (width<=40rem){.game,.round{gap:var(--space-md)}.tile{min-height:56px;font-size:var(--text-md)}.round__photo{width:min(50vw,20rem)}}.round h2{font-size:var(--text-xl);text-align:center;max-width:none}.tiles{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tile{--edge:5px;min-height:64px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);font:inherit;font-weight:600;font-size:var(--text-lg);color:var(--color-ink);cursor:pointer;background:var(--grain), var(--tile-c);box-shadow:0 var(--edge) 0 0 color-mix(in oklab, var(--tile-c) 72%, var(--color-ink));transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), opacity var(--dur-short) var(--ease-snap);overflow-wrap:anywhere;border:0;position:relative}.tile:before{content:"";position:absolute;inset:-3px}.tile:first-child{--tile-c:var(--color-accent)}.tile:nth-child(2){--tile-c:var(--color-sugar)}.tile:nth-child(3){--tile-c:var(--color-hill-2)}.tile:nth-child(4){--tile-c:var(--color-sand)}@media (hover:hover){.tile:not(:disabled):hover{--edge:7px;translate:0 -2px}}.tile:not(:disabled):active{--edge:1px;translate:0 4px}.tile:disabled{cursor:default}.tile[data-result=right]{--tile-c:var(--color-mint);color:var(--color-ink)}.tile[data-result=wrong]{--tile-c:var(--color-error);color:var(--color-paper)}.tile[data-result=dim]{opacity:.45}.streak{align-items:center;gap:var(--space-xs);font-weight:600;display:inline-flex}.streak b{font-size:var(--text-xl)}.result{text-align:center;gap:var(--space-lg);justify-items:center;display:grid}.result h1{font-size:var(--text-3xl);max-width:none}.result .big{letter-spacing:-.04em;font-size:clamp(3.5rem,14vw,6rem);font-weight:600;line-height:1}.result .big small{letter-spacing:0;color:var(--color-muted);font-size:.35em;font-weight:500}.learned{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.chip{align-items:center;gap:var(--space-xs);height:32px;padding:0 var(--space-sm) 0 var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule);font-size:var(--text-sm);font-weight:500;display:inline-flex}.chip .avatar{width:26px;height:26px;font-size:var(--text-xs);box-shadow:none;border-radius:8px}.modes{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.mode{gap:var(--space-xs);text-align:left;padding:var(--space-lg);border-radius:var(--radius-card);font:inherit;color:var(--color-ink);cursor:pointer;background:var(--grain), var(--fibre), var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule), 0 4px 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);border:0;display:grid}.mode h3{font-size:var(--text-lg)}.mode p{color:var(--color-muted);font-size:var(--text-sm)}.mode--pear{background:var(--grain), var(--fibre), var(--color-accent);box-shadow:0 4px 0 0 var(--color-accent-deep)}.mode--pear p{color:var(--color-ink-2)}@media (hover:hover){.mode:hover{box-shadow:inset 0 0 0 1px var(--color-rule), 0 6px 0 0 var(--color-edge);translate:0 -2px}.mode--pear:hover{box-shadow:0 6px 0 0 var(--color-accent-deep)}}.mode:active{translate:0 2px}.mode:disabled{opacity:.55;cursor:not-allowed}.home{gap:var(--space-lg);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}@media (width<=60rem){.home{grid-template-columns:minmax(0,1fr)}}.hero-sheet{gap:var(--space-lg);padding:var(--space-xl);display:grid}.hero-sheet h1{max-width:16ch;font-size:clamp(1.9rem,3vw + .5rem,2.6rem)}.hero-sheet .figure{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(3rem,7vw,4.5rem);font-weight:600;line-height:1}.hero-sheet .figure small{letter-spacing:-.01em;color:var(--color-ink-2);font-size:.4em;font-weight:500}.minwall{gap:var(--space-xs);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.minwall i{aspect-ratio:1;background:var(--grain), oklch(86% .1 var(--hue,96));font-style:normal;font-weight:600;font-size:var(--text-sm);border-radius:8px;place-items:center;display:grid}.minwall i.down{background:var(--grain), var(--color-paper-3);color:var(--color-muted)}.board-mini{gap:var(--space-sm);display:grid}.board-mini__row{align-items:center;gap:var(--space-sm);grid-template-columns:1.5rem auto 1fr auto;display:grid}.board-mini__row .num{color:var(--color-muted)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-weight:500;font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-rule);white-space:nowrap}.table td{padding:var(--space-sm);border-bottom:1px solid var(--color-rule);vertical-align:middle}.table td.nowrap{white-space:nowrap}.table tr.is-me td{background:color-mix(in oklab, var(--color-accent) 25%, transparent)}.table tr.is-me td:first-child{border-radius:10px 0 0 10px}.table tr.is-me td:last-child{border-radius:0 10px 10px 0}.table .rank{width:2.5rem;font-weight:600}.table .grow{width:100%}.table .who{align-items:center;gap:var(--space-sm);display:flex}.table .bar{min-width:8rem}.table td.right,.table th.right{text-align:right}@media (width<=40rem){.table .hide-s{display:none}.table .bar{min-width:5rem}}.queue{gap:var(--space-sm);display:grid}.queue__item{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.queue__item .kind{background:var(--color-sugar);width:40px;height:40px;color:var(--color-ink);border-radius:12px;place-items:center;display:grid}.queue__item .kind--user{background:var(--color-hill-2)}.queue__item .actions{gap:var(--space-xs);display:flex}@media (width<=40rem){.queue__item{grid-template-columns:auto 1fr}.queue__item .actions{grid-column:1/-1;justify-content:end}}.stats{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.stat{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule)}.stat b{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:600;line-height:1.1;display:block}.stat span{color:var(--color-muted);font-size:var(--text-sm)}.skel{background:var(--color-paper-3);animation:pulse 1.4s var(--ease-in-out) infinite;border-radius:10px}@keyframes pulse{50%{opacity:.55}}.empty{gap:var(--space-sm);padding:var(--space-xl);border-radius:var(--radius-card);background:var(--grain), var(--fibre), var(--color-paper-2);justify-items:start;max-width:36rem;display:grid}.empty h2{font-size:var(--text-xl)}.empty p{color:var(--color-muted)}.error-box{gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-stock);background:var(--color-card);box-shadow:inset 0 0 0 2px var(--color-error);justify-items:start;max-width:36rem;display:grid}.notice{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);background:var(--color-sugar);font-size:var(--text-sm);align-items:start;display:flex}.toast{left:50%;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));z-index:var(--z-toast);gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--grain), var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-card);font-size:var(--text-sm);align-items:center;display:flex;position:fixed;translate:-50%}.toast .btn{min-height:32px}@media (width<=60rem){.toast{bottom:calc(var(--tabbar-h) + var(--space-md) + env(safe-area-inset-bottom))}}.devbar{right:var(--space-md);bottom:calc(var(--space-md) + env(safe-area-inset-bottom));z-index:var(--z-toast);font-size:var(--text-xs);position:fixed}@media (width<=60rem){.devbar{bottom:calc(var(--tabbar-h) + var(--space-md))}}.devbar select{border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:var(--color-card);height:32px;color:var(--color-muted);padding-inline:var(--space-sm);font:inherit;font-size:var(--text-xs)}.devbar select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.progress__fill,.timer__fill,.face,.tile,.btn,.mode{transition:none}.skel{opacity:.8;animation:none}.btn[aria-busy=true]:after{animation:none}}.auth{min-height:100dvh;padding:var(--space-lg) var(--gutter);place-items:center;display:grid}.auth__sheet{gap:var(--space-lg);width:min(100%,26rem);padding:var(--space-xl);display:grid}.auth__brand{justify-items:start;gap:var(--space-sm);display:grid}.auth__brand img{width:auto;height:40px}.auth h1{font-size:var(--text-2xl);max-width:none}.auth p.muted{font-size:var(--text-sm)}.auth form{gap:var(--space-md);display:grid}.auth .input,.auth .btn--lg{height:52px}.segs{gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-input);background:var(--color-paper-3);grid-template-columns:1fr 1fr;display:grid}.segs button{height:40px;font:inherit;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap);background:0 0;border:0;border-radius:11px;font-weight:600}.segs button[aria-pressed=true]{background:var(--color-card);color:var(--color-ink);box-shadow:var(--shadow-card)}.code{font-size:var(--text-2xl);letter-spacing:.08em;font-variant-numeric:tabular-nums;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);background:var(--color-paper-3);font-weight:700;display:inline-block}.menu{position:relative}.menu summary{cursor:pointer;border-radius:12px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.menu__panel{right:0;top:calc(100% + var(--space-xs));gap:var(--space-2xs);min-width:14rem;padding:var(--space-sm);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--color-rule);z-index:var(--z-dropdown);display:grid;position:absolute}.menu__panel .btn{justify-content:start}.menu__who{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}