@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-sans-latin-400-normal-AkRraKH2.woff2) format("woff2"),url(/assets/nunito-sans-latin-400-normal-DY9yCUyQ.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-sans-latin-600-normal-BtVRvDNj.woff2) format("woff2"),url(/assets/nunito-sans-latin-600-normal-DLks-Kj1.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-sans-latin-700-normal-CICRJDmU.woff2) format("woff2"),url(/assets/nunito-sans-latin-700-normal-CLVG92B9.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-sans-latin-800-normal-MgCk9Q3Y.woff2) format("woff2"),url(/assets/nunito-sans-latin-800-normal-DOf_K5Iw.woff) format("woff")}:root{--smear-paper: #fff7e6;--smear-cream: #fffcf5;--smear-ink: #18332c;--smear-felt: #1f7a5c;--smear-deep-felt: #115441;--smear-sunflower: #f6c84c;--smear-coral: #f47c6c;--smear-sky: #78bce8;--smear-violet: #b19ade;--smear-mint: #bfe4d1;--smear-heading-font: "Fredoka", ui-rounded, "Arial Rounded MT Bold", sans-serif;--smear-body-font: "Nunito Sans", "Avenir Next", "Segoe UI", sans-serif}.smear-brand{display:inline-flex;min-width:0;align-items:center;color:var(--smear-ink);font-family:var(--smear-heading-font)}.smear-brand__badge{display:block;width:52px;height:52px;flex:0 0 auto;object-fit:contain}.smear-brand--badge .smear-brand__badge{width:72px;height:72px}.smear-brand__wordmark{display:grid;min-width:0;margin-left:10px;line-height:1}.smear-brand__name{font-size:1.65rem;font-weight:700;letter-spacing:-.035em}.smear-brand__tagline{margin-top:4px;color:color-mix(in srgb,var(--smear-ink) 72%,transparent);font-family:var(--smear-body-font);font-size:.69rem;font-weight:800;letter-spacing:.045em;line-height:1.2;text-transform:uppercase}.smear-page-header{position:sticky;z-index:40;top:0;width:100%;border-bottom:1px solid color-mix(in srgb,var(--smear-ink) 16%,transparent);background:color-mix(in srgb,var(--smear-cream) 94%,transparent);box-shadow:0 8px 24px #18332c14;color:var(--smear-ink);font-family:var(--smear-body-font);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.smear-page-header__inner{display:flex;width:min(100% - 32px,1280px);min-height:72px;margin:0 auto;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:8px}.smear-page-header__home,.smear-site-footer__home{display:inline-flex;min-width:0;border-radius:14px;color:inherit;text-decoration:none}.smear-page-header__home:hover .smear-brand__badge,.smear-site-footer__home:hover .smear-brand__badge{transform:rotate(-3deg) translateY(-1px)}.smear-page-header__home:focus-visible,.smear-site-footer__home:focus-visible,.smear-primary-nav__link:focus-visible,.smear-site-footer__nav a:focus-visible{outline:3px solid var(--smear-sky);outline-offset:3px}.smear-page-header__home[aria-current=page] .smear-brand__name{text-decoration:underline;text-decoration-color:var(--smear-coral);text-decoration-thickness:4px;text-underline-offset:4px}.smear-page-header__tools,.smear-page-header__actions,.smear-primary-nav{display:flex;align-items:center}.smear-page-header__tools{min-width:0;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.smear-page-header__actions,.smear-primary-nav{gap:8px}.smear-page-header__actions>:is(a,button){min-height:44px}.smear-primary-nav__link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:2px solid transparent;border-radius:999px;color:var(--smear-ink);font-size:.95rem;font-weight:900;line-height:1;padding:10px 17px;text-decoration:none;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.smear-primary-nav__link:hover{transform:translateY(-1px)}.smear-primary-nav__link--play{border-color:var(--smear-deep-felt);background:var(--smear-felt);box-shadow:0 4px 0 var(--smear-deep-felt);color:var(--smear-cream)}.smear-primary-nav__link--play:hover,.smear-primary-nav__link--play[aria-current=page]{background:var(--smear-deep-felt)}.smear-primary-nav__link--learn{border-color:color-mix(in srgb,var(--smear-ink) 18%,transparent);background:var(--smear-paper)}.smear-primary-nav__link--learn:hover,.smear-primary-nav__link--learn[aria-current=page]{border-color:var(--smear-sunflower);background:color-mix(in srgb,var(--smear-sunflower) 32%,var(--smear-cream))}.smear-primary-nav__link[aria-current=page]{box-shadow:inset 0 0 0 2px var(--smear-cream),0 3px 0 var(--smear-ink)}.smear-primary-nav__icon{font-size:1rem;line-height:1}.smear-skip-link{position:fixed;z-index:100;top:8px;left:50%;min-height:44px;border:3px solid var(--smear-ink);border-radius:999px;background:var(--smear-sunflower);color:var(--smear-ink);font-family:var(--smear-body-font);font-weight:900;line-height:38px;padding:0 18px;text-decoration:none;transform:translate(-50%,calc(-100% - 16px));transition:transform .12s ease}.smear-skip-link:focus{transform:translate(-50%)}.smear-site-footer{width:100%;margin-top:clamp(40px,7vw,80px);border-top:2px solid color-mix(in srgb,var(--smear-ink) 14%,transparent);background:radial-gradient(circle at 12% 22%,rgb(246 200 76 / 22%) 0 5px,transparent 6px),radial-gradient(circle at 88% 68%,rgb(244 124 108 / 18%) 0 5px,transparent 6px),var(--smear-cream);color:var(--smear-ink);font-family:var(--smear-body-font)}.smear-site-footer__inner{display:grid;width:min(100% - 32px,1280px);margin:0 auto;padding:32px 0 24px;grid-template-columns:minmax(230px,1fr) auto;gap:20px 40px}.smear-site-footer__identity p,.smear-site-footer__credit{color:color-mix(in srgb,var(--smear-ink) 70%,transparent)}.smear-site-footer__identity p{max-width:38ch;margin:12px 0 0}.smear-site-footer__nav{display:flex;align-items:center;justify-content:flex-end;gap:8px 22px;flex-wrap:wrap}.smear-site-footer__nav a{display:inline-flex;min-height:44px;align-items:center;border-radius:10px;color:var(--smear-deep-felt);font-weight:850;text-decoration-thickness:2px;text-underline-offset:4px}.smear-site-footer__nav a:hover{color:var(--smear-ink);text-decoration-color:var(--smear-coral)}.smear-site-footer__extra{grid-column:1 / -1}.smear-site-footer__credit{margin:0;border-top:1px solid color-mix(in srgb,var(--smear-ink) 12%,transparent);padding-top:16px;grid-column:1 / -1;font-size:.82rem;text-align:center}.smear-brand__badge,.smear-primary-nav__link{transition-duration:.14s;transition-property:transform,background-color,border-color,box-shadow;transition-timing-function:ease}@media (max-width: 680px){.smear-page-header__inner{width:min(100% - 20px,1280px);min-height:64px;gap:10px}.smear-brand__badge{width:46px;height:46px}.smear-brand__name{font-size:1.4rem}.smear-brand__tagline{display:none}.smear-primary-nav__link{padding-inline:13px}.smear-primary-nav__icon{display:none}.smear-site-footer__inner{grid-template-columns:1fr}.smear-site-footer__nav{justify-content:flex-start}}@media (max-width: 390px){.smear-page-header .smear-brand__wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.smear-primary-nav__link{padding-inline:12px}}@media (prefers-reduced-motion: reduce){.smear-brand__badge,.smear-primary-nav__link,.smear-skip-link{scroll-behavior:auto;transition:none}.smear-page-header__home:hover .smear-brand__badge,.smear-site-footer__home:hover .smear-brand__badge,.smear-primary-nav__link:hover{transform:none}}.home-page{min-height:100vh;color:var(--ink);font-family:var(--font-body)}.home-main{display:grid;width:min(100% - 36px,1380px);margin:0 auto;gap:clamp(64px,9vw,116px);padding:clamp(28px,5vw,64px) 0 24px}.home-hero{display:grid;min-height:min(720px,calc(100svh - 132px));align-items:center;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:clamp(36px,7vw,100px)}.home-hero__copy{position:relative;z-index:1}.home-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--felt-deep);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home-kicker>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--coral);color:var(--white);font-size:.9rem}.home-hero h1{max-width:760px;margin:22px 0;color:var(--ink);font-family:var(--font-display);font-size:clamp(3.8rem,7.6vw,7.7rem);font-weight:700;letter-spacing:-.055em;line-height:.87}.home-hero__copy>p{max-width:660px;margin:0;color:var(--ink-soft);font-size:clamp(1.1rem,1.8vw,1.38rem);line-height:1.6}.home-hero__actions{display:flex;align-items:center;gap:18px;margin-top:34px;flex-wrap:wrap}.home-primary-action,.home-secondary-action{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border-radius:999px;font-family:var(--font-display);font-weight:700;text-decoration:none}.home-primary-action{gap:18px;border:2px solid var(--felt-dark);background:var(--felt);box-shadow:0 6px 0 var(--felt-dark);color:#fff;font-size:1.1rem;padding:14px 25px;transition:transform .16s var(--ease-bounce),box-shadow .16s ease}.home-primary-action:hover{box-shadow:0 8px 0 var(--felt-dark);transform:translateY(-2px)}.home-secondary-action{color:var(--felt-deep);padding:12px 6px;text-decoration:underline;text-decoration-color:var(--sunflower);text-decoration-thickness:4px;text-underline-offset:5px}.home-proof{display:flex;margin:30px 0 0;padding:0;color:var(--ink-soft);font-size:.92rem;font-weight:800;gap:10px 24px;list-style:none;flex-wrap:wrap}.home-proof li{display:inline-flex;align-items:center;gap:7px}.home-proof li:nth-child(1) span{color:var(--felt)}.home-proof li:nth-child(2) span{color:#d34f44}.home-proof li:nth-child(3) span{color:#7b5ab7}.home-tabletop{position:relative;min-height:560px;perspective:1100px}.home-tabletop:before,.home-tabletop:after{position:absolute;border-radius:50%;content:""}.home-tabletop:before{top:0;right:0;width:140px;height:140px;background:var(--sunflower);opacity:.82}.home-tabletop:after{bottom:8px;left:12px;width:100px;height:100px;border:16px solid var(--sky);opacity:.56}.home-tabletop__felt{position:absolute;z-index:1;top:62px;right:0;bottom:30px;left:28px;overflow:hidden;border:11px solid var(--felt-dark);border-radius:48% 48% 44% 44%/34% 34% 48% 48%;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.14),transparent 32%),linear-gradient(145deg,#2f936f,var(--felt-deep));box-shadow:0 30px 54px #18332c47,inset 0 0 0 7px #ffffff1f;transform:rotateX(7deg) rotate(2deg)}.home-tabletop__felt:before{position:absolute;top:19px;right:19px;bottom:19px;left:19px;border:2px dashed rgba(255,255,255,.2);border-radius:inherit;content:""}.home-tabletop__player{position:absolute;z-index:2;display:grid;min-width:46px;height:46px;place-items:center;border:3px solid white;border-radius:999px;box-shadow:0 5px 12px #082c2247;color:var(--ink);font-family:var(--font-display);font-weight:700}.home-tabletop__player--top{top:30px;left:calc(50% - 23px);background:var(--sky)}.home-tabletop__player--left{top:42%;left:25px;background:var(--coral)}.home-tabletop__player--right{top:42%;right:25px;background:var(--violet)}.home-tabletop__player--you{bottom:34px;left:calc(50% - 34px);min-width:68px;background:var(--sunflower)}.home-tabletop__trick{position:absolute;top:43%;left:50%;width:190px;height:150px;transform:translate(-50%,-50%)}.home-mini-card,.home-hand-card{display:flex;flex-direction:column;border:2px solid rgba(24,51,44,.34);border-radius:8px;background:#fff;box-shadow:0 8px 16px #07261e42;font-family:Georgia,serif;font-weight:800}.home-mini-card{position:absolute;width:70px;height:100px;padding:7px;font-size:1.1rem}.home-mini-card span{font-size:1.3rem}.home-mini-card--heart{top:3px;left:3px;color:#d84343;transform:rotate(-13deg)}.home-mini-card--club{top:27px;left:61px;color:#1c2824;transform:rotate(2deg)}.home-mini-card--diamond{top:7px;right:0;color:#d84343;transform:rotate(15deg)}.home-tabletop__hand{position:absolute;bottom:-17px;left:50%;display:flex;transform:translate(-50%)}.home-hand-card{width:57px;height:82px;align-items:center;justify-content:center;margin-left:-17px;color:var(--ink);font-size:1.5rem;transform:rotate(-5deg)}.home-hand-card:first-child{margin-left:0;transform:rotate(-14deg) translateY(8px)}.home-hand-card:nth-child(2),.home-hand-card:nth-child(4){color:#d84343}.home-hand-card:nth-child(3){transform:translateY(-5px)}.home-hand-card:nth-child(4){transform:rotate(7deg)}.home-hand-card:nth-child(5){color:#7b5ab7;transform:rotate(14deg) translateY(8px)}.home-tabletop__score{position:absolute;z-index:3;right:-5px;bottom:4px;display:grid;min-width:170px;padding:14px 17px;border:2px solid rgba(24,51,44,.2);border-radius:18px;background:var(--cream);box-shadow:var(--shadow-md);gap:5px;transform:rotate(-3deg)}.home-tabletop__score span{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:8px;color:var(--ink-soft);font-weight:800}.home-tabletop__score i{width:10px;height:10px;border-radius:50%;background:var(--coral)}.home-tabletop__score span:nth-child(2) i{background:var(--sky)}.home-tabletop__score strong{color:var(--ink);font-family:var(--font-display);font-size:1.2rem}.home-tabletop__score small{color:var(--ink-faint);font-weight:800;text-align:right}.home-paths{display:grid;gap:34px}.home-section-heading{max-width:760px}.home-section-heading h2,.home-story h2{margin:10px 0 0;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.035em;line-height:1}.home-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-choice{position:relative;display:grid;min-height:265px;align-content:end;overflow:hidden;padding:28px;border:2px solid rgba(24,51,44,.17);border-radius:28px;box-shadow:var(--shadow-sm);color:var(--ink);gap:10px;text-decoration:none;transition:transform .18s var(--ease-bounce),box-shadow .18s ease}.home-choice:before{position:absolute;top:-48px;right:-36px;width:150px;height:150px;border:3px dashed rgba(24,51,44,.15);border-radius:50%;content:""}.home-choice:hover{box-shadow:var(--shadow-md);transform:translateY(-7px) rotate(-.35deg)}.home-choice--play{background:#dcefe3}.home-choice--friends{background:#dfeffc}.home-choice--learn{background:#eee7fb}.home-choice__eyebrow{color:var(--ink-soft);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.home-choice strong{max-width:12ch;font-family:var(--font-display);font-size:clamp(1.65rem,2.6vw,2.3rem);line-height:1}.home-choice>span:not(.home-choice__eyebrow,.home-choice__arrow){max-width:34ch;color:var(--ink-soft);font-weight:700}.home-choice__arrow{position:absolute;top:22px;right:22px;display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--cream);box-shadow:var(--shadow-xs);font-family:var(--font-display);font-size:1.4rem}.home-story{display:grid;align-items:center;padding:clamp(30px,5vw,60px);border:3px solid var(--felt-deep);border-radius:32px;background:radial-gradient(circle at 88% 18%,rgba(246,200,76,.32),transparent 13rem),var(--cream);box-shadow:var(--shadow-md);grid-template-columns:auto minmax(250px,.8fr) minmax(280px,1fr);gap:28px}.home-story__pip{display:grid;width:78px;height:78px;place-items:center;border-radius:24px;background:var(--coral);box-shadow:0 7px #b94f44;color:#fff;font-size:2.5rem;transform:rotate(-6deg)}.home-story p{margin:0;color:var(--ink-soft);font-size:1.08rem}.route-loading{display:flex;min-height:100svh;align-items:center;justify-content:center;color:var(--ink);gap:18px}.route-loading img{width:72px;animation:route-loading-bob .9s ease-in-out infinite alternate}.route-loading div{display:grid}.route-loading strong{font-family:var(--font-display);font-size:1.25rem}.route-loading span{color:var(--ink-soft)}@keyframes route-loading-bob{to{transform:translateY(-6px) rotate(-3deg)}}@media (max-width: 980px){.home-hero{min-height:auto;grid-template-columns:1fr}.home-hero__copy{max-width:760px}.home-tabletop{min-height:500px}.home-choice-grid{grid-template-columns:1fr 1fr}.home-choice--play{grid-column:1 / -1}.home-story{grid-template-columns:auto 1fr}.home-story p{grid-column:2}}@media (max-width: 620px){.home-main{width:min(100% - 20px,1380px);gap:64px;padding-top:38px}.home-hero h1{margin-block:18px;font-size:clamp(3.5rem,17vw,5rem)}.home-hero__actions{align-items:stretch;flex-direction:column}.home-primary-action,.home-secondary-action{width:100%}.home-proof{align-items:flex-start;flex-direction:column}.home-tabletop{min-height:390px}.home-tabletop__felt{top:38px;right:4px;bottom:24px;left:4px;border-width:8px}.home-tabletop:before{width:84px;height:84px}.home-tabletop:after{display:none}.home-tabletop__score{right:4px;bottom:-2px;min-width:145px;padding:10px 12px}.home-mini-card{width:58px;height:84px}.home-tabletop__trick{width:160px}.home-choice-grid{grid-template-columns:1fr}.home-choice--play{grid-column:auto}.home-choice{min-height:225px}.home-story{grid-template-columns:1fr}.home-story p{grid-column:auto}}@media (prefers-reduced-motion: reduce){.home-choice,.home-primary-action,.route-loading img{animation:none;transition:none}}:root{--paper: #fff7e6;--paper-deep: #f7e8c8;--cream: #fffcf5;--cream-strong: #fff8e8;--ink: #18332c;--ink-soft: #52665f;--ink-faint: #71827c;--felt: #1f7a5c;--felt-deep: #115441;--felt-dark: #0c4033;--mint: #bfe4d1;--sunflower: #f6c84c;--coral: #f47c6c;--sky: #78bce8;--violet: #b19ade;--berry: #b83b46;--white: #ffffff;--line: rgba(24, 51, 44, .16);--line-strong: rgba(24, 51, 44, .3);--shadow-xs: 0 2px 0 rgba(24, 51, 44, .08);--shadow-sm: 0 6px 18px rgba(57, 46, 25, .1);--shadow-md: 0 18px 42px rgba(57, 46, 25, .14);--shadow-card: 0 10px 18px rgba(7, 38, 30, .2);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-pill: 999px;--font-display: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: "Nunito Sans", "Avenir Next", system-ui, sans-serif;--ease-bounce: cubic-bezier(.2, .8, .2, 1.1);--ease-soft: cubic-bezier(.22, 1, .36, 1)}:root{color:var(--text-main);background:var(--page-bg);font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5;font-weight:500;color-scheme:light;--page-bg: #f4f0e7;--surface: #fffdf8;--surface-soft: #f8f4ec;--surface-muted: #eee7dc;--surface-accent: #e2eee7;--surface-warning: #f5ead6;--felt: #dbe8df;--felt-ring: #b6cbbf;--border: #d2c8b8;--border-strong: #a99b88;--text-main: #26352e;--text-muted: #58665e;--text-dim: #6f7c73;--accent: #2f6658;--accent-strong: #214b42;--accent-soft: #d8e8df;--accent-contrast: #fffdf8;--danger-bg: #f8dddd;--danger-border: #c98383;--danger-text: #6f2424;--button-bg: #fffdf8;--button-border: #8ba59b;--button-hover: #eef6f0;--status-bg: #f7f1e6;--progress-bg: #d8d1c5;--progress-fill: #2f6658;--page-shadow: 0 10px 24px rgba(45, 38, 29, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page-bg);color:var(--text-main)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c98937;outline-offset:3px}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}.public-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.brand-logo{display:block;width:96px;height:auto;object-fit:contain}.brand-logo--hero{width:min(220px,40vw)}.brand-logo--badge{width:72px}.hero-card__branding,.landing-hero__branding{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.site-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);text-align:center;color:var(--text-dim);font-size:.95rem;letter-spacing:.01em}.hero-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:6px 0 18px;margin-bottom:20px;border-bottom:1px solid var(--border)}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.hero-card h1,.landing-hero h1,.card-header h2,.help-panel h2,.learn-actions h2,.learn-hand h2,.learn-position h2,.learn-menu-intro h2,.learn-mode-card h2,.tutorial-content h2,.tutorial-content h3,.result-card h3,.seat-card h3{margin:0;letter-spacing:0}.hero-card h1,.landing-hero h1{font-size:2.15rem;line-height:1.05}.help-copy,.landing-hero p,.donation-panel p,.donation-summary p,.seat-card p,.learn-result p,.learn-menu-intro p,.learn-mode-card p,.tutorial-content p,.result-card p{color:var(--text-muted)}.eyebrow{display:inline-flex;margin-bottom:8px;color:var(--accent-strong);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.help-button,.cta-button,.ghost-button,.landing-choice,.learn-option,.button-row button{min-height:48px;border-radius:8px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-main);padding:12px 18px;font-weight:800;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.help-button:hover,.cta-button:hover,.ghost-button:hover,.landing-choice:hover,.learn-option:hover,.button-row button:hover{background:var(--button-hover)}.help-button:active,.cta-button:active,.ghost-button:active,.landing-choice:active,.learn-option:active,.button-row button:active{transform:translateY(1px)}.help-button{color:var(--accent-strong)}.cta-button{width:100%;background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.cta-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.cta-button:disabled,.ghost-button:disabled,.button-row button:disabled{background:var(--surface-muted);border-color:var(--border);color:var(--text-dim);opacity:.75}.help-panel,.control-card,.game-toolbar,.felt-card,.hand-card,.history-card,.summary-card,.empty-state-card,.progress-card,.learn-actions,.learn-position,.learn-menu-intro,.tutorial-sidebar,.tutorial-content,.donation-panel,.donation-summary{background:var(--surface);border:1px solid var(--border);box-shadow:var(--page-shadow)}.help-panel{display:grid;gap:14px;padding:18px;border-radius:8px;margin-bottom:20px}.help-panel__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.help-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.help-panel__grid p{margin:0;padding:14px;border-radius:8px;background:var(--surface-soft);color:var(--text-muted)}.hero-badge,.status-pill,.award-card,.result-card,.seat-card,.seat-editor__card,.donation-detail{border-radius:8px;border:1px solid var(--border);background:var(--status-bg)}.hero-badge{padding:12px 14px;min-width:120px}.hero-badge span,.status-pill span,.award-card span,.table-copy span,.seat-card__meta{display:block;color:var(--text-dim);font-size:.88rem}.banner{border-radius:8px;padding:14px 18px;margin-bottom:20px}.banner--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.banner--success{background:var(--surface-accent);border:1px solid var(--felt-ring);color:var(--accent-strong)}.landing-shell{display:grid;gap:30px;min-height:100dvh;align-content:center}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:32px;align-items:center}.landing-hero__copy{display:grid;gap:14px}.landing-hero p{max-width:620px;margin:0;font-size:1.18rem}.landing-card-fan{min-height:220px;display:flex;align-items:center;justify-content:center;gap:0}.landing-card-fan .playing-card{width:104px;min-width:104px;margin-left:-30px;transform:rotate(-5deg)}.landing-card-fan .playing-card:first-child{margin-left:0;transform:rotate(-12deg)}.landing-card-fan .playing-card:nth-child(3){transform:rotate(6deg)}.landing-card-fan .playing-card:nth-child(4){transform:rotate(13deg)}.landing-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.landing-choice{min-height:160px;display:grid;align-content:center;gap:10px;padding:24px;text-align:left}.landing-choice span{font-size:1.5rem;font-weight:900}.landing-choice strong{color:var(--text-muted);font-weight:700}.landing-note{margin:0;max-width:760px;color:var(--text-muted);font-size:.98rem}.landing-note a{color:var(--accent-strong);font-weight:700}.lobby-shell{display:grid;gap:20px}.lobby-setup-grid,.lobby-room-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:24px;align-items:start}.lobby-panel{display:grid;gap:20px}.lobby-code{font-size:clamp(2rem,9vw,4.25rem);line-height:.95;letter-spacing:.08em}.lobby-seat-list{display:grid;gap:10px}.lobby-seat-button,.lobby-seat-row{min-height:64px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);padding:12px 14px}.lobby-seat-button{display:grid;gap:4px;text-align:left}.lobby-seat-button:not(:disabled):hover{border-color:var(--accent);background:var(--button-hover)}.lobby-seat-button span,.lobby-seat-row span{color:var(--text-muted);font-size:.88rem;font-weight:800}.lobby-seat-button strong,.lobby-seat-row strong{overflow-wrap:anywhere}.lobby-seat-row{display:grid;grid-template-columns:minmax(72px,max-content) minmax(12rem,1fr) auto;gap:12px;align-items:center}.lobby-seat-row__body{display:grid;gap:2px;min-width:0}.lobby-seat-row__body strong{overflow-wrap:break-word;word-break:normal}.lobby-seat-row__body small{color:var(--text-muted);font-weight:800}.lobby-seat-row__badges,.lobby-seat-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lobby-seat-controls{grid-column:2 / -1;justify-content:flex-end;min-width:0}.lobby-seat-controls .ghost-button{width:auto;flex:0 0 auto;min-height:40px;padding:8px 12px}.lobby-seat-controls__select{display:grid;flex:1 1 240px;grid-template-columns:auto minmax(120px,1fr);gap:8px;align-items:center;max-width:360px}.lobby-seat-controls__select>span{font-size:.82rem}.lobby-seat-controls__select select{min-height:40px;padding:6px 30px 6px 10px}.lobby-seat-row em{border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:4px 10px;font-size:.82rem;font-style:normal;font-weight:900}.donation-shell{display:grid;gap:20px}.donation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;align-items:start}.donation-panel,.donation-summary{display:grid;gap:20px;border-radius:8px;padding:24px}.donation-panel h2,.donation-summary h2{margin:0;font-size:1.5rem;line-height:1.15}.donation-panel p,.donation-summary p{margin:10px 0 0}.donation-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.donation-amount-button{min-height:72px;border-radius:8px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-main);font-size:1.25rem;font-weight:900;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.donation-amount-button:hover{background:var(--button-hover)}.donation-amount-button:active{transform:translateY(1px)}.donation-amount-button.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.donation-currency-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);overflow:hidden}.donation-currency-input>span{padding:0 14px;color:var(--text-dim);font-weight:900}.donation-currency-input input{min-height:50px;border:0;border-left:1px solid var(--border);border-radius:0}.donation-detail-grid{display:grid;gap:12px}.donation-detail{padding:14px}.donation-detail span{display:block;color:var(--text-dim);font-size:.88rem}.donation-detail strong{display:block;margin-top:4px;font-size:1.15rem}.learn-menu-shell,.tutorial-shell{display:grid;gap:20px}.learn-menu-intro{display:grid;gap:10px;padding:26px;border-radius:8px;max-width:760px}.learn-menu-intro p{margin:0}.learn-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:20px}.learn-mode-card{display:grid;gap:12px;min-height:250px;padding:26px;border-radius:8px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--page-shadow);text-align:left;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.learn-mode-card:hover{border-color:var(--button-border);background:var(--button-hover)}.learn-mode-card:active{transform:translateY(1px)}.learn-mode-card--featured{border-color:var(--felt-ring);background:var(--surface-accent)}.learn-mode-card p{margin:0;align-self:start}.learn-mode-card>strong:last-child{align-self:end;color:var(--accent-strong);font-size:1.05rem}.learn-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}.learn-position,.learn-actions{display:grid;gap:20px;border-radius:8px;padding:22px}.learn-status-row{margin-top:4px}.learn-table,.learn-hand{display:grid;gap:14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);padding:16px}.learn-table__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.learn-table__header span{color:var(--text-dim);font-weight:800}.learn-trick-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.learn-trick-play{display:grid;gap:8px;justify-items:center;color:var(--text-muted)}.learn-actions{position:sticky;top:18px}.learn-bot-detail{margin:-8px 0 0;color:var(--text-dim);font-size:.92rem;line-height:1.45}.learn-option-grid{display:grid;gap:12px}.learn-option{width:100%;min-height:68px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:12px;text-align:left}.learn-option .playing-card{width:68px;min-width:68px;pointer-events:none}.learn-option span{font-weight:900}.learn-option.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.learn-option.is-best{border-color:#c98937;box-shadow:inset 0 0 0 2px #ead0a9}.learn-result{display:grid;gap:12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-warning);padding:16px}.learn-result--match{background:var(--surface-accent);border-color:var(--felt-ring)}.learn-result p{margin:0}.learn-result__explanation{color:var(--text-dim);line-height:1.5}.tutorial-layout{display:grid;grid-template-columns:minmax(245px,295px) minmax(0,1fr);gap:24px;align-items:start}.tutorial-sidebar{position:sticky;top:18px;display:grid;gap:16px;border-radius:8px;padding:20px}.tutorial-sidebar>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.tutorial-sidebar .eyebrow{margin-bottom:0}.tutorial-progress-track{height:8px;border-radius:999px;background:var(--progress-bg);overflow:hidden}.tutorial-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--progress-fill);transition:width .16s ease}.tutorial-step-list{display:grid;gap:8px}.tutorial-step-button{display:grid;gap:3px;min-height:58px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-main);padding:9px 11px;text-align:left}.tutorial-step-button span{color:var(--text-dim);font-size:.78rem;font-weight:800;text-transform:uppercase}.tutorial-step-button:hover:not(:disabled),.tutorial-step-button.is-selected{border-color:var(--border);background:var(--surface-soft)}.tutorial-step-button.is-complete span{color:var(--accent)}.tutorial-step-button:disabled{color:var(--text-dim);opacity:.62}.tutorial-content{display:grid;gap:22px;border-radius:8px;padding:clamp(20px,4vw,34px)}.tutorial-content__header{display:grid;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--border)}.tutorial-content__header h2{font-size:clamp(1.65rem,4vw,2.05rem);line-height:1.08}.tutorial-content__header p,.tutorial-lead{margin:0}.tutorial-lead{font-size:1.06rem;line-height:1.6}.tutorial-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:12px}.tutorial-rule-grid article,.tutorial-points-grid article{display:grid;gap:5px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);padding:14px}.tutorial-rule-grid span,.tutorial-points-grid span{color:var(--text-muted)}.tutorial-callout,.tutorial-score-example,.tutorial-recap{display:grid;gap:7px;border-radius:8px;border:1px solid var(--felt-ring);background:var(--surface-accent);padding:16px}.tutorial-callout p,.tutorial-score-example p,.tutorial-recap p{margin:0}.tutorial-steps{display:grid;gap:9px;margin:0;padding-left:22px;color:var(--text-muted)}.tutorial-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.tutorial-data-table{width:100%;border-collapse:collapse;background:var(--surface-soft)}.tutorial-data-table caption{padding:13px 14px;background:var(--surface);color:var(--text-main);font-weight:900;text-align:left}.tutorial-data-table th,.tutorial-data-table td{padding:9px 14px;border-top:1px solid var(--border);text-align:left}.tutorial-data-table th{color:var(--text-dim);font-size:.9rem}.tutorial-card-example{display:grid;gap:14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);padding:16px}.tutorial-card-example__header{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted)}.tutorial-card-row{display:flex;flex-wrap:wrap;gap:14px;align-items:start}.tutorial-card-play{display:grid;gap:7px;justify-items:center;color:var(--text-dim);font-size:.86rem;font-weight:800}.tutorial-points-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.tutorial-points-grid article:last-child{grid-column:span 2}.tutorial-value-row{display:flex;flex-wrap:wrap;gap:9px}.tutorial-value-row span{border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);padding:8px 13px;color:var(--text-muted)}.tutorial-question{display:grid;gap:14px;margin-top:4px;padding:20px;border-radius:8px;border:1px solid var(--border);background:var(--status-bg)}.tutorial-answer-grid{display:grid;gap:9px}.tutorial-answer{min-height:50px;border-radius:8px;border:1px solid var(--button-border);background:var(--surface);color:var(--text-main);padding:11px 14px;font-weight:750;text-align:left}.tutorial-answer:hover{background:var(--button-hover)}.tutorial-answer.is-selected{border-color:#c98937;background:var(--surface-warning)}.tutorial-answer.is-correct{border-color:var(--felt-ring);background:var(--surface-accent)}.tutorial-feedback{min-height:46px;margin:0;padding:11px 13px;border-radius:8px;background:var(--surface-warning)}.tutorial-feedback--correct{background:var(--surface-accent)}.tutorial-controls,.tutorial-complete__actions{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,240px);gap:12px}.tutorial-complete{display:grid;gap:12px;border-radius:8px;border:1px solid var(--felt-ring);background:var(--surface-accent);padding:20px}.tutorial-complete p{margin:0}.experience-grid{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:24px;align-items:start}.setup-sidebar{min-width:0;display:grid;gap:12px;align-items:start}.setup-sidebar__toggle{min-height:52px;border-radius:8px;border:1px solid var(--button-border);background:var(--accent);color:var(--accent-contrast);padding:12px 14px;font-weight:900;box-shadow:var(--page-shadow);transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.setup-sidebar__toggle:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.setup-sidebar__toggle:active{transform:translateY(1px)}.control-card,.board-column{display:grid;gap:20px}.control-card{padding:22px;border-radius:8px;position:sticky;top:18px}.control-card__collapse{display:none}.card-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.card-header__actions{display:flex;flex-wrap:wrap;gap:10px}.button-row,.status-row,.award-grid,.result-grid{display:flex;flex-wrap:wrap;gap:12px}.field{display:grid;gap:8px}.field>span,.team-picker__header>span,.seat-captured__label{color:var(--text-main);font-weight:800}.toggle-row{display:flex;align-items:center;gap:10px;min-height:44px}.toggle-row input{width:22px;height:22px;accent-color:var(--accent)}.field input,.field select,.field textarea{width:100%;min-height:48px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-main);padding:12px 14px}.field .donation-currency-input input{border:0;border-left:1px solid var(--border);border-radius:0}.seat-editor{display:grid;gap:12px}.seat-editor__card{padding:14px;display:grid;gap:12px;background:var(--surface-soft)}.team-picker{display:grid;gap:12px}.team-picker__header,.team-picker__team-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.team-picker__team{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;border:0;background:transparent;color:var(--accent-strong);padding:0 4px;font-weight:800}.text-button:disabled{color:var(--text-dim)}.player-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.player-chip{min-width:0;min-height:44px;overflow:hidden;padding:9px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap}.player-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.player-chip.is-assigned-elsewhere{opacity:.5}.team-picker__unassigned{display:grid;gap:6px;color:var(--text-dim);font-size:.9rem}.team-picker__unassigned-list{display:flex;flex-wrap:wrap;gap:6px}.team-picker__unassigned-list span{max-width:100%;overflow:hidden;padding:5px 9px;border:1px dashed var(--border-strong);border-radius:8px;text-overflow:ellipsis;white-space:nowrap}.board-column{min-width:0}.game-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:8px}.game-toolbar strong{display:block;font-size:1.12rem}.game-toolbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.game-toolbar__drawer-toggle{display:none}.mobile-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s ease,visibility 0s linear .16s}.mobile-drawer.is-open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.mobile-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#20252173;opacity:0;transition:opacity .16s ease}.mobile-drawer.is-open .mobile-drawer__scrim{opacity:1}.mobile-drawer__panel{position:absolute;inset:0 auto 0 0;width:min(92vw,360px);max-width:420px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--page-shadow);transform:translate(-100%);transition:transform .18s ease;padding:max(12px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden}.mobile-drawer.is-open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.mobile-drawer__header h2{margin:0}.mobile-drawer__nav{display:grid;gap:8px}.mobile-drawer__content{display:grid;gap:16px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:6px}.mobile-drawer__content .control-card{position:static}.progress-slot{display:grid}.progress-slot:empty{display:none}.empty-state-card,.felt-card,.hand-card,.history-card,.summary-card,.progress-card{border-radius:8px;padding:22px}.mobile-completion-actions{display:none}.progress-card__header,.result-card__header,.seat-card__header,.seat-card__footer,.history-item__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-track{position:relative;height:12px;border-radius:999px;overflow:hidden;background:var(--progress-bg);margin:14px 0 10px}.progress-track.is-indeterminate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:35%;background:var(--progress-fill);animation:progress-sweep 1.1s linear infinite}.progress-bar{height:100%;border-radius:inherit;background:var(--progress-fill)}@keyframes progress-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-pill{padding:14px 16px}.status-pill strong{font-size:1.22rem;overflow-wrap:anywhere}.status-pill--wide{grid-column:span 2}.felt-card{background:var(--felt);border-color:var(--felt-ring)}.seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:20px}.seat-card{padding:16px;background:var(--surface);display:grid;gap:12px}.seat-card--current{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-soft)}.seat-card h3,.result-card h3,.seat-card p{overflow-wrap:anywhere}.seat-card p{margin:4px 0 0}.seat-table{min-height:136px;display:grid;place-items:center}.seat-table__empty{width:88px;height:122px;border-radius:4px;border:1px dashed var(--border-strong);background:var(--surface-soft)}.seat-captured{display:grid;gap:8px}.seat-captured__label,.seat-captured__empty{color:var(--text-dim);font-size:.88rem}.seat-captured__cards{min-height:48px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.seat-captured__cards .playing-card--compact{width:56px;min-width:56px}.table-actions{display:grid;gap:14px;margin-top:22px}.table-copy{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.table-copy strong{font-size:1.12rem}.hand-grid{display:flex;flex-wrap:wrap;gap:12px}.empty-inline{border-radius:8px;border:1px dashed var(--border-strong);color:var(--text-muted);padding:16px;background:var(--surface-soft)}.history-list{display:grid;gap:12px}.history-item{border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);padding:14px}.history-item__cards{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.history-play{display:grid;gap:6px;justify-items:center;color:var(--text-muted)}.award-grid{margin-top:18px}.award-card,.result-card{padding:14px 16px;background:var(--surface-soft)}.award-card strong,.result-card strong{overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:18px}.playing-card{width:116px;min-width:116px;padding:0;border:1px solid #c7beb0;border-radius:4px;background:#fff;box-shadow:0 4px 10px #2d261d1f}.playing-card--compact{width:84px;min-width:84px}.playing-card--clickable{transition:box-shadow .12s ease,transform .12s ease,opacity .12s ease}.playing-card--clickable:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 16px #2d261d29}.playing-card--clickable:disabled{opacity:.48}.playing-card--trump{outline:3px solid #c98937;outline-offset:2px}.playing-card__art{display:block;line-height:0}.playing-card__svg{display:block;border-radius:4px}.playing-card__fallback{aspect-ratio:5 / 7;display:grid;place-items:center}.game-stage:fullscreen,.game-stage.game-stage--fullscreen{width:100vw;height:100dvh;overflow:auto;padding:20px;background:var(--page-bg)}.game-stage.game-stage--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overscroll-behavior:contain}.game-stage:fullscreen .hand-grid,.game-stage.game-stage--fullscreen .hand-grid{min-height:172px;align-content:flex-start}.game-stage:fullscreen .playing-card:not(.playing-card--compact),.game-stage.game-stage--fullscreen .playing-card:not(.playing-card--compact){width:126px;min-width:126px}.game-stage:fullscreen .playing-card--compact,.game-stage.game-stage--fullscreen .playing-card--compact{width:92px;min-width:92px}.game-stage:fullscreen .seat-captured__cards .playing-card--compact,.game-stage.game-stage--fullscreen .seat-captured__cards .playing-card--compact{width:60px;min-width:60px}@media (max-width: 1080px){body.mobile-game-locked{height:100dvh;overflow:hidden;overscroll-behavior:none}body.mobile-game-locked #root{height:100dvh;overflow:hidden}body.mobile-game-locked .legacy-global-header{display:none}body.mobile-game-locked .public-shell--mobile-game{width:100%;max-width:none;margin:0;padding:0;gap:0}.public-shell--mobile-game{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}.public-shell--mobile-game>.hero-card,.public-shell--mobile-game>.site-footer,.public-shell--mobile-game .control-card,.public-shell--mobile-game .history-card{display:none}.public-shell--mobile-game .summary-card{display:none}.public-shell--mobile-game .mobile-drawer{display:block}.public-shell--mobile-game .mobile-drawer .control-card{display:grid}.public-shell--mobile-game .experience-grid{display:block;height:100%}.public-shell--mobile-game .game-stage,.public-shell--mobile-game .game-stage:fullscreen,.public-shell--mobile-game .game-stage.game-stage--fullscreen{width:100vw;height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:6px;overflow-x:hidden;overflow-y:auto;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 34%,rgba(255,253,248,.78),transparent 34%),var(--page-bg);overscroll-behavior:contain;scrollbar-gutter:stable}.public-shell--mobile-game .game-stage.game-stage--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.public-shell--mobile-game .game-toolbar{grid-row:1;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;box-shadow:none}.public-shell--mobile-game .game-toolbar--table,.public-shell--mobile-game .game-toolbar .eyebrow{display:none}.public-shell--mobile-game .game-toolbar strong{min-width:0;overflow:hidden;font-size:.94rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.public-shell--mobile-game .ghost-button,.public-shell--mobile-game .button-row button{width:auto;min-height:36px;padding:7px 10px;border-radius:8px;font-size:.8rem;line-height:1.15}.public-shell--mobile-game .game-toolbar__actions{flex-wrap:nowrap;gap:6px}.public-shell--mobile-game .game-toolbar__drawer-toggle{display:inline-flex}.public-shell--mobile-game .progress-slot{grid-row:2}.public-shell--mobile-game .progress-card{padding:7px 8px;border-radius:8px;box-shadow:none}.public-shell--mobile-game .progress-card__header{flex-direction:row;align-items:center;font-size:.74rem}.public-shell--mobile-game .progress-card .help-copy{display:none}.public-shell--mobile-game .progress-track{height:7px;margin:6px 0 0}.public-shell--mobile-game .status-row{grid-row:3;min-width:0;display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden}.public-shell--mobile-game .status-pill{min-width:0;flex:1 1 0;padding:6px 8px;border-radius:8px}.public-shell--mobile-game .status-pill--wide{flex:1.5 1 0;grid-column:auto}.public-shell--mobile-game .status-pill span{overflow:hidden;font-size:.62rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.public-shell--mobile-game .status-pill strong{display:block;overflow:hidden;font-size:.82rem;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.public-shell--mobile-game .felt-card{grid-row:4;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;overflow:hidden;padding:8px;border-radius:8px;box-shadow:none}.public-shell--mobile-game .felt-card>.card-header{min-height:32px;flex-direction:row;align-items:center;gap:8px}.public-shell--mobile-game .felt-card .card-header .eyebrow{display:none}.public-shell--mobile-game .felt-card .card-header h2{overflow:hidden;font-size:.98rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.public-shell--mobile-game .card-header__actions{flex-wrap:nowrap;gap:6px}.public-shell--mobile-game .seat-grid{min-height:0;display:grid;gap:6px;margin-top:0;overflow:hidden;align-content:stretch}.public-shell--mobile-game .seat-grid[data-seat-count="3"],.public-shell--mobile-game .seat-grid[data-seat-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell--mobile-game .seat-grid[data-seat-count="5"],.public-shell--mobile-game .seat-grid[data-seat-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.public-shell--mobile-game .seat-grid[data-seat-count="7"],.public-shell--mobile-game .seat-grid[data-seat-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.public-shell--mobile-game .seat-card{min-width:0;min-height:0;align-content:start;gap:4px;padding:6px;border-radius:8px;box-shadow:none}.public-shell--mobile-game .seat-card--current{box-shadow:inset 0 0 0 2px var(--accent-soft)}.public-shell--mobile-game .seat-card__header,.public-shell--mobile-game .seat-card__footer{flex-direction:row;align-items:center;gap:4px}.public-shell--mobile-game .seat-card h3{overflow:hidden;font-size:.76rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.public-shell--mobile-game .seat-card p{display:none}.public-shell--mobile-game .seat-card__meta,.public-shell--mobile-game .seat-card__footer{font-size:.62rem;line-height:1.1}.public-shell--mobile-game .seat-card__meta{white-space:nowrap}.public-shell--mobile-game .seat-table{min-height:58px}.public-shell--mobile-game .seat-table__empty{width:36px;height:50px}.public-shell--mobile-game .seat-table .playing-card--compact{width:clamp(40px,11vw,52px);min-width:clamp(40px,11vw,52px)}.public-shell--mobile-game .seat-captured{display:none}.public-shell--mobile-game .table-actions{gap:6px;margin-top:0}.public-shell--mobile-game .table-copy{gap:4px 10px;font-size:.74rem;line-height:1.15}.public-shell--mobile-game .table-copy strong{font-size:.85rem}.public-shell--mobile-game .table-actions .help-copy{margin:0;overflow:hidden;font-size:.76rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.public-shell--mobile-game .button-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:6px;margin-top:0}.public-shell--mobile-game .hand-card{grid-row:5;min-height:0;display:grid;align-content:start;gap:6px;overflow:hidden;padding:8px;border-radius:8px;box-shadow:none}.public-shell--mobile-game .hand-card>.card-header{display:none}.public-shell--mobile-game .hand-grid,.public-shell--mobile-game .game-stage:fullscreen .hand-grid,.public-shell--mobile-game .game-stage.game-stage--fullscreen .hand-grid{min-height:0;display:flex;align-items:flex-start;flex-wrap:nowrap;justify-content:center;gap:0;overflow:visible;padding-inline:4px}.public-shell--mobile-game .hand-grid .playing-card:not(.playing-card--compact),.public-shell--mobile-game .game-stage:fullscreen .playing-card:not(.playing-card--compact),.public-shell--mobile-game .game-stage.game-stage--fullscreen .playing-card:not(.playing-card--compact){width:clamp(44px,13vw,60px);min-width:clamp(44px,13vw,60px)}.public-shell--mobile-game .hand-grid .playing-card+.playing-card{margin-left:clamp(-10px,-2vw,-7px)}.public-shell--mobile-game .playing-card{box-shadow:0 2px 6px #2d261d24}.public-shell--mobile-game .playing-card--clickable:hover:not(:disabled){transform:translateY(-2px)}.public-shell--mobile-game .playing-card--trump{outline-width:2px;outline-offset:1px}.public-shell--mobile-game .empty-inline{padding:10px;font-size:.82rem;line-height:1.2}.public-shell--mobile-game.public-shell--round-complete .game-stage,.public-shell--mobile-game.public-shell--round-complete .game-stage:fullscreen,.public-shell--mobile-game.public-shell--round-complete .game-stage.game-stage--fullscreen{grid-template-rows:auto auto minmax(0,1fr) auto}.public-shell--mobile-game.public-shell--round-complete .progress-slot,.public-shell--mobile-game.public-shell--round-complete .felt-card,.public-shell--mobile-game.public-shell--round-complete .hand-card{display:none}.public-shell--mobile-game.public-shell--round-complete .status-row{grid-row:2}.public-shell--mobile-game.public-shell--round-complete .summary-card{grid-row:3;min-height:0;display:block;overflow-y:auto;padding:14px;border-radius:8px;box-shadow:none;overscroll-behavior:contain}.public-shell--mobile-game.public-shell--round-complete .summary-card h2{font-size:1.2rem;line-height:1.15}.public-shell--mobile-game.public-shell--round-complete .award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.public-shell--mobile-game.public-shell--round-complete .award-card,.public-shell--mobile-game.public-shell--round-complete .result-card{padding:10px}.public-shell--mobile-game.public-shell--round-complete .result-grid{grid-template-columns:1fr;gap:8px;margin-top:12px}.public-shell--mobile-game.public-shell--round-complete .result-card p{margin:6px 0 0;font-size:.86rem;line-height:1.25}.public-shell--mobile-game.public-shell--round-complete .mobile-completion-actions{grid-row:4;display:grid;gap:8px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:none}.public-shell--mobile-game.public-shell--round-complete .mobile-completion-actions .cta-button{min-height:44px;padding:10px 14px}}@media (max-width: 1080px){.experience-grid,.learn-layout,.tutorial-layout,.landing-hero,.donation-layout,.lobby-setup-grid,.lobby-room-grid{grid-template-columns:1fr}.control-card,.learn-actions,.tutorial-sidebar{position:static}.tutorial-step-list{display:flex;overflow-x:auto;padding-bottom:3px}.tutorial-step-button{flex:0 0 190px}.setup-sidebar__toggle{display:none}.landing-card-fan{justify-content:flex-start}}@media (min-width: 1081px){.experience-grid{transition:grid-template-columns .16s ease}.experience-grid--setup-collapsed{grid-template-columns:76px minmax(0,1fr)}.experience-grid--setup-open{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.experience-grid--setup-hidden{grid-template-columns:minmax(0,1fr)}.setup-sidebar{position:sticky;top:18px;z-index:2}.setup-sidebar__toggle{position:sticky;top:18px;min-height:64px;writing-mode:vertical-rl;text-orientation:mixed}.experience-grid--setup-open .setup-sidebar__toggle{width:100%;min-height:48px;writing-mode:horizontal-tb}.experience-grid--setup-collapsed .control-card{display:none}.experience-grid--setup-open .control-card__collapse{display:inline-flex}}@media (max-width: 760px){:root{font-size:16px}.public-shell{width:min(100% - 20px,100%);padding-top:16px}.hero-card{align-items:flex-start;flex-direction:column}.hero-card h1,.landing-hero h1{font-size:1.8rem}.top-actions,.help-button{width:100%}.top-actions{justify-content:stretch}.tutorial-shell .top-actions,.learn-shell .top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.help-panel,.felt-card,.hand-card,.history-card,.summary-card,.empty-state-card,.control-card,.progress-card,.learn-actions,.learn-position,.learn-menu-intro,.tutorial-sidebar,.tutorial-content,.donation-panel,.donation-summary,.lobby-panel{padding:18px;border-radius:8px}.landing-shell{align-content:start}.landing-choice-grid,.learn-mode-grid,.tutorial-rule-grid,.tutorial-points-grid,.tutorial-controls,.tutorial-complete__actions{grid-template-columns:1fr}.tutorial-points-grid article:last-child{grid-column:auto}.landing-card-fan .playing-card{width:78px;min-width:78px;margin-left:-22px}.game-toolbar,.card-header,.learn-table__header,.tutorial-card-example__header,.progress-card__header,.result-card__header,.seat-card__header,.seat-card__footer,.history-item__header{align-items:flex-start;flex-direction:column}.status-pill--wide{grid-column:auto}.seat-grid{grid-template-columns:minmax(0,1fr)}.button-row button,.ghost-button{width:100%}.landing-choice,.learn-option,.tutorial-answer,.donation-amount-button,.lobby-seat-button,.lobby-seat-row{min-height:58px}.lobby-seat-row{grid-template-columns:1fr;align-items:stretch}.lobby-seat-controls{justify-content:stretch}.lobby-seat-controls .ghost-button,.lobby-seat-controls__select{width:100%}.playing-card{width:96px;min-width:96px}.playing-card--compact{width:68px;min-width:68px}.seat-captured__cards .playing-card--compact{width:50px;min-width:50px}}@media (max-width: 480px){.public-shell{width:min(100% - 16px,100%)}.status-row,.help-panel__grid,.learn-status-row,.result-grid,.donation-preset-grid{grid-template-columns:1fr}.hand-grid{gap:10px}}:root{color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:17px;line-height:1.5;--page-bg: var(--paper);--surface: var(--cream);--surface-soft: var(--cream-strong);--surface-muted: var(--paper-deep);--surface-accent: #e1f2e8;--surface-warning: #fff0c7;--felt: #1f7a5c;--felt-ring: #76a990;--border: var(--line);--border-strong: var(--line-strong);--text-main: var(--ink);--text-muted: var(--ink-soft);--text-dim: var(--ink-faint);--accent: var(--felt);--accent-strong: var(--felt-deep);--accent-soft: var(--mint);--accent-contrast: var(--white);--danger-bg: #ffe9e5;--danger-border: #d95c62;--danger-text: #7b2630;--button-bg: var(--cream);--button-border: rgba(24, 51, 44, .24);--button-hover: #fff4d7;--status-bg: rgba(255, 252, 245, .86);--progress-bg: rgba(24, 51, 44, .14);--progress-fill: var(--sunflower);--page-shadow: var(--shadow-sm)}html{background:var(--felt-deep)}body{min-width:320px;background:radial-gradient(circle at 8% 8%,rgba(246,200,76,.2),transparent 26rem),radial-gradient(circle at 92% 18%,rgba(120,188,232,.2),transparent 28rem),linear-gradient(180deg,#fffaf0 0%,var(--paper) 54%,#f7e7c4 100%);color:var(--ink);font-family:var(--font-body)}h1,h2,h3,button,.eyebrow,.hero-badge strong,.status-pill strong{font-family:var(--font-display)}button,input,select,textarea{border-color:var(--line-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:4px solid var(--sunflower);outline-offset:3px}.public-shell{width:min(1480px,calc(100% - 36px));padding:22px 0 48px}.hero-card{min-height:82px;margin-bottom:24px;padding:10px 4px 22px;border-bottom:2px solid rgba(24,51,44,.12)}.hero-card h1,.landing-hero h1{color:var(--ink);font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}.hero-card h1{font-size:clamp(2rem,3vw,2.8rem)}.brand-logo{filter:drop-shadow(0 5px 8px rgba(17,84,65,.18))}.eyebrow{color:var(--felt-deep);font-size:.78rem;font-weight:700;letter-spacing:.12em}.top-actions{align-items:center}.legacy-global-header+.public-shell .hero-card .top-actions{display:none}.public-shell--active-game>.hero-card{display:none}.legacy-support-link{display:inline-flex;min-height:44px;align-items:center;border-radius:var(--radius-pill);color:var(--felt-deep);font-family:var(--font-display);font-weight:700;padding:9px 13px;text-decoration:none}.legacy-support-link:hover,.legacy-support-link[aria-current=page]{background:#ffe8d5;color:var(--ink)}.help-button,.ghost-button,.landing-choice,.learn-option,.button-row button,.tutorial-answer,.tutorial-step-button{min-height:48px;border:2px solid rgba(24,51,44,.2);border-radius:var(--radius-pill);background:#fffcf5eb;box-shadow:var(--shadow-xs);color:var(--ink);transition:transform .16s var(--ease-bounce),box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.help-button:hover,.ghost-button:hover,.landing-choice:hover,.learn-option:hover,.button-row button:hover,.tutorial-answer:hover,.tutorial-step-button:hover:not(:disabled){border-color:var(--felt);background:var(--white);box-shadow:0 5px #11544124;transform:translateY(-2px)}.cta-button{min-height:52px;border:2px solid var(--felt-deep);border-radius:var(--radius-pill);background:var(--felt-deep);box-shadow:0 5px 0 var(--felt-dark);color:var(--white);font-family:var(--font-display);font-weight:700;transition:transform .16s var(--ease-bounce),box-shadow .16s ease,background-color .16s ease}.cta-button:hover{border-color:var(--felt);background:var(--felt);box-shadow:0 6px 0 var(--felt-deep);transform:translateY(-2px)}.cta-button:active,.ghost-button:active,.help-button:active,.landing-choice:active,.learn-option:active,.button-row button:active{box-shadow:none;transform:translateY(2px)}.help-panel,.control-card,.game-toolbar,.felt-card,.hand-card,.history-card,.summary-card,.empty-state-card,.progress-card,.learn-actions,.learn-position,.learn-menu-intro,.tutorial-sidebar,.tutorial-content,.donation-panel,.donation-summary,.lobby-panel{border:2px solid rgba(24,51,44,.12);border-radius:var(--radius-lg);background:#fffcf5f0;box-shadow:var(--shadow-sm)}.banner{border-width:2px;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);font-weight:700}.landing-shell{gap:clamp(26px,4vw,52px)}.landing-hero{position:relative;min-height:min(56vh,570px);grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);overflow:hidden;padding:clamp(28px,6vw,76px);border:3px solid var(--felt-deep);border-radius:36px;background:radial-gradient(circle at 82% 18%,rgba(246,200,76,.92) 0 4.5rem,transparent 4.6rem),radial-gradient(circle at 94% 78%,rgba(244,124,108,.78) 0 6rem,transparent 6.1rem),linear-gradient(135deg,#eff8ef,#d0eddd);box-shadow:var(--shadow-md),inset 0 0 0 8px #ffffff59}.landing-hero:after{position:absolute;right:-35px;bottom:-50px;width:220px;height:220px;border:3px dashed rgba(24,51,44,.18);border-radius:50%;content:""}.landing-hero__copy{position:relative;z-index:1;align-content:center;gap:22px}.landing-hero__branding{align-items:center}.landing-hero h1{max-width:660px;font-size:clamp(3.2rem,7.4vw,6.8rem);line-height:.9}.landing-hero p{max-width:670px;color:var(--ink-soft);font-size:clamp(1.12rem,2vw,1.38rem)}.brand-logo--hero{width:clamp(128px,18vw,230px)}.landing-card-fan{position:relative;z-index:1;min-height:320px}.landing-card-fan .playing-card{width:clamp(96px,9vw,132px);min-width:clamp(96px,9vw,132px);border-radius:12px;box-shadow:var(--shadow-card);transition:transform .22s var(--ease-bounce)}.landing-card-fan:hover .playing-card:first-child{transform:translateY(-8px) rotate(-15deg)}.landing-card-fan:hover .playing-card:nth-child(2){transform:translateY(-14px) rotate(-5deg)}.landing-card-fan:hover .playing-card:nth-child(3){transform:translateY(-12px) rotate(7deg)}.landing-card-fan:hover .playing-card:nth-child(4){transform:translateY(-6px) rotate(15deg)}.landing-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.landing-choice{position:relative;min-height:190px;overflow:hidden;align-content:end;padding:28px;border-radius:var(--radius-lg);text-align:left}.landing-choice:before{position:absolute;top:20px;right:24px;width:42px;height:42px;border-radius:50%;background:var(--sunflower);color:var(--ink);content:"→";display:grid;place-items:center;font-family:var(--font-display);font-size:1.4rem}.landing-choice:nth-child(1){background:#ddf1e5}.landing-choice:nth-child(2){background:#e8e0f8}.landing-choice:nth-child(3){background:#ffe7d5}.landing-choice span{font-size:clamp(1.55rem,2.5vw,2.1rem)}.landing-note{padding:20px 24px;border-left:5px solid var(--sky);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#fffcf5ad}.site-footer{border-color:#18332c1f}.site-footer a{color:var(--felt-deep);font-weight:800}.landing-choice-grid .landing-choice:first-child,.learn-mode-card--featured,.lobby-seat-button:not(:disabled):hover{border-color:#1f7a5c73}.learn-menu-intro{max-width:850px;padding:clamp(28px,5vw,50px);background:radial-gradient(circle at 93% 20%,rgba(246,200,76,.45),transparent 8rem),var(--cream)}.learn-mode-grid{gap:22px}.learn-mode-card{min-height:300px;padding:34px;border:2px solid rgba(24,51,44,.15);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.learn-mode-card--featured{background:linear-gradient(145deg,rgba(255,255,255,.55),transparent 65%),var(--mint)}.tutorial-layout{gap:26px}.tutorial-sidebar{border-top:8px solid var(--violet)}.tutorial-progress-track,.progress-track{overflow:hidden;border-radius:var(--radius-pill);background:#18332c1f}.tutorial-progress-track span,.progress-bar{border-radius:inherit;background:linear-gradient(90deg,var(--sunflower),var(--coral))}.tutorial-step-button{border-radius:var(--radius-md)}.tutorial-step-button[aria-current=step]{border-color:var(--violet);background:#f0eafb}.tutorial-rule-grid article:nth-child(4n+1),.tutorial-points-grid article:nth-child(4n+1){border-top:5px solid var(--coral)}.tutorial-rule-grid article:nth-child(4n+2),.tutorial-points-grid article:nth-child(4n+2){border-top:5px solid var(--sky)}.tutorial-rule-grid article:nth-child(4n+3),.tutorial-points-grid article:nth-child(4n+3){border-top:5px solid var(--sunflower)}.tutorial-rule-grid article:nth-child(4n+4),.tutorial-points-grid article:nth-child(4n+4){border-top:5px solid var(--violet)}.tutorial-answer[aria-pressed=true]{border-color:var(--felt);background:#ddf1e5}.donation-panel{border-top:9px solid var(--coral)}.donation-summary{border-top:9px solid var(--sky)}.donation-amount-button{border-width:2px;border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.donation-amount-button.is-selected{border-color:var(--felt-deep);background:var(--sunflower);color:var(--ink)}.lobby-setup-grid,.lobby-room-grid{gap:26px}.lobby-panel{padding:28px}.lobby-code{display:inline-flex;padding:8px 14px;border:3px dashed var(--felt);border-radius:var(--radius-md);background:#e5f4eb;color:var(--felt-deep);font-size:clamp(2rem,6vw,4rem);letter-spacing:.15em}.lobby-copy-status{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#eef7f1;color:var(--ink-soft);font-weight:700}.lobby-seat-button,.lobby-seat-row,.seat-editor__card,.team-picker__team{border:2px solid rgba(24,51,44,.12);border-radius:var(--radius-md);background:#ffffffb8}.experience-grid{align-items:start;gap:20px}.setup-sidebar__toggle{border:2px solid var(--felt-deep);border-radius:var(--radius-md);background:var(--felt-deep);box-shadow:0 5px 0 var(--felt-dark);color:var(--white);font-family:var(--font-display)}.control-card{scrollbar-color:var(--felt) transparent}.team-picker__team:nth-child(4n+2),.seat-editor__card:nth-child(4n+1){border-left:6px solid var(--coral)}.team-picker__team:nth-child(4n+3),.seat-editor__card:nth-child(4n+2){border-left:6px solid var(--sky)}.team-picker__team:nth-child(4n+4),.seat-editor__card:nth-child(4n+3){border-left:6px solid var(--sunflower)}.player-chip[aria-pressed=true]{border-color:var(--felt-deep);background:var(--mint);color:var(--ink)}.game-toolbar{border-left:8px solid var(--sunflower)}.game-toolbar--table{min-height:0;justify-content:flex-end;padding:0 0 10px;border:0;background:transparent;box-shadow:none}.game-toolbar--table>div:first-child{display:none}@media (min-width: 1081px){.game-stage{position:relative}.game-toolbar--table{position:absolute;top:82px;right:14px;z-index:18;padding:0}.game-toolbar--table .ghost-button{min-height:44px;background:#fffcf5f0}}.status-row{gap:10px}.status-pill{min-height:74px;padding:13px 16px;border:2px solid rgba(24,51,44,.12);border-radius:var(--radius-md);background:#fffcf5e6;box-shadow:var(--shadow-xs)}.status-pill:nth-child(4n+1){border-top-color:var(--coral)}.status-pill:nth-child(4n+2){border-top-color:var(--sky)}.status-pill:nth-child(4n+3){border-top-color:var(--sunflower)}.status-pill:nth-child(4n+4){border-top-color:var(--violet)}.felt-card{overflow:hidden;border:5px solid var(--felt-deep);border-radius:34px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.12),transparent 32%),linear-gradient(145deg,#318b6c,var(--felt-deep));box-shadow:var(--shadow-md),inset 0 0 0 8px #ffffff1a;color:var(--white)}.felt-card .eyebrow,.felt-card .help-copy,.felt-card .table-copy span{color:#ffffffc2}.seat-grid{gap:clamp(10px,1.4vw,20px)}.seat-card{border:3px solid transparent;border-radius:var(--radius-md);background:#fffcf5f5;box-shadow:0 8px 22px #07261e33;color:var(--ink)}.seat-card:before{display:block;width:34px;height:7px;margin-bottom:10px;border-radius:var(--radius-pill);background:var(--sky);content:""}.seat-card:nth-child(4n+1):before{background:var(--coral)}.seat-card:nth-child(4n+2):before{background:var(--sky)}.seat-card:nth-child(4n+3):before{background:var(--sunflower)}.seat-card:nth-child(4n+4):before{background:var(--violet)}.seat-card--current{border-color:var(--sunflower);box-shadow:0 0 0 5px #f6c84c57,0 10px 24px #07261e40;animation:cozy-turn-pulse 1.7s ease-in-out infinite}.seat-table__empty{border:2px dashed rgba(24,51,44,.22);border-radius:9px;background:#ffffff59}.table-actions{margin-top:20px;padding:18px;border-radius:var(--radius-md);background:#09372bbd}.table-actions .button-row button{min-width:70px;border-color:#ffffff7a;background:var(--cream)}.table-actions .button-row button:last-child{border-color:var(--coral);background:#ffe4df}.hand-card{position:relative;border-top:9px solid var(--sunflower)}.hand-grid{align-items:end;justify-content:center;padding-top:18px}.playing-card{overflow:hidden;border-radius:10px;box-shadow:var(--shadow-card);transition:transform .18s var(--ease-bounce),filter .18s ease,opacity .18s ease,box-shadow .18s ease}.playing-card--clickable:hover:not(:disabled),.playing-card--clickable:focus-visible:not(:disabled){z-index:3;box-shadow:0 18px 26px #07261e47;transform:translateY(-12px) rotate(-1deg)}.playing-card--clickable:disabled{filter:saturate(.28) brightness(.88);opacity:.52}.playing-card--trump{box-shadow:0 0 0 4px var(--sunflower),var(--shadow-card)}.history-card{border-top:8px solid var(--sky)}.history-item{border-radius:var(--radius-md);background:#f3f8f4}.summary-card{position:relative;overflow:hidden;border-top:10px solid var(--sunflower)}.summary-card:after{position:absolute;top:20px;right:24px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--coral) 0 16%,transparent 17%),conic-gradient(var(--sunflower),var(--sky),var(--violet),var(--coral),var(--sunflower));content:"";opacity:.16}.award-card{min-height:106px;border:2px solid rgba(24,51,44,.12);border-radius:var(--radius-md);background:var(--cream-strong);animation:cozy-score-in .36s var(--ease-bounce) both}.award-card:nth-child(2){animation-delay:60ms}.award-card:nth-child(3){animation-delay:.12s}.award-card:nth-child(4){animation-delay:.18s}.award-card:nth-child(5){animation-delay:.24s}.progress-card{border-color:#f6c84c85;background:#fff7d9}.progress-card__header strong:after{display:inline-block;width:1.3em;margin-left:.2em;overflow:hidden;vertical-align:bottom;content:"…";animation:cozy-thinking 1.1s steps(4,end) infinite}.mobile-drawer__panel{border-radius:26px 0 0 26px;background:var(--cream);box-shadow:-18px 0 48px #07261e3d}@keyframes cozy-turn-pulse{0%,to{box-shadow:0 0 0 4px #f6c84c3b,0 10px 24px #07261e38}50%{box-shadow:0 0 0 8px #f6c84c61,0 12px 28px #07261e47}}@keyframes cozy-score-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes cozy-thinking{0%{width:0}to{width:1.3em}}@media (max-width: 1080px){.landing-hero{min-height:auto;grid-template-columns:1fr}.landing-card-fan{min-height:190px;justify-content:center}.landing-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-choice:first-child{grid-column:1 / -1}}@media (max-width: 760px){:root{font-size:16px}body.mobile-game-locked{overflow:auto}.public-shell{width:min(100% - 20px,100%);padding-top:10px}.hero-card{gap:14px;padding-bottom:16px}.hero-card__branding{gap:12px}.brand-logo--badge{width:56px}.top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.top-actions>button,.help-button{min-width:0;min-height:44px;padding:9px 10px}.landing-shell{gap:18px}.landing-hero{padding:28px 22px;border-radius:28px}.landing-hero__branding{align-items:flex-start;flex-direction:column}.brand-logo--hero{width:92px}.landing-hero h1{font-size:clamp(3rem,16vw,4.5rem)}.landing-hero p{font-size:1.05rem}.landing-card-fan{min-height:150px;transform:translate(12px)}.landing-card-fan .playing-card{width:82px;min-width:82px}.landing-choice-grid{grid-template-columns:1fr}.landing-choice:first-child{grid-column:auto}.landing-choice{min-height:150px;padding:22px}.help-panel,.felt-card,.hand-card,.history-card,.summary-card,.empty-state-card,.control-card,.progress-card,.learn-actions,.learn-position,.learn-menu-intro,.tutorial-sidebar,.tutorial-content,.donation-panel,.donation-summary,.lobby-panel{border-radius:22px}.status-pill{min-height:62px;padding:9px 10px}.felt-card{border-width:3px;border-radius:24px}.seat-card{border-radius:14px}.playing-card--clickable:hover:not(:disabled){transform:translateY(-5px)}.tutorial-step-list{padding:4px 2px 10px;scroll-snap-type:x proximity}.tutorial-step-button{min-height:72px;scroll-snap-align:start}}@media (max-width: 480px){.top-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-card-fan .playing-card{width:72px;min-width:72px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}