@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f3f2e9;font-synthesis:none;--panel:#192429;--line:#2b363a;--muted:#a1adae;--lime:#d4ee9b;--coral:#f49c7a;background:#10191d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,input,select{color:inherit}button{border:0}button svg,a svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--lime);outline-offset:4px}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.5rem);line-height:1.14}h2{letter-spacing:-.045em;font-size:1.65rem;line-height:1.3}h3{letter-spacing:-.03em;line-height:1.35}p{color:var(--muted);line-height:1.7}em{color:var(--lime);font-style:normal}label{margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}input,select{background:#162126;border:1px solid #3b484c;border-radius:9px;width:100%;min-height:49px;padding:12px 15px}input::placeholder{color:#879494}small{color:var(--muted);font-size:.76rem;line-height:1.6}form>small{margin:10px 0 24px;display:block}form>button{width:100%;margin-top:18px}form{margin-top:28px}.primary,.secondary{border-radius:9px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:13px 22px;font-size:.86rem;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.primary{background:var(--lime);color:#17201c}.primary:hover:not(:disabled){background:#e2f7b6;transform:translateY(-1px)}.secondary{color:#eeeede;background:0 0;border:1px solid #52604f}.secondary:hover:not(:disabled){background:#25332c}.text-button{color:inherit;background:0 0;justify-content:center;align-items:center;gap:12px;padding:6px 0;font-size:.85rem;font-weight:600;display:inline-flex}.text-button:hover{color:var(--lime)}.icon-button{background:0 0;border:1px solid #3b4547;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{background:#26332e}.previous svg{transform:rotate(180deg)}.muted{color:var(--muted)}.accent,.mark-o{color:var(--lime)}.accent-coral,.mark-x{color:var(--coral)}.eyebrow{color:var(--lime);letter-spacing:.17em;margin-bottom:12px;font-size:.64rem;font-weight:700;display:block}.pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.07em;background:#182328b0;border:1px solid #63716d66;border-radius:30px;align-items:center;gap:9px;padding:8px 12px;font-size:.62rem;font-weight:600;display:inline-flex}.tiny-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:11px;font-size:1rem;font-weight:800;display:inline-flex}.brand-light{color:var(--muted);letter-spacing:.11em;font-size:.68rem;font-weight:500;line-height:1.3;display:block}.brand-mark{background:var(--lime);color:#13211c;letter-spacing:-.18em;border-radius:10px;justify-content:center;align-items:center;width:39px;height:37px;padding-right:5px;font-size:24px;display:flex;position:relative}.brand-mark span{transform:translateY(3px)}.brand-mark i{background:#13211c;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.site-header-frame{height:92px}.site-header{z-index:100;border-bottom:1px solid var(--line);background:#111b1f;justify-content:space-between;align-items:center;gap:22px;height:92px;padding:0 max(32px,50vw - 660px);transition:height .25s,padding .25s,background-color .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;right:0}.site-header .brand{transform-origin:0;transition:transform .25s}.site-header.is-compact{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111b1ff0;height:64px;box-shadow:0 10px 30px #0004}.site-header.is-compact .brand{transform:scale(.9)}html{scroll-padding-top:125px}.site-header nav{align-items:stretch;gap:29px;height:100%;display:flex}.site-header nav a{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:.78rem;display:inline-flex;position:relative}.site-header nav a[aria-current]{color:var(--lime)}.site-header nav a[aria-current]:after{content:"";background:var(--lime);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.nav-count{background:#2b3735;border-radius:4px;padding:2px 5px;font-size:.6rem}.profile-button{border:1px solid var(--line);background:#1d292c;border-radius:25px;align-items:center;gap:10px;max-width:230px;padding:7px 10px 7px 7px;font-size:.75rem;display:flex}.profile-button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{color:#29302b;background:#d6b6a1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.avatar.large{width:72px;height:72px;margin-bottom:25px;font-size:2rem}.page-shell{max-width:1384px;min-height:calc(100vh - 190px);margin:auto;padding:0 32px 65px}.page-topline{justify-content:space-between;align-items:center;gap:20px;padding:29px 0;font-size:.76rem;display:flex}.presence{color:#c8d1c4;white-space:nowrap;align-items:center;gap:9px;font-size:.69rem;display:flex}.presence-divider{background:#43504d;width:1px;height:12px;margin:0 4px}.featured{isolation:isolate;background:#1c3037;border:1px solid #4b5c5355;border-radius:19px;min-height:435px;position:relative;overflow:hidden}.featured-art{z-index:-3;object-fit:cover;object-position:62% 55%;width:77%;height:100%;position:absolute;right:0}.featured-shade{z-index:-2;background:linear-gradient(90deg,#16252b 0%,#16252bf5 26%,#16252b9c 44%,#16252b00 70%);position:absolute;inset:0}.featured-copy{max-width:570px;padding:39px 40px}.featured h1{margin:26px 0 18px;font-size:clamp(2rem,3.7vw,3.5rem)}.featured p{color:#bcc8c7;max-width:360px;margin-bottom:25px;font-size:.88rem}.featured .primary{justify-content:space-between;min-width:170px}.hero-meta{color:#bdc9c7;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:.67rem;display:flex}.hero-meta>span{align-items:center;gap:6px;display:inline-flex}.hero-caption{letter-spacing:.12em;color:#e0e1c8;align-items:center;gap:10px;font-size:.5rem;display:flex;position:absolute;bottom:21px;right:25px}.benefit-strip{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1.1fr;gap:20px;margin:25px 0 45px;padding:20px 0;display:grid}.benefit-strip>span{grid-template-columns:25px auto;align-items:center;column-gap:10px;font-size:.77rem;display:grid}.benefit-strip>span>svg{color:var(--lime);grid-row:span 2}.benefit-strip small{margin-top:3px;font-size:.64rem}.benefit-strip .strip-link{justify-content:flex-end;display:flex}.strip-link button{color:var(--lime);font-size:.75rem}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.section-heading h2{margin:0;font-size:1.45rem}.section-heading .muted{font-size:.8rem}.carousel-controls{align-items:center;gap:9px;display:flex}.carousel-controls .text-button{color:var(--muted);gap:7px;margin-right:10px;font-size:.7rem}.mode-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:2px 0;display:flex;position:relative;overflow-x:auto}.mode-track::-webkit-scrollbar{display:none}.mode-track:after{content:"";flex:0 0 calc(61.5385% - 1.53846px)}.mode-card{border:1px solid var(--line);scroll-snap-align:start;background:#192429;border-radius:14px;flex:0 0 calc(38.4615% - 18.4615px);min-width:270px;overflow:hidden}.mode-art{background:#243632;height:158px;position:relative;overflow:hidden}.mode-art img{object-fit:cover;object-position:65% 48%;width:100%;height:100%}.mode-art:after{content:"";background:linear-gradient(#0000 30%,#15252580);position:absolute;inset:0}.mode-art .pill{z-index:1;letter-spacing:0;color:var(--lime);font-size:.62rem;position:absolute;top:14px;left:14px}.card-number{opacity:.8;z-index:1;color:var(--lime);font-size:2rem;font-weight:800;position:absolute;bottom:10px;right:16px}.coral .mode-art img{object-position:85% 80%;transform:scale(1.25)}.coral .pill,.coral .card-number{color:#ffb699}.blue .mode-art img{object-position:65% 22%;transform:scale(1.5)}.blue .pill,.blue .card-number{color:#b9dbf0}.mode-copy{padding:23px}.mode-copy .eyebrow{color:var(--muted);font-size:.55rem}.mode-copy h3{max-width:245px;min-height:54px;margin-bottom:10px;font-size:1.24rem}.mode-copy p{min-height:58px;margin-bottom:18px;font-size:.76rem}.mode-copy .text-button{border-top:1px solid var(--line);width:100%;color:var(--lime);justify-content:space-between;padding-top:17px;font-size:.74rem}.coral .text-button{color:#ffb699}.blue .text-button{color:#b9dbf0}.carousel-dots{justify-content:center;gap:6px;margin:18px 0 38px;display:flex}.carousel-dots button{background:#56625d;border-radius:10px;width:6px;height:6px;padding:0;position:relative}.carousel-dots button:before{content:"";position:absolute;inset:-9px}.carousel-dots button[aria-current]{background:var(--lime);width:24px}.invite-banner{background:#222c25;border:1px solid #4e5b3e;border-radius:13px;align-items:center;gap:25px;padding:27px 32px;display:flex}.banner-icon{width:63px;height:63px;color:var(--lime);background:#d4ee9b12;border:1px dashed #71845a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:rotate(-8deg)}.invite-banner h2{margin-bottom:5px;font-size:1.4rem}.invite-banner .eyebrow{margin-bottom:7px;font-size:.55rem}.invite-banner p{margin:0;font-size:.75rem}.invite-banner .secondary{white-space:nowrap;margin-left:auto}.site-footer{border-top:1px solid var(--line);max-width:1384px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:27px 32px;font-size:.68rem;display:flex}.site-footer .brand{transform-origin:0;transform:scale(.85)}.view-heading{padding:30px 0}.view-heading h1{margin-bottom:18px}.view-heading p{font-size:.9rem}.catalog-toolbar{grid-template-columns:1fr 220px 185px;gap:15px;margin-bottom:38px;display:grid}.search-field{margin:0;position:relative}.search-field svg{color:var(--muted);position:absolute;top:15px;left:16px}.search-field input{padding-left:46px}.catalog-grid,.lobby-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.game-cover{place-items:center;height:220px;display:grid;position:relative}.game-cover img{object-fit:cover;width:100%;height:100%}.game-cover .pill{font-size:.52rem;position:absolute;bottom:17px;left:17px}.game-card-copy{padding:25px}.game-card-copy .eyebrow{font-size:.58rem}.game-card-copy h2{margin-bottom:10px;font-size:1.7rem}.game-card-copy p{font-size:.82rem}.tags{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.tags span{color:#c5d1bd;background:#263431;border:1px solid #35463c;border-radius:5px;padding:5px 8px;font-size:.6rem}.game-card .primary{justify-content:space-between;width:100%}.empty-state{text-align:center;background:#172024;border:1px dashed #3d4945;border-radius:15px;padding:55px 25px}.empty-state>svg{color:var(--lime);margin-bottom:20px}.empty-state p{font-size:.88rem}.empty-state h3{margin-bottom:10px}.lobby-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:25px;position:relative}.lobby-card>.pill{color:var(--lime);font-size:.5rem;position:absolute;top:23px;right:20px}.lobby-game-icon{color:var(--lime);background:#314235;border-radius:12px;margin-bottom:25px;padding:13px;display:inline-flex}.lobby-card h3{margin-bottom:7px}.lobby-card p{font-size:.8rem}.lobby-card-bottom{border-top:1px solid var(--line);padding-top:18px}.lobby-card-bottom>span{color:var(--muted);align-items:center;gap:8px;margin-bottom:18px;font-size:.75rem;display:flex}.lobby-card-bottom button{width:100%}.invite-page{grid-template-columns:.8fr 1fr;align-items:center;gap:65px;max-width:1000px;margin:50px auto 80px;display:grid}.invite-illustration{min-height:380px;color:var(--lime);background:#27392e;border:1px dashed #76865b;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;transform:rotate(-4deg)}.invite-illustration svg{transform:rotate(-15deg)}.invite-illustration span{letter-spacing:.2em;font-size:.6rem}.invite-page p{font-size:.86rem}.invite-page form{margin-bottom:20px}.profile-page{max-width:480px;margin:40px auto}.profile-page>small{margin-top:25px;display:block}.error{color:#ffd0bc;overflow-wrap:anywhere;background:#352524;border:1px solid #a45f51;border-radius:9px;padding:15px 18px;font-size:.83rem}.welcome{background:radial-gradient(at 100% 15%,#34305544,#0000 65%),#13182b;grid-template-columns:1.15fr 1fr;min-height:100svh;display:grid}.welcome-art{isolation:isolate;background:#171d34;flex-direction:column;justify-content:space-between;min-height:740px;padding:45px;display:flex;position:relative;overflow:hidden}.welcome-art:before{content:"";z-index:-1;background:linear-gradient(#11172a33 0%,#13192b00 34%,#13192bc7 57%,#11172af5 86%),linear-gradient(90deg,#10172b44,#0000 60%);position:absolute;inset:0}.welcome-fantasy-art{z-index:-3;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.welcome-magic{z-index:-2;pointer-events:none;position:absolute;inset:0}.welcome-magic span{background:#ffe0a0;border-radius:50%;width:5px;height:5px;animation:5s ease-in-out infinite welcome-twinkle;position:absolute;top:28%;left:22%;box-shadow:0 0 10px 4px #edb55c77}.welcome-magic span:nth-child(2){animation-delay:-2s;top:18%;left:73%}.welcome-magic span:nth-child(3){width:3px;height:3px;animation-delay:-4s;top:44%;left:85%}@keyframes welcome-twinkle{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.95;transform:translateY(-8px)}}@keyframes welcome-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-art>.brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141b2e88;border-radius:12px;align-self:flex-start;margin:-10px -13px;padding:10px 13px}.welcome-art .pill{color:#f4dcb5;letter-spacing:.1em;background:#202338bb;border-color:#bba58344}.welcome-art .brand-light{color:#c9c7df}.welcome-form .eyebrow{color:#eed29e}.welcome-form input{background:#1d2439;border-color:#51526d}.welcome-form>p{color:#b7b9ce}.welcome-form small,.welcome-note{color:#adb0c4}.welcome-note{border-top-color:#393a52}.welcome-form .primary{background:linear-gradient(120deg,#e4eeb5,#cce9a0);box-shadow:0 5px 24px #c5db9510}.welcome-form .primary:hover:not(:disabled){box-shadow:0 5px 28px #c5db9530}.welcome-form .primary:disabled{opacity:.58}.welcome-art h1 em{color:#f5d39b}.welcome-art .art-credit{color:#cbc5dd}.welcome-art h1,.welcome-art p{text-shadow:0 2px 20px #101429aa}.welcome-art .welcome-logo{animation:7s ease-in-out infinite welcome-float}.welcome-branding{padding:44px 0 20px}.welcome-logo{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#e9cd9e0a;border:1px solid #f0d6a344;border-radius:42px;justify-content:center;align-items:center;width:156px;height:156px;margin:0 auto 96px;display:flex;box-shadow:0 0 55px #f6d89522}.welcome-logo .brand-mark{border-radius:29px;width:120px;height:120px;padding-right:16px;font-family:Manrope,sans-serif;font-size:80px;font-weight:800;transform:rotate(-8deg);box-shadow:0 12px #91a866,0 25px 45px #0e142477}.welcome-logo .brand-mark span{transform:translateY(10px)}.welcome-logo .brand-mark i{width:16px;height:16px;top:21px;right:21px}.welcome-art h1{margin:22px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,4.3vw,3.8rem);font-weight:500}.welcome-art p{color:#d0d7ce;font-size:.9rem}.art-credit{letter-spacing:.17em;color:#c7d0b4;font-size:.6rem}.welcome-form{place-self:center;width:100%;max-width:440px;padding:50px 32px}.welcome-form h2{margin:20px 0;font-size:2.8rem}.welcome-form p{font-size:.88rem}.welcome-form form{margin-top:35px}.welcome-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;margin-top:30px;padding-top:23px;font-size:.69rem;display:flex}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100svh;display:flex}.game-window{background:radial-gradient(at 10% 30%,#24312d44,#0000 65%),#10191d;min-height:100svh}.game-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:77px;padding:0 32px;display:flex}.game-window-label{letter-spacing:.17em;color:#b6c3aa;align-items:center;gap:9px;font-size:.6rem;display:flex}.game-shell{max-width:1160px;min-height:calc(100svh - 138px);margin:auto;padding:32px}.game-setup{border:1px solid var(--line);background:#192328;border-radius:18px;grid-template-columns:1fr 1.12fr;display:grid;overflow:hidden}.setup-showcase{background:#21302f;min-height:620px;position:relative;overflow:hidden}.setup-showcase>img{object-fit:cover;object-position:62% center;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.setup-showcase:after{content:"";background:linear-gradient(#142327a0,#0000 50%,#142327 96%);position:absolute;inset:0}.setup-showcase-copy,.rules{z-index:1;padding:34px;position:relative}.setup-showcase h1{margin:20px 0 10px;font-size:5rem}.setup-showcase h1 span{color:var(--lime)}.setup-showcase-copy p{color:#dae0d4;max-width:240px;font-size:.85rem}.rules{position:absolute;bottom:0}.rules .eyebrow{font-size:.52rem}.rules p{color:#c7d1c6;margin-bottom:0;font-size:.77rem}.setup-options{padding:36px 30px}.setup-options h2{margin-bottom:10px;font-size:1.8rem}.setup-options>p{margin-bottom:26px;font-size:.8rem}.mode-tabs{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:27px;display:grid}.mode-tabs button{color:#bdc8bc;background:#202c2f;border:1px solid #38463f;border-radius:9px;flex-direction:column;align-items:center;gap:10px;min-height:85px;padding:12px 5px;font-size:.62rem;display:flex}.mode-tabs button[aria-selected=true]{border-color:var(--lime);color:var(--lime);background:#303c2d}.mode-tabs button:hover{background:#303c2d}.option-heading{color:var(--lime);align-items:center;gap:12px;margin-bottom:12px;display:flex}.option-heading h3{color:#f0f0e4;margin:0;font-size:1rem}[role=tabpanel]{min-height:212px}[role=tabpanel] p{margin-bottom:24px;font-size:.79rem}[role=tabpanel] label{font-size:.75rem}[role=tabpanel] small{min-height:38px;margin-top:10px;font-size:.67rem;display:block}.quick-note{color:#c7d3ba;background:#28352b;border-radius:8px;align-items:flex-start;gap:10px;padding:17px;font-size:.75rem;line-height:1.6;display:flex}.quick-note .tiny-dot{margin-top:7px}.setup-start{justify-content:space-between;width:100%;margin-top:24px;font-size:.8rem}.setup-footnote{text-align:center;color:#9ca79b;margin-top:18px;font-size:.61rem;display:block}.game-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin:0 32px;padding:20px 0;font-size:.65rem;display:flex}.table-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.table-heading h1{margin:0;font-size:2.6rem}.connection{border:1px solid #3d4d42;border-radius:25px;align-items:center;gap:7px;margin:0;padding:9px 13px;font-size:.7rem;display:flex}.connection:not(.connected){color:#eac99a}.connection:not(.connected) .tiny-dot{background:#eac99a}.table-layout{grid-template-columns:1.45fr 1fr;align-items:start;gap:25px;display:grid}.board-panel{text-align:center;background:radial-gradient(at 50% 35%,#324138,#1b2928);border:1px solid #3b4a3d;border-radius:17px;min-height:510px;padding:35px}.board{background:#121d1db0;border:1px solid #4c5747;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;max-width:365px;margin:0 auto 25px;padding:11px;display:grid}.round-result{isolation:isolate;color:#d9efb2;background:#152b25;border:1px solid #98bb7877;border-radius:16px;max-width:365px;margin:18px auto;padding:22px 16px 18px;animation:.55s ease-out both result-arrive;position:relative;overflow:hidden}.round-result h2{margin:4px 0 8px;font-size:1.7rem}.round-result p{color:#c2d1c5;margin:0;font-size:.8rem;line-height:1.5}.result-loss{color:#ffb597;background:#302823;border-color:#db947166;animation:.45s ease-out both result-arrive,.5s ease-out .2s result-shake}.result-draw{color:#d3dfea;background:#223037;border-color:#9eb5c066}.result-confetti{z-index:-1;pointer-events:none;position:absolute;inset:0}.result-confetti i{left:calc(5% + var(--particle) * 8%);width:6px;height:10px;animation:1.6s ease-out both result-confetti;animation-delay:calc(var(--particle) * 45ms);background:#d5ed94;border-radius:2px;position:absolute;top:-12px}.result-confetti i:nth-child(3n){background:#f3a17d}.result-confetti i:nth-child(3n+1){background:#b3d7f2}.board .is-winning{outline-offset:-5px;outline:2px solid;animation:.6s ease-in-out 3 winning-cell}.round-actions{gap:12px;max-width:365px;margin:20px auto 0;display:grid}.board-panel:has(.round-result){padding-top:24px;padding-bottom:24px}.board-panel:has(.round-result) .board{max-width:280px;margin-bottom:12px}.board-panel:has(.round-result)>[role=status]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.board-panel:has(.round-result)>.muted{margin:8px 0}.board-panel:has(.round-result) .round-result{margin:12px auto;padding:12px}.round-result h2{font-size:1.4rem;display:block}.round-result p{margin-top:6px;font-size:.72rem}.round-actions:has(.rematch-button){grid-template-columns:1fr 1fr;margin-top:12px}.round-actions:has(.rematch-button)>.secondary{grid-area:1/2;padding:10px;font-size:.68rem}.round-actions:has(.rematch-button) .rematch-note{grid-area:2/1/auto/-1}.rematch-button{min-height:48px;padding:10px;font-size:.75rem}.rematch-note{color:var(--muted);margin:0;font-size:.72rem;line-height:1.5}@keyframes result-arrive{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes result-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}to{transform:none}}@keyframes result-confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(170px)rotate(200deg)}}@keyframes winning-cell{50%{filter:brightness(1.25)}}.board-tools{color:#bcc9b7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-10px 0 24px;font-size:.65rem;display:flex}.sound-toggle{color:var(--lime);background:#1b2927;border:1px solid #56664b;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:.65rem;display:inline-flex}.sound-toggle[aria-checked=false]{color:var(--muted);border-color:#45524a}.board button{aspect-ratio:1;opacity:1;background:#293a34;border:1px solid #415047;border-radius:10px;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;box-shadow:0 4px #12201d}.board button:enabled:hover{background:#40523b}.board button:disabled:empty{opacity:.7}.board-panel [role=status]{color:#edf1dc;margin-bottom:13px;font-size:1.1rem;font-weight:700}.board-panel>.muted{font-size:.78rem}.table-sidebar{flex-direction:column;gap:18px;display:flex}.table-info{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px}.table-info>h2{font-size:1.25rem}.table-info>svg{color:var(--lime);margin-bottom:12px}.table-info .eyebrow{font-size:.5rem}.table-info>label{font-size:.7rem}.table-info>input{letter-spacing:.15em;margin-bottom:13px;font-size:1rem}.table-info>.secondary,.table-info>.primary{width:100%;font-size:.76rem}.players{margin:20px 0 0;padding:0;list-style:none}.players li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;font-size:.8rem;display:flex}.players li>div{overflow-wrap:anywhere;flex:1}.players small{margin-top:3px;font-size:.64rem;display:block}.player-symbol{background:#28372e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.5rem;font-weight:700;display:flex}.players .text-button{font-size:.62rem}.waiting-note{background:#233127;border-radius:8px;margin:15px 0;padding:13px;font-size:.74rem}.waiting-note>.tiny-dot{margin-right:8px}.waiting-note p{margin:8px 0 0;font-size:.68rem}.table-actions{flex-direction:column;align-items:stretch;gap:10px;padding:0 3px;display:flex}.table-actions button{font-size:.7rem}.table-actions .danger-button{color:#fff;background:#b83244;border:1px solid #fa9c9b;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:50px;padding:14px 20px;font-size:.85rem;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 18px #b8324420}.danger-button:hover:not(:disabled){background:#cc3b4e;box-shadow:0 5px 22px #b8324440}.danger-button:disabled{cursor:progress;opacity:.65}.table-exit-note{margin:0 0 4px;font-size:.72rem;line-height:1.5}.table-exit-confirmation{background:#252036;border:1px solid #f4b0a566;border-radius:12px;padding:18px}.table-exit-confirmation h3{margin:0 0 10px;font-size:1.1rem}.table-exit-confirmation p{color:#d5ceda;margin:0 0 18px;font-size:.8rem;line-height:1.6}.table-exit-confirmation-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.table-exit-confirmation-actions>button{min-width:0}.table-actions .table-exit-confirmation .danger-button{padding:10px;font-size:.75rem}.table-actions>.text-button{align-self:center}.danger-text{color:#f5ab94}@media (width>=1500px){.featured{min-height:470px}.featured-copy{padding:50px}}@media (width<=1100px){.site-header{gap:15px;padding:0 24px}.site-header nav{gap:17px}.brand{font-size:.9rem}.profile-button>span:nth-child(2){display:none}.page-shell{padding-left:24px;padding-right:24px}.site-footer{margin:0 24px;padding-left:0;padding-right:0}.benefit-strip{grid-template-columns:repeat(3,1fr)}.benefit-strip .strip-link{display:none}.featured h1{font-size:2.7rem}.catalog-grid,.lobby-grid{grid-template-columns:repeat(2,1fr)}.invite-banner{gap:20px;padding:25px}.invite-banner h2{font-size:1.2rem}}@media (width<=760px){.site-header-frame{height:118px}.site-header.is-compact{gap:8px;height:98px;padding-top:10px}.site-header.is-compact nav{height:40px}.site-header{flex-wrap:wrap;height:118px;padding:17px 20px 0}.site-header>.brand{flex:1}.site-header nav{order:3;justify-content:space-between;gap:12px;width:100%;height:49px;overflow-x:auto}.site-header nav a{font-size:.7rem}.profile-button>.tiny-dot{display:none}.profile-button{padding:3px}.page-shell{padding:0 20px 35px}.page-topline{padding:22px 0;font-size:.68rem}.page-topline>span>.muted{display:none}.presence{gap:5px;font-size:.59rem}.featured{border-radius:15px;min-height:510px}.featured-art{object-position:70% 45%;width:100%;height:72%;top:0}.featured-shade{background:linear-gradient(#16252b35 23%,#16252bf2 65%,#16252b 82%)}.featured-copy{max-width:none;padding:240px 24px 28px}.featured .pill{position:absolute;top:20px;left:21px}.featured h1{margin:0 0 14px;font-size:2.15rem}.featured p{margin-bottom:20px;font-size:.77rem}.hero-meta{gap:16px;margin-top:23px;font-size:.6rem}.hero-caption{display:none}.benefit-strip{gap:13px;margin-bottom:30px;padding:12px 0 22px}.benefit-strip>span{text-align:center;flex-direction:column;gap:9px;font-size:.62rem;display:flex}.benefit-strip small{display:none}.section-heading h2{font-size:1.2rem}.eyebrow{letter-spacing:.13em;font-size:.53rem}.carousel-controls{gap:6px}.carousel-controls .text-button{margin:0}.carousel-controls .text-button span{display:none}.icon-button{width:32px;height:32px}.mode-card{flex-basis:85%;min-width:0}.mode-art{height:175px}.mode-copy h3,.mode-copy p{min-height:auto}.mode-track{gap:15px}.mode-track:after{flex-basis:calc(15% - 15px)}.invite-banner{flex-wrap:wrap;gap:16px;padding:23px}.banner-icon{display:none}.invite-banner h2{font-size:1.3rem}.invite-banner .secondary{width:100%;margin:0}.site-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:25px 0}.site-footer>span:last-child{display:none}.view-heading{padding:15px 0}.view-heading h1{font-size:2.2rem}.catalog-toolbar{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.search-field{grid-column:1/-1}.catalog-toolbar select{padding:10px;font-size:.7rem}.catalog-grid,.lobby-grid{grid-template-columns:1fr}.game-cover{height:230px}.invite-page{flex-direction:column;align-items:stretch;gap:35px;margin:15px auto 35px;display:flex}.invite-illustration{gap:10px;min-height:180px;margin:15px 10px;transform:rotate(-2deg)}.invite-illustration svg{width:60px;height:60px}.profile-page{margin-top:25px}.welcome{grid-template-columns:1fr}.welcome-art{min-height:380px;padding:25px}.welcome-fantasy-art{object-position:center 30%}.welcome-art:before{background:linear-gradient(#12182c22 0%,#12182c11 38%,#13182bdd 85%,#13182b 100%)}.welcome-branding{padding:42px 0 0;display:block}.welcome-logo{border-radius:28px;flex-shrink:0;width:108px;height:108px;margin:0 auto 30px}.welcome-logo .brand-mark{border-radius:20px;width:84px;height:84px;padding-right:12px;font-size:56px;box-shadow:0 8px #91a866,0 15px 25px #07130d66}.welcome-logo .brand-mark span{transform:translateY(7px)}.welcome-logo .brand-mark i{width:11px;height:11px;top:15px;right:15px}.welcome-art h1{margin:0;font-size:2rem}.welcome-art h1 br:nth-of-type(2),.welcome-art p,.welcome-art .pill,.art-credit{display:none}.welcome-form{padding:35px 25px}.welcome-form h2{font-size:2.1rem}.welcome-form h2 br{display:none}.welcome-form p{font-size:.8rem}.welcome-form form{margin-top:25px}.game-header{height:auto;padding:16px 20px}.game-header .game-window-label{display:none}.game-header .text-button{gap:6px;font-size:.65rem}.game-shell{padding:20px}.game-setup{grid-template-columns:1fr}.setup-showcase{min-height:250px}.setup-showcase-copy{padding:22px}.setup-showcase h1{margin-top:15px;font-size:3.2rem}.setup-showcase-copy p{max-width:210px;margin:0;font-size:.75rem}.setup-showcase .hero-meta{margin-top:15px}.rules{display:none}.setup-options{padding:27px 21px}.setup-options h2{font-size:1.6rem}.mode-tabs{gap:5px}.mode-tabs button{padding:12px 4px;font-size:.58rem}.game-footer{margin:0 20px;font-size:.6rem}.game-footer span{display:none}.table-heading h1{font-size:2.1rem}.table-layout{grid-template-columns:1fr}.board-panel{min-height:auto;padding:22px}.board{gap:6px;padding:8px}.board button{font-size:2.5rem}.connection{padding:8px;font-size:.6rem}.table-heading .eyebrow{max-width:170px;font-size:.48rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--fantasy-ink:#11152a;--fantasy-surface:#1c203b;--fantasy-raised:#272b49;--fantasy-border:#c9a66d4d;--fantasy-gold:#f0ce92;--fantasy-lavender:#b9b2dc;--fantasy-world:url(/images/welcome-fantasy.png);--panel:var(--fantasy-surface);--line:#77719344;--muted:#b4b6ce;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--fantasy-ink)}.fantasy-theme{isolation:isolate;color:#f8f1e4;background:radial-gradient(ellipse at 10% 0%, #39346055, transparent 65%), var(--fantasy-ink);min-height:100svh;position:relative}.fantasy-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fantasy-backdrop img{object-fit:cover;object-position:center 35%;opacity:.14;width:100%;height:800px;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 50%,#0000 100%);mask-image:linear-gradient(#000 0%,#0009 50%,#0000 100%)}.fantasy-stars{opacity:.45;background-image:radial-gradient(circle at 17% 20%,#efd79e 0 1px,#0000 2px),radial-gradient(circle at 77% 38%,#dcf 0 1px,#0000 2px),radial-gradient(circle at 44% 75%,#efd79e 0 1px,#0000 2px);background-size:260px 270px,330px 310px,410px 390px;height:1000px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.fantasy-theme h1:not(.game-surface *),.fantasy-theme h2:not(.game-surface *),.fantasy-theme h3:not(.game-surface *){letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:500}.fantasy-theme h1 em,.fantasy-theme .eyebrow,.fantasy-theme .text-button:hover{color:var(--fantasy-gold)}.fantasy-theme input,.fantasy-theme select{background:#181e36;border-color:#62617e}.fantasy-theme input::placeholder{color:#a2a5bd}.fantasy-theme .primary{color:#292039;background:linear-gradient(135deg,#f4dbad,#d9b676);border:1px solid #ffedc5a8;box-shadow:inset 0 1px #fff6,0 4px 18px #d5ab5d18}.fantasy-theme .primary:hover:not(:disabled){background:linear-gradient(135deg,#ffe9c4,#edc989);box-shadow:0 6px 25px #e4bb6b35}.fantasy-theme .secondary{color:#f1dab2;background:#20213a99;border-color:#bfa07188}.fantasy-theme .secondary:hover:not(:disabled){background:#37334d}.fantasy-theme .pill{color:#f4dbb1;background:#191d35d9;border-color:#c4ab7d66}.fantasy-theme .icon-button{color:#edcf9b;background:#1d213bc9;border-color:#b8a17d77}.fantasy-theme .icon-button:hover{background:#393650}.fantasy-theme .brand-light{color:#c6c1da}.fantasy-theme .game-header{border-bottom-color:var(--fantasy-border);background:#151a30f5}.fantasy-theme .site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151a30b8;border-bottom-color:#c9a66d30}.fantasy-theme .site-header.is-compact{background:#15192eeb;box-shadow:0 10px 30px #06081677}.fantasy-theme .site-header nav a[aria-current]{color:var(--fantasy-gold)}.fantasy-theme .site-header nav a[aria-current]:after{background:linear-gradient(90deg,#bd9254,#ffe0a2,#bd9254)}.fantasy-theme .nav-count{color:#efcf98;background:#3e3650}.fantasy-theme .profile-button{background:#262941;border-color:#a38c6755}.fantasy-theme .avatar{color:#292139;background:#edcda1}.fantasy-theme .presence{color:#d6cde5}.fantasy-theme .presence-divider{background:#70617e}.fantasy-theme .site-footer,.fantasy-theme .game-footer{border-color:var(--fantasy-border)}.fantasy-theme .featured{background:#1a1e38;border-color:#d1b17b77;box-shadow:inset 0 0 0 5px #d3b47d0b,0 18px 50px #04071944}.fantasy-theme .featured-art{object-position:65% 50%;width:100%}.fantasy-theme .featured-shade{background:linear-gradient(90deg,#151a32f5 0%,#151a32e6 28%,#151a3280 48%,#151a3200 72%)}.fantasy-theme .featured p{color:#d1cce0}.fantasy-theme .hero-meta{color:#ddd0bf}.fantasy-theme .hero-caption{color:#f4dcad;text-shadow:0 1px 5px #000}.fantasy-theme .benefit-strip>span>svg,.fantasy-theme .strip-link button{color:var(--fantasy-gold)}.fantasy-theme .mode-card,.fantasy-theme .game-card,.fantasy-theme .lobby-card{border-color:var(--fantasy-border);background:linear-gradient(155deg,#282b47,#191e35 80%);transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 0 0 4px #dab97906,0 10px 25px #070a1b33}.fantasy-theme .game-card:hover,.fantasy-theme .game-card:focus-within,.fantasy-theme .lobby-card:hover,.fantasy-theme .lobby-card:focus-within{border-color:#edcb8d;transform:translateY(-3px);box-shadow:0 12px 32px #a88b5026}.fantasy-theme .mode-card:focus-within,.fantasy-theme .mode-card:hover{border-color:#d8b777;box-shadow:inset 0 0 20px #d8b7770d}.fantasy-theme .mode-art{background:#242743}.fantasy-theme .mode-art:after{background:linear-gradient(#0000 30%,#1b203b80)}.fantasy-theme .mode-art img{object-position:74% 48%}.fantasy-theme .coral .mode-art img{object-position:82% 68%}.fantasy-theme .blue .mode-art img{object-position:67% 24%}.fantasy-theme .mode-copy h3{font-size:1.4rem;line-height:1.2}.fantasy-theme .mode-copy .eyebrow{color:#c7b3d3}.fantasy-theme .mode-copy .text-button,.fantasy-theme .card-number{color:var(--fantasy-gold)}.fantasy-theme .coral .text-button,.fantasy-theme .coral .card-number{color:#f6b599}.fantasy-theme .blue .text-button,.fantasy-theme .blue .card-number{color:#b8c9ff}.fantasy-theme .carousel-dots button{background:#73708f}.fantasy-theme .carousel-dots button[aria-current]{background:var(--fantasy-gold)}.fantasy-theme .game-cover{border-bottom:1px solid var(--fantasy-border)}.fantasy-theme .game-card-copy{position:relative}.fantasy-theme .game-card-copy h2{color:#f5dfba;font-size:2rem}.fantasy-theme .tags span{color:#e7d1ae;background:#38334b;border-color:#9a805852}.fantasy-theme .view-heading{border:1px solid var(--fantasy-border);background:linear-gradient(90deg, #1c203bf5 20%, #1c203be6 52%, #1c203b33), var(--fantasy-world) right 39% / 60% auto no-repeat;border-radius:18px;margin:10px 0 30px;padding:36px;box-shadow:0 12px 30px #070a1b22}.fantasy-theme .view-heading h1{color:#f4dfbd;max-width:75%}.fantasy-theme .view-heading p{max-width:70%;margin-bottom:0}.fantasy-theme .empty-state{background:#1a1e35e8;border-color:#bca07177}.fantasy-theme .empty-state>svg{color:var(--fantasy-gold)}.fantasy-theme .lobby-game-icon{color:var(--fantasy-gold);background:#3c344b;border:1px solid #b89c6866}.fantasy-theme .lobby-card>.pill{color:#e3d7ae}.fantasy-theme .invite-banner{background:linear-gradient(110deg, #2c2942ee, #23263fdf), var(--fantasy-world) center 42% / cover;border-color:#c5a26799;box-shadow:inset 0 0 0 5px #efc78106}.fantasy-theme .banner-icon{color:var(--fantasy-gold);background:#dfbf8514;border-color:#c6a674}.fantasy-theme .invite-illustration{background:linear-gradient(#1a1c3766, #1a1c37dd), var(--fantasy-world) center 34% / cover;color:#ffe0a4;text-shadow:0 1px 8px #050815;border-color:#d9b57a;box-shadow:0 20px 45px #05071944}.fantasy-theme .invite-illustration svg{filter:drop-shadow(0 0 12px #e7bb7277)}.fantasy-theme .game-window-label{color:var(--fantasy-gold)}.fantasy-theme .game-setup{background:#1b2039f5;border-color:#c3a16f88;box-shadow:0 18px 50px #080a1c55}.fantasy-theme .setup-showcase{background:#20243d}.fantasy-theme .setup-showcase>img{opacity:.9;object-position:73% center}.fantasy-theme .setup-showcase:after{background:linear-gradient(#131930a6,#0000 48%,#151b32 97%)}.fantasy-theme .setup-showcase h1,.fantasy-theme .setup-showcase h1 span{color:#ffe2ad;text-shadow:0 2px 20px #080c25}.fantasy-theme .setup-showcase-copy p,.fantasy-theme .rules p{color:#e6dbd2;text-shadow:0 1px 8px #11152a}.fantasy-theme .mode-tabs button{color:#d1cce3;background:#262a45;border-color:#74708b}.fantasy-theme .mode-tabs button[aria-selected=true]{color:#ffe2ab;background:linear-gradient(140deg,#51435a,#33304b);border-color:#f0ce92;box-shadow:inset 0 0 15px #e9c5800a}.fantasy-theme .mode-tabs button:hover{background:#39334f}.fantasy-theme .option-heading,.fantasy-theme .table-info>svg{color:var(--fantasy-gold)}.fantasy-theme .option-heading h3{color:#f2dfbf;font-size:1.1rem}.fantasy-theme .quick-note,.fantasy-theme .waiting-note{color:#e0d5e6;background:#36314a}.fantasy-theme .setup-footnote{color:#b9b3ca}.fantasy-theme .connection{background:#1c203b;border-color:#c9a66d66}.fantasy-theme .table-heading h1{color:#f4d9a9}.fantasy-theme .table-heading .accent{color:var(--fantasy-gold)}.game-surface{--muted:#a1adae;--line:#2b363a}.fantasy-theme .table-info{background:linear-gradient(145deg,#272941f5,#1a2037f5);border-color:#c9a66d66;box-shadow:inset 0 0 0 4px #e4c28a06}.fantasy-theme .table-info h2,.fantasy-theme .table-info h3{color:#efdab7}.fantasy-theme .player-symbol{background:#38324a;border:1px solid #b89b6655}.fantasy-theme .danger-text{color:#ffbaa9}@media (width<=760px){.fantasy-backdrop img{opacity:.13;width:100%;height:620px;right:0}.fantasy-theme .featured-art{object-position:73% 47%;height:72%}.fantasy-theme .featured-shade{background:linear-gradient(#191d3611 21%,#191d36f5 65%,#191d36 82%)}.fantasy-theme .view-heading{background:linear-gradient(90deg, #1c203bf5, #1c203bd9), var(--fantasy-world) center 35% / cover;padding:27px 23px}.fantasy-theme .view-heading h1,.fantasy-theme .view-heading p{max-width:none}.fantasy-theme .mode-copy h3{font-size:1.4rem}.fantasy-theme .setup-showcase>img{object-position:72% 44%}}@media (prefers-reduced-motion:reduce){.fantasy-theme *,.fantasy-theme :before,.fantasy-theme :after{transition:none!important;animation:none!important}}