@import"https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:wght@400;700&family=Karla:wght@400;500;700&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--paper:#ece6da;--card:#fffdf7;--sunk:#f7f3ea;--input:#f7f3ea;--line:#cdc3af;--line-strong:#8e8370;--ink:#1f1c19;--ink-2:#4a443c;--ink-soft:#5f574d;--ink-faint:#5f574d;--felt:#2a5540;--felt-deep:#1f4232;--felt-tint:#e3ebe1;--on-felt:#fffdf7;--brass:#a3854c;--brass-tint:#f2e9d6;--brass-ink:#735720;--red:#a4302a;--red-tint:#f6e3dd;--shadow-card:0 4px 14px rgba(31,28,25,.16);--radius:12px;--radius-sm:8px;--nav-h:60px;--serif:"Libre Caslon Text",Georgia,"Times New Roman",serif;--sans:"Karla",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{min-height:100%;background:var(--paper);scroll-padding-top:72px;scroll-padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom,0px))}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--paper);font-size:1.0625rem;line-height:1.5;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--felt);outline-offset:2px}a{color:var(--felt)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:700;color:var(--ink)}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.1875rem;line-height:1.3}h3{font-size:1.125rem;line-height:1.25}.stack{display:flex;flex-direction:column;gap:20px}.stack.sm{gap:12px}.muted{color:var(--ink-soft)}.navPill,.authThumb{display:none}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.pageEntry{animation:arrive .2s ease-out}.modeCard,.tableCard{transition:transform .15s,box-shadow .15s}}@keyframes arrive{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.cornerIndex{position:absolute;top:10px;left:12px;font:700 16px/1.05 var(--serif);text-align:center;color:var(--ink)}.cornerIndex.red{color:var(--red)}.cornerIndex.flip{top:auto;left:auto;bottom:10px;right:12px;transform:rotate(180deg)}.miniCard{position:relative;flex:none;width:56px;height:78px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:7px;background:var(--card);color:var(--ink);font-size:26px;line-height:1}.miniCard.red{color:var(--red)}.miniIndex{position:absolute;top:4px;left:5px;font:700 11px/1 var(--serif)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 1.25rem/1 var(--serif);color:var(--ink)}.brandMark{width:22px;height:31px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:4px;background:var(--card);font-size:14px;transform:rotate(-6deg)}.brandHeading{font:inherit;margin:0}.brandHeading .brand{font-size:1.3125rem}.brandLarge{display:flex;align-items:flex-end;gap:18px}.brandLarge h1{font-size:2rem;line-height:1.1}.brandFan{position:relative;flex:none;width:66px;height:88px}.fanBack,.fanFront{position:absolute;width:60px;height:84px;border-radius:7px;background:var(--card)}.fanBack{left:0;top:4px;border:1px solid var(--line);transform:rotate(-14deg)}.fanFront{left:6px;top:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);font-size:30px;transform:rotate(-4deg)}.fanFront .miniIndex{top:4px;left:6px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;font-size:1.0625rem;line-height:1.2;white-space:nowrap;transition:background-color .15s,border-color .15s}.button:active:enabled{transform:translateY(1px)}.button.primary{background:var(--felt);color:var(--on-felt)}.button.primary:hover:enabled{background:var(--felt-deep)}.button.primary:disabled{background:#d9d1c2;color:#4f483f;opacity:1}.button.secondary{background:var(--card);border-color:var(--line-strong);color:var(--ink)}.button.secondary:hover:enabled{background:var(--sunk)}.button.outline{background:var(--card);border:1.5px solid var(--felt);color:var(--felt)}.button.outline:hover:enabled{background:var(--felt-tint)}.button.ghost{background:transparent;color:var(--ink-soft)}.button.ghost:hover:enabled{background:var(--sunk)}.button.danger{background:transparent;border-color:currentColor;color:var(--red)}.button.danger:hover:enabled{background:var(--red-tint)}.button.wide{width:100%;min-height:52px;font-size:1.125rem;white-space:normal;text-align:center}.linkButton{min-height:44px;display:inline-flex;align-items:center;padding:0 2px;border:0;background:none;color:var(--felt);font-weight:700;font-size:1rem;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.linkButton:hover{color:var(--felt-deep)}.leaveLink{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--felt);font-weight:700;font-size:.95rem}.iconButton{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--ink-soft)}.iconButton:hover{background:var(--sunk)}input:where(:not([type=checkbox],[type=radio])),select{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--input);color:var(--ink);font-size:1.0625rem;font-weight:400;outline:0}input::placeholder{color:var(--ink-soft);opacity:1}input:focus,select:focus{border-color:var(--felt);box-shadow:0 0 0 3px #2a554040}input[aria-invalid=true]{border:2px solid var(--red)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f1c19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.field,.card label{display:flex;flex-direction:column;gap:6px;color:var(--ink);font-size:1rem;font-weight:700}.fieldGroup{display:flex;flex-direction:column;gap:6px}.fieldHint{margin-top:8px;color:var(--ink-soft);font-size:.9375rem;line-height:1.45}.fieldGroup .fieldHint{margin-top:0}.fieldError{display:flex;gap:6px;color:var(--red);font-size:.9375rem;font-weight:700;line-height:1.4}.codeInput{letter-spacing:.12em}.codeInput::placeholder{letter-spacing:.12em}.appShell{min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line);padding:env(safe-area-inset-top,0px) max(14px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}.topbarInner{max-width:1080px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brandButton{display:inline-flex;align-items:center;min-height:44px;margin-left:-6px;padding:4px 6px;border:0;border-radius:8px;background:none}.avatar{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none}.avatar span{width:36px;height:36px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--card);font:700 14px/1 var(--serif)}.headerNav{display:none}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-top:1px solid var(--line);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.bottomNav button,.headerNav button{display:flex;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--ink-soft);font-size:.9375rem}.bottomNav button{height:var(--nav-h);flex-direction:column}.navSuit{font-size:19px;line-height:1}.bottomNav button.on,.headerNav button.on{color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--felt)}.bottomNav button.on.red .navSuit,.headerNav button.on.red .navSuit,.bottomNav button.red:focus-visible .navSuit,.headerNav button.red:focus-visible .navSuit{color:var(--red)}.bottomNav button:focus-visible,.headerNav button:focus-visible{color:var(--ink);outline:3px solid var(--felt);outline-offset:-3px;border-radius:8px}.main{max-width:760px;margin:0 auto;padding:16px max(20px,env(safe-area-inset-right,0px)) calc(36px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.main.withNav{padding-bottom:calc(var(--nav-h) + 36px + env(safe-area-inset-bottom,0px))}.toast{position:fixed;z-index:25;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px));width:min(calc(100vw - 32px),520px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 6px 10px 16px;border-left:4px solid #d98b7f;border-radius:var(--radius-sm);background:var(--ink);color:var(--card);box-shadow:var(--shadow-card);font-size:1rem}.toast button{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;background:none}.toast button:focus-visible{outline-color:var(--card)}.setup,.loading{max-width:560px;margin:0 auto;padding:calc(14vh + env(safe-area-inset-top,0px)) 24px 32px}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--ink-soft);text-align:center}.setup h1{margin:28px 0 14px}.setup p{line-height:1.65;color:var(--ink-2);margin-bottom:8px}.setup code{font-family:var(--mono);font-size:.9em;color:var(--brass-ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.sectionHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.stack>.sectionHeading{margin-bottom:0}.sectionHeading h2{display:inline-flex;align-items:center;gap:9px}.sectionTitle{margin-bottom:12px}.pageHead{padding:8px 0 4px}.pageHead h1{margin:6px 0}.pageHead p{color:var(--ink-2)}.authWrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(28px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}.authInner{width:100%;max-width:420px;margin:auto;display:flex;flex-direction:column;gap:22px}.authIntro{display:flex;flex-direction:column;gap:22px}.authIntro p{color:var(--ink-2);font-size:1.125rem;line-height:1.5}.authInvite{display:flex;align-items:center;gap:14px;padding:14px;border:1px dashed var(--brass);border-radius:var(--radius);background:var(--card)}.authInvite p{font-size:1rem;line-height:1.5}.inviteCard{flex:none;width:44px;height:62px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;font:700 12px/1.15 var(--serif);text-align:center;transform:rotate(-4deg)}.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.authTabs button{min-height:48px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);font-size:1.0625rem}.authTabs button.selected{border:1.5px solid var(--ink);background:var(--card);color:var(--ink);font-weight:700}.authCard{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.authNote{color:var(--ink-soft);font-size:.9375rem;line-height:1.5}.home{gap:28px}.greeting p{margin-top:6px;color:var(--ink-2);font-size:1.125rem}.homeGrid{display:grid;gap:28px}.homeActions{display:flex;flex-direction:column;gap:28px}.handMeta{display:flex;align-items:center;gap:2px;color:var(--ink-soft);font-size:.9375rem}.handMeta .iconButton{margin-right:-10px}.hand{position:relative;max-width:380px;padding:4px 0 14px 4px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.tableCard{border-radius:var(--radius);color:var(--ink);text-align:left}.tableCard.front{position:relative;z-index:1;width:clamp(196px,63%,240px);aspect-ratio:5/7;display:flex;flex-direction:column;padding:18px;border:1.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow-card);transform:rotate(-3deg)}.tableCard.back{position:absolute;left:43%;top:22px;width:56%;max-width:200px;aspect-ratio:5/7;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 12px 14px 22%;border:1px solid var(--line);background:var(--sunk);box-shadow:0 2px 6px #1f1c191a;color:var(--ink-soft);font-size:.9375rem;line-height:1.35;overflow:hidden;transform:rotate(6deg)}.tableCard.back:hover{transform:rotate(4deg) translate(4px)}.tableCard.back .cornerIndex{left:auto;right:12px;font-size:15px}.tableName{font:700 1.1875rem/1.2 var(--serif);color:var(--ink)}.tableCardBody{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 4px 0}.tableCard h3{font-size:1.5rem;line-height:1.15}.tableStatus{font-size:.9375rem;font-weight:700;color:var(--felt)}.tableStatus.status-results{color:var(--red)}.tableStatus.status-lobby{color:var(--ink-soft)}.tableCode{color:var(--ink-soft);font-size:1rem}.tableCard.front .button{min-height:50px;margin:0 18px 14px 0;padding:10px 12px;white-space:normal}.handDots{display:flex;justify-content:center;max-width:380px}.handDots button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:none}.handDots button:before{content:"";width:6px;height:6px;border-radius:3px;background:var(--line-strong)}.handDots button.on:before{width:18px;background:var(--ink)}.startPanel{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.startPanel.open{gap:16px;padding:0;border:0;background:none}.modeSummary{display:flex;align-items:center;gap:14px}.modeText{flex:1;min-width:0;display:flex;flex-direction:column}.modeText b{font:700 1.125rem/1.3 var(--serif)}.modeText small{color:var(--ink-soft);font-size:.9375rem}.modeGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:4px}.modeCard{position:relative;aspect-ratio:5/7;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);text-align:left}.modeCard:hover{border-color:var(--line-strong)}.modeCard.on{padding:12.5px;border:2.5px solid var(--felt);box-shadow:0 4px 12px #1f1c191f;transform:translateY(-4px)}.modeCard .cornerIndex{font-size:17px}.modeCard.on .cornerIndex{top:8.5px;left:10.5px}.chosen{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:999px;background:var(--felt);color:var(--on-felt);font-size:.8125rem;font-weight:700}.modeSuit{position:absolute;top:28%;left:0;right:0;text-align:center;font-size:44px;line-height:1}.modeCard.red .modeSuit{color:var(--red)}.modeName{font:700 1.1875rem/1.2 var(--serif)}.nowrap{white-space:nowrap}.modeDetail{margin-top:2px;color:var(--ink-2);font-size:.9375rem;line-height:1.35}.joinRow{display:flex;gap:10px;margin-top:6px}.joinRow input{flex:1;min-width:0;background:var(--card)}.joinRow .button{flex:none;width:84px;min-height:52px}.rateList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rateItem{display:flex;flex-direction:column;gap:6px}.rateName{order:2;color:var(--ink-2);font-size:.875rem;line-height:1.25;text-align:center}.rateNameSuit{display:none}.rateCard{position:relative;aspect-ratio:5/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.rateSuit{position:absolute;top:5px;left:6px;font:700 13px/1 var(--serif)}.rateItem.red .rateSuit,.rateItem.red .rateNameSuit{color:var(--red)}.rateValue{font:700 1.1875rem/1.2 var(--serif);font-variant-numeric:tabular-nums}.unplayed .rateValue{font-weight:400;color:var(--ink-soft)}.rateCard small{color:var(--ink-soft);font-size:.875rem}.startsAt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid var(--line);color:var(--ink-2);font-size:1rem}.lobby{gap:22px;width:100%;max-width:640px;margin:0 auto}.lobbyHero{display:flex;align-items:center;gap:16px}.heroCard{position:relative;flex:none;width:64px;height:90px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font-size:30px;line-height:1}.heroCard.red{color:var(--red)}.heroIndex{position:absolute;top:5px;left:6px;font:700 12px/1.05 var(--serif);text-align:center}.lobbyHero h1{font-size:1.625rem}.lobbyHero p{margin-top:4px;color:var(--ink-soft);font-size:1rem}.lobbyHero .heroDetail{margin-top:0;font-size:.9375rem}.inviteButton{min-height:50px;font-size:1.0625rem}.seatGrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seat{position:relative;min-width:0;aspect-ratio:5/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-align:center}.seat.mine{border:1.5px solid var(--ink)}.seatCrown{position:absolute;top:8px;left:8px;color:var(--brass)}.seatYou{position:absolute;top:6px;right:8px;padding:1px 5px;border-radius:4px;background:var(--paper);font-size:.8125rem;font-weight:700}.seatInitials{font:700 26px/1.1 var(--serif)}.seatName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.seatMeta{color:var(--ink-soft);font-size:.875rem}.seatAction{min-height:36px;padding:4px 8px;border:0;border-radius:6px;background:none;color:var(--felt);font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.seatSlot{display:grid}.seat.empty{width:100%;border:1.5px dashed var(--line-strong);background:transparent;color:var(--ink-soft);font-size:.9375rem}.seat.empty:hover{background:var(--sunk)}.lobbyFooter{display:flex;flex-direction:column;gap:12px;margin-top:18px}.lobbyFooter>p{color:var(--ink-2);font-size:1.0625rem;text-align:center}.lobbyFooter .leaveLink{align-self:center}.lobbyFooter .hint{margin-bottom:0}.qrCard{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.qrInner{display:grid;place-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.codeLarge{font-family:var(--serif);font-size:1.6rem;font-weight:700;letter-spacing:.2em;color:var(--ink)}.playerAvatar{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--card);font:700 .8rem/1 var(--serif)}.youPill{padding:2px 6px;border-radius:4px;background:var(--sunk);border:1px solid var(--line);color:var(--ink-2);font-size:.7rem;font-weight:700;letter-spacing:.04em}.stars{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);font-size:.85rem;font-weight:700;white-space:nowrap}.hint{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #c8d6c4;border-radius:var(--radius-sm);background:var(--felt-tint);color:var(--felt-deep);font-size:.95rem;line-height:1.5}.hint svg{flex:none;margin-top:2px}.leaveLink{margin-top:12px;color:var(--red)}.voting{display:flex;flex-direction:column;gap:16px}.voteHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.voteGame{color:var(--ink-soft);font-size:.9375rem;font-weight:700}.voteHead h2{font-size:1.5rem;line-height:1.2}.voteTimer{flex:none;width:52px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:7px;background:var(--card);line-height:1}.voteTimer b{font:700 1.5rem/1 var(--serif);font-variant-numeric:tabular-nums}.voteTimer span{margin-top:4px;color:var(--ink-soft);font-size:.75rem}.voteTimer.low{border-color:var(--red);color:var(--red)}.voteTimer.idle{border:1.5px dashed var(--line-strong);color:var(--ink-soft)}.voteRules{color:var(--ink-2);font-size:1rem;line-height:1.5}.voteNote{color:var(--ink-soft);font-size:.9375rem;line-height:1.5}.voteGrid{list-style:none;margin:0;padding:4px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.voteGrid>li{display:grid}.voteGrid.tied{grid-template-columns:repeat(auto-fill,minmax(96px,120px))}.voteCard{width:100%;color:var(--ink)}.voteCard:not(.picked):hover:enabled{border-color:var(--line-strong)}.voteCard:disabled{opacity:1;cursor:progress}.voteCard.picked{padding:4.5px;border:2.5px solid var(--felt);box-shadow:0 4px 12px #1f1c191f;transform:translateY(-4px)}.voteCheck{position:absolute;top:6px;right:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--felt);color:var(--on-felt);font-size:.8125rem;font-weight:700}.votePips{min-height:1.1em;color:var(--ink);font-size:13px;letter-spacing:2px;line-height:1.1}.votePips.red{color:var(--red)}.voteActions{display:flex;flex-direction:column;gap:10px}.roundResults{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.resultRow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:48px;padding:8px 0;border-bottom:1px solid var(--line)}.historyItem .resultRow{border-bottom:0}.resultGame{min-width:64px;font:700 1rem var(--serif)}.resultText{flex:1}.resultRow.unresolved .resultText,.resultRow.void .resultText{color:var(--ink-soft)}.historyCard h2{margin:0}.historyToggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:none;font:inherit;color:inherit}.flip{transform:rotate(180deg)}.historyList{list-style:none;margin:8px 0 0;padding:0}.historyItem{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0 12px;border-top:1px solid var(--line)}.ballots{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ballotsLabel{margin-right:2px;color:var(--ink-soft);font-size:.875rem;font-weight:700}.ballots span:not(.ballotsLabel){padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--sunk);font-size:.875rem}.correction{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px dashed var(--brass);border-radius:var(--radius-sm);color:var(--ink-2);font-size:.9375rem}.correction span{flex-basis:100%}.correction .button{min-height:40px;padding:6px 14px;font-size:.9375rem}.page{gap:24px}.pageHead p{margin-top:6px;color:var(--ink-2);font-size:1.0625rem}.emptyNote{padding:20px;border:1.5px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-soft);text-align:center}.modeChips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modeChips button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);font-size:1rem;line-height:1.2}.modeChips button.on{border:1.5px solid var(--ink);background:var(--card);color:var(--ink);font-weight:700}.chipSuit{font-size:1.05em;line-height:1}.modeChips button.red .chipSuit{color:var(--red)}.podium{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.podiumCard{padding:28px 6px 10px}.podiumCard .cornerIndex{top:8px;left:9px;font-size:15px}.podiumRating{font:700 1.25rem/1.2 var(--serif);font-variant-numeric:tabular-nums}.rankList{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.rankRow{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid var(--line)}.rankRow.mine{border-radius:var(--radius-sm);background:var(--card)}.position{width:28px;color:var(--ink-soft);font:700 1rem var(--serif);font-variant-numeric:tabular-nums}.rankName{flex:1;min-width:0}.rankName strong{display:flex;align-items:center;gap:6px;font-size:1rem;overflow-wrap:anywhere}.rankName small{display:block;margin-top:2px;color:var(--ink-soft);font-size:.875rem}.rankScore{font:700 1.15rem var(--serif);color:var(--ink);font-variant-numeric:tabular-nums}.youTag{padding:1px 5px;border-radius:4px;background:var(--paper);border:1px solid var(--line);font-size:.75rem;font-weight:700}.groupHead{display:flex;align-items:center;gap:14px;padding:4px 0}.groupHead h2{font-size:1.375rem}.groupHead p{margin-top:2px;color:var(--ink-soft)}.inviteCode{font-family:var(--serif);letter-spacing:.08em;color:var(--ink)}.groupForms{display:grid;gap:24px}.joinRow .button{width:auto;min-width:84px}.profileHero{display:flex;align-items:center;gap:18px}.heroPlayer{flex:none;width:72px;padding:0}.heroPlayer .seatInitials{font-size:28px}.profileHero h1{overflow-wrap:anywhere}.profileHero p{margin-top:4px;color:var(--ink-soft)}.stars{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);font-weight:700;white-space:nowrap}.statRow{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statRow>div{display:flex;flex-direction:column-reverse;align-items:center;padding:12px 4px}.statRow>div+div{border-left:1px solid var(--line)}.statRow dt{color:var(--ink-soft);font-size:.875rem}.statRow dd{margin:0;font:700 1.5rem/1.2 var(--serif);font-variant-numeric:tabular-nums}.modeRows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.modeRow{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 0;border-bottom:1px solid var(--line)}.modeRow .miniCard{width:40px;height:56px;border-radius:5px;font-size:20px}.modeRow .miniIndex{top:3px;left:4px;font-size:9px}.modeRowRating{font:700 1.2rem var(--serif);font-variant-numeric:tabular-nums}.statsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}.statsGrid>div{display:flex;flex-direction:column-reverse;gap:4px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.statsGrid dt{color:var(--ink-soft);font-size:.875rem}.statsGrid dd{margin:0;font:700 1.375rem var(--serif);color:var(--ink)}.chartCard{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--felt)}.chartCard h3{font-size:1rem;color:var(--ink)}.chartCard svg{width:100%;max-height:140px;margin-top:9px}.subTitle{margin-top:8px;font-size:1rem}.lossDelta{color:var(--red)!important}.gainDelta{color:var(--felt)!important}.unlock p{color:var(--ink-2)}.unlockCards{display:flex;gap:6px;margin-bottom:10px}.unlockCards span{flex:1;max-width:28px;aspect-ratio:5/7;border:1.5px dashed var(--line-strong);border-radius:4px}.unlockCards span.on{border:1.5px solid var(--ink);background:var(--card)}.accountCard{display:flex;flex-direction:column;gap:20px}.accountCard form{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.accountCard form .fieldHint{margin-top:0}.accountNotice{color:var(--felt);font-weight:700}@media(max-width:379px){.modeSuit{display:none}.modeChips button{gap:6px;padding:6px;font-size:.875rem}.podiumCard .seatInitials{display:none}.podiumCard{aspect-ratio:auto;padding-top:44px}.voteGrid:not(.tied){grid-template-columns:repeat(2,minmax(0,1fr))}.seatGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tableCard.front .button{margin-right:10px}}@media(max-width:540px){.card{padding:16px}}@media(min-width:900px){.topbar{background:var(--card);padding-left:48px;padding-right:48px}.topbarInner{height:68px;justify-content:flex-start;gap:40px}.brand{font-size:1.3125rem}.headerNav{display:flex;flex:1;gap:8px;align-self:stretch}.headerNav button{gap:6px;padding:0 12px;font-size:1.0625rem}.navSuit{font-size:1em}.bottomNav{display:none}.main,.main.withNav{max-width:1080px;padding:40px 48px 56px}.toast{bottom:24px}h1{font-size:2.25rem;line-height:1.15}.home{gap:36px}.homeGrid.withHand{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px;align-items:start}.modeGrid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}.rateList{gap:16px}.rateItem{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name value" "games value";column-gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.rateCard{display:contents}.rateSuit{display:none}.rateName{grid-area:name;order:0;color:var(--ink);font-size:1rem;font-weight:700;text-align:left}.rateNameSuit{display:inline;margin-right:5px}.rateValue{grid-area:value;font-size:1.5rem}.rateCard small{grid-area:games}}@media(min-width:600px){.seatGrid,.voteGrid:not(.tied){grid-template-columns:repeat(4,minmax(0,1fr))}.modeChips{grid-template-columns:repeat(4,minmax(0,1fr))}.podium{grid-template-columns:repeat(3,minmax(0,170px))}.groupForms{grid-template-columns:1fr 1fr}.page{max-width:760px;width:100%;margin:0 auto}}:root[data-theme=blue]{--paper:#e8f1f8;--card:#fff;--sunk:#eef4f9;--input:#fff;--line:#ccdce8;--line-strong:#7e93a5;--ink:#1b2a37;--ink-2:#3e4c59;--ink-soft:#51606e;--ink-faint:#51606e;--felt:#23557c;--felt-deep:#1b4565;--felt-tint:#d6e6f2;--on-felt:#fff;--brass:#9a7b45;--brass-tint:#efe6d4;--brass-ink:#6e5528;--red:#a03c33;--red-tint:#f3deda;--shadow-card:0 1px 2px rgba(27,42,55,.06),0 10px 28px rgba(35,85,124,.1);--radius:22px;--radius-sm:12px;--nav-h:60px;--serif:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1) }[data-theme=blue] h1{font-size:1.875rem;line-height:1.15;letter-spacing:-.02em}[data-theme=blue] h2{font-size:1.3125rem}[data-theme=blue] h1,[data-theme=blue] h2,[data-theme=blue] h3{font-weight:700}[data-theme=blue] .mono{font-family:var(--mono);font-size:.94em;color:var(--ink)}[data-theme=blue] .main{overflow-x:clip}[data-theme=blue] .topbar{border-bottom-color:transparent}[data-theme=blue] .brand{font:700 1.25rem/1 var(--sans);letter-spacing:-.01em}[data-theme=blue] .brandMark{width:22px;height:30px;transform:rotate(-8deg);background:#fff}[data-theme=blue] .avatar span{border:0;background:var(--felt-tint);font:700 14px/1 var(--sans)}[data-theme=blue] .bottomNav{grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#f6fafd}[data-theme=blue] .bottomNav .navPill{display:block;position:absolute;top:6px;left:8px;width:calc((100% - 16px)/4);height:48px;pointer-events:none;transition:transform .4s var(--ease)}[data-theme=blue] .navPill:before{content:"";position:absolute;top:0;right:4px;bottom:0;left:4px;border-radius:999px;background:var(--felt-tint)}[data-theme=blue] .navSuit{display:none}[data-theme=blue] .bottomNav button{position:relative;z-index:1;height:48px;border-radius:999px;color:var(--ink-2);font-size:1rem;font-weight:500;transition:color .25s}[data-theme=blue] .bottomNav button.on,[data-theme=blue] .headerNav button.on{box-shadow:none;color:var(--felt-deep);font-weight:700}[data-theme=blue] .bottomNav button:focus-visible,[data-theme=blue] .headerNav button:focus-visible{border-radius:999px}[data-theme=blue] .toast{border-left:0;border-radius:14px;background:var(--ink)}[data-theme=blue] .button{border-radius:14px;font-weight:600}[data-theme=blue] .button.wide{min-height:54px}[data-theme=blue] .button.primary{box-shadow:none}[data-theme=blue] .button.primary:disabled{background:#d3dee7;color:var(--ink-2)}[data-theme=blue] .button.outline{border-radius:12px;font-weight:700}[data-theme=blue] .button.outline:hover:enabled{background:var(--felt-tint)}[data-theme=blue] .button.danger{border-width:1.5px;border-radius:12px}[data-theme=blue] .linkButton{gap:4px;text-decoration:none}[data-theme=blue] input:where(:not([type=checkbox],[type=radio])),[data-theme=blue] select{border-width:1.5px;border-radius:12px;background:#fff}[data-theme=blue] .field,[data-theme=blue] .card label{font-weight:600}[data-theme=blue] .codeInput{font-family:var(--mono);letter-spacing:.14em}[data-theme=blue] .codeInput::placeholder{font-family:var(--sans);letter-spacing:normal}[data-theme=blue] .joinRow input{background:#fff}[data-theme=blue] .card{border:0;border-radius:20px;box-shadow:0 1px 2px #1b2a370f}[data-theme=blue] .hint{border:0;border-radius:14px}[data-theme=blue] .emptyNote{border-radius:16px}[data-theme=blue] .authInner{gap:26px}[data-theme=blue] .authIntro{gap:14px}[data-theme=blue] .authMark{width:46px;height:64px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:6px;background:#fff;font-size:28px;transform:rotate(-8deg);box-shadow:0 6px 16px #23557c24}[data-theme=blue] .authIntro h1{margin-top:6px;font-size:2.125rem;line-height:1.1}[data-theme=blue] .authIntro p{color:var(--ink-soft)}[data-theme=blue] .authTabs{position:relative;gap:0;padding:4px;border-radius:14px;background:var(--felt-tint)}[data-theme=blue] .authThumb{display:block;position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:#fff;box-shadow:0 1px 3px #1b2a371f;transition:transform .35s var(--ease)}[data-theme=blue] .authThumb.right{transform:translate(100%)}[data-theme=blue] .authTabs button,[data-theme=blue] .authTabs button.selected{position:relative;z-index:1;min-height:44px;border:0;border-radius:10px;background:none;color:var(--ink);font-weight:500}[data-theme=blue] .authTabs button.selected{font-weight:700}[data-theme=blue] .authCard{padding:0;border:0;background:none}[data-theme=blue] .authInvite{border:0;border-radius:16px;box-shadow:var(--shadow-card)}[data-theme=blue] .inviteCard{font:500 11px/1.3 var(--mono);transform:none;border-color:var(--line)}[data-theme=blue] .home{gap:30px}[data-theme=blue] .greeting p{color:var(--ink-soft)}[data-theme=blue] .listLabel{font-size:1rem;font-weight:600;color:var(--ink-soft)}[data-theme=blue] .stack>.sectionHeading{margin-bottom:0}[data-theme=blue] .summaryCard{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:22px;background:#fff;box-shadow:var(--shadow-card)}[data-theme=blue] .summaryTop{display:flex;align-items:center;justify-content:space-between;gap:12px}[data-theme=blue] .summaryTitle{font-size:1.625rem;line-height:1.15;letter-spacing:-.01em}[data-theme=blue] .summaryMeta{margin-top:4px;color:var(--ink-soft);font-size:1rem}[data-theme=blue] .statusChip{align-self:flex-start;padding:5px 11px;border-radius:999px;background:#e3e9ee;color:var(--ink-2);font-size:.9375rem;font-weight:600}[data-theme=blue] .statusChip.status-playing{background:var(--felt-tint);color:var(--felt-deep)}[data-theme=blue] .statusChip.status-results{background:var(--red-tint);color:#8a2f27}[data-theme=blue] .avatarStack{display:flex;padding-left:8px}[data-theme=blue] .tintAvatar{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--ink);font-size:13px;font-weight:700}[data-theme=blue] .tintAvatar.sm{width:34px;height:34px;margin-left:-8px;border:2.5px solid #fff;font-size:12px}[data-theme=blue] .tintAvatar.md{width:42px;height:42px;font-size:14px}[data-theme=blue] .tintAvatar.lg{width:72px;height:72px;font-size:24px}[data-theme=blue] .tintAvatar.empty{border:2px dashed var(--line-strong)}[data-theme=blue] .rowList{list-style:none;margin:0;padding:0}[data-theme=blue] .rowText{flex:1;min-width:0;display:flex;flex-direction:column}[data-theme=blue] .rowText b{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.0625rem;font-weight:600;overflow-wrap:anywhere}[data-theme=blue] .rowText small{color:var(--ink-soft);font-size:.9375rem}[data-theme=blue] .listRow{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left}[data-theme=blue] .listRow .rowText b{font-size:1.125rem}[data-theme=blue] .chevron{color:var(--ink-soft);font-size:24px;line-height:1}[data-theme=blue] .modeButton{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-align:left}[data-theme=blue] .modeButton:hover{border-color:var(--line-strong)}[data-theme=blue] .modeButtonMain{min-width:0;display:flex;align-items:center;gap:12px}[data-theme=blue] .modeButtonAction{color:var(--felt);font-weight:700}[data-theme=blue] .suitBox{flex:none;width:34px;height:46px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:5px;background:#fff;font-size:18px}[data-theme=blue] .suitBox.red,[data-theme=blue] .rowSuit.red{color:var(--red)}[data-theme=blue] .rateRow{display:flex;align-items:center;gap:10px;min-height:56px;border-bottom:1px solid var(--line)}[data-theme=blue] .rowSuit{width:20px;flex:none;text-align:center;font-size:17px}[data-theme=blue] .rowValue{font-size:1.3125rem;font-weight:700;font-variant-numeric:tabular-nums}[data-theme=blue] .rowValue.quiet{color:var(--ink-soft)}[data-theme=blue] .scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#1b2a3761;opacity:0;pointer-events:none;transition:opacity .3s ease}[data-theme=blue] .scrim.open{opacity:1;pointer-events:auto}[data-theme=blue] .sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-width:560px;max-height:90dvh;margin:0 auto;overflow-y:auto;padding:10px 20px calc(28px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;background:#f6fafd;transform:translateY(105%);visibility:hidden;transition:transform .42s var(--ease),visibility 0s linear .42s}[data-theme=blue] .sheet.open{transform:none;visibility:visible;transition:transform .42s var(--ease)}[data-theme=blue] .sheetGrip{display:block;width:40px;height:5px;margin:0 auto 14px;border-radius:3px;background:#b5c6d3}[data-theme=blue] .sheetHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}[data-theme=blue] .sheetOptions{display:flex;flex-direction:column;gap:10px}[data-theme=blue] .sheetOption{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--line);border-radius:16px;background:transparent;color:var(--ink);text-align:left;transition:background .2s,border-color .2s}[data-theme=blue] .sheetOption.on{border-color:var(--felt);background:#fff}[data-theme=blue] .sheetOption small{color:var(--ink-2)}[data-theme=blue] .optionNote{color:var(--ink-soft);font-size:.9375rem;font-weight:400}[data-theme=blue] .radioDot{flex:none;width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--line-strong);border-radius:50%}[data-theme=blue] .radioDot:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--felt);opacity:0;transition:opacity .2s}[data-theme=blue] .sheetOption.on .radioDot{border-color:var(--felt)}[data-theme=blue] .sheetOption.on .radioDot:after{opacity:1}[data-theme=blue] .inviteSheet{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}[data-theme=blue] .inviteSheet p{color:var(--ink-soft)}[data-theme=blue] .qrInner{border-radius:16px}[data-theme=blue] .codeLarge{font:500 1.75rem var(--mono);letter-spacing:.18em}[data-theme=blue] .lobby{gap:20px}[data-theme=blue] .backLink{align-self:flex-start;min-height:44px;margin-left:-4px;padding:0 4px;border:0;background:none;color:var(--felt);font-size:1.0625rem;font-weight:600}[data-theme=blue] .countText{display:flex;align-items:center;gap:2px;color:var(--ink-soft)}[data-theme=blue] .playerRow{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:6px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left}[data-theme=blue] .playerRow.waiting{color:var(--ink-soft);font-size:1rem}[data-theme=blue] .youChip{padding:2px 9px;border-radius:999px;background:var(--felt-tint);font-size:.8125rem;font-weight:600}[data-theme=blue] .hostIcon{color:var(--brass);vertical-align:-2px}[data-theme=blue] .rowRep{font-weight:600}[data-theme=blue] .lobbyFooter>p{color:var(--ink-soft)}[data-theme=blue] .voteHead h2{font-size:1.625rem}[data-theme=blue] .voteTimer{width:auto;height:auto;flex-direction:row;gap:4px;padding:6px 12px;border:0;border-radius:999px;background:var(--felt-tint);color:var(--felt-deep)}[data-theme=blue] .voteTimer b{font:700 1.125rem/1 var(--sans)}[data-theme=blue] .voteTimer span{margin:0;color:inherit;font-size:.875rem}[data-theme=blue] .voteTimer.low{background:var(--red-tint);color:var(--red)}[data-theme=blue] .voteTimer.idle{border:0;background:#e3e9ee;color:var(--ink-2)}[data-theme=blue] .voteRows{display:flex;flex-direction:column;gap:8px}[data-theme=blue] .voteRow{padding:10px 14px;border:2px solid transparent;border-radius:16px;background:#fff;box-shadow:0 1px 2px #1b2a370f}[data-theme=blue] .voteRow:hover:enabled{border-color:var(--line)}[data-theme=blue] .voteRow.picked,[data-theme=blue] .voteRow.picked:hover{border-color:var(--felt)}[data-theme=blue] .voteRow:disabled{opacity:1;cursor:progress}[data-theme=blue] .voteCheck{position:static;flex:none}[data-theme=blue] .correction{border:1.5px dashed var(--line-strong);border-radius:14px}[data-theme=blue] .modeChips{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:0 20px 2px;scrollbar-width:none}[data-theme=blue] .modeChips button{flex:none;height:44px;min-height:44px;gap:6px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:1rem;font-weight:600;transition:background .2s,color .2s}[data-theme=blue] .modeChips button.on{border-color:var(--felt);background:var(--felt);color:#fff}[data-theme=blue] .modeChips button.on .chipSuit{color:inherit}[data-theme=blue] .listCard{list-style:none;margin:0;padding:4px 16px;overflow:hidden;border-radius:20px;background:#fff}[data-theme=blue] .listCard .rankRow{min-height:60px;margin:0 -16px;padding:0 16px;border-bottom:1px solid #e1eaf1;border-radius:0}[data-theme=blue] .listCard .rankRow:last-child,[data-theme=blue] .listCard li:last-child .listRow{border-bottom:0}[data-theme=blue] .listCard .rankRow.mine{background:var(--sunk)}[data-theme=blue] .position{width:22px;font:700 1rem var(--sans);color:var(--ink-soft)}[data-theme=blue] .listCard .listRow{min-height:68px;padding:8px 0;border-bottom-color:#e1eaf1}[data-theme=blue] .listRow.on .rowText b{color:var(--felt-deep)}[data-theme=blue] .groupDetail{padding:20px;border-radius:22px;background:#fff;box-shadow:var(--shadow-card)}[data-theme=blue] .groupDetail .listCard{padding:0 16px;margin:0 -16px}[data-theme=blue] .groupHead h2{font-size:1.3125rem}[data-theme=blue] .inviteCode{font-family:var(--mono);letter-spacing:.1em}[data-theme=blue] .profileHero{flex-direction:column;align-items:flex-start;gap:16px}[data-theme=blue] .profileHero h1{font-size:1.75rem}[data-theme=blue] .statRow dd,[data-theme=blue] .statsGrid dd,[data-theme=blue] .modeRowRating{font-family:var(--sans)}[data-theme=blue] .statsGrid>div,[data-theme=blue] .chartCard{border:0;border-radius:16px;background:#fff}[data-theme=blue] .unlockCards span{max-width:22px;aspect-ratio:1;border-radius:50%}[data-theme=blue] .unlockCards span.on{border-color:var(--felt);background:var(--felt)}[data-theme=blue] .accountCard{border-radius:22px}@media(prefers-reduced-motion:no-preference){[data-theme=blue] .pageEntry{animation:none}[data-theme=blue] .screen.enter-fade{animation:blueFade .3s ease}[data-theme=blue] .screen.enter-forward{animation:blueForward .46s var(--ease)}[data-theme=blue] .screen.enter-back{animation:blueBack .46s var(--ease)}}@media(prefers-reduced-motion:reduce){[data-theme=blue] .screen{animation:blueOpacity .2s ease}[data-theme=blue] .sheet,[data-theme=blue] .navPill,[data-theme=blue] .authThumb{transition:none}}@keyframes blueFade{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}@keyframes blueForward{0%{opacity:0;transform:translate3d(56px,0,0)}to{opacity:1;transform:none}}@keyframes blueBack{0%{opacity:0;transform:translate3d(-32px,0,0)}to{opacity:1;transform:none}}@keyframes blueOpacity{0%{opacity:0}to{opacity:1}}.themePicker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.themeOption{min-height:64px;display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);text-align:left}.themeOption.on{border:2px solid var(--felt);padding:11.5px}.themeOption .rowText{flex:1;min-width:0;display:flex;flex-direction:column}.themeOption .rowText small{color:var(--ink-soft);font-size:.875rem}.themeSwatch{flex:none;display:flex;padding-left:6px}.themeSwatch span{width:20px;height:20px;margin-left:-6px;border:2px solid var(--card);border-radius:50%}.themeOption.cards .themeSwatch span:nth-child(1){background:#ece6da}.themeOption.cards .themeSwatch span:nth-child(2){background:#2a5540}.themeOption.cards .themeSwatch span:nth-child(3){background:#a4302a}.themeOption.blue .themeSwatch span:nth-child(1){background:#e8f1f8}.themeOption.blue .themeSwatch span:nth-child(2){background:#23557c}.themeOption.blue .themeSwatch span:nth-child(3){background:#d6e6f2}@media(min-width:900px){[data-theme=blue] .topbar{background:var(--paper);border-bottom-color:var(--line)}[data-theme=blue] .headerNav{align-self:center;gap:4px}[data-theme=blue] .headerNav button{height:40px;padding:0 16px;border-radius:999px;font-size:1rem}[data-theme=blue] .headerNav button.on{background:var(--felt-tint)}[data-theme=blue] .home{max-width:640px;margin:0 auto;width:100%}[data-theme=blue] .modeChips{margin:0;padding:0}}