:root{--dineri-night:#0f1722;--dineri-night-2:#17212f;--dineri-felt:#0f4a33;--dineri-felt-hi:#16603f;--dineri-felt-lo:#0a3524;--dineri-brass:#c9a04a;--dineri-brass-hi:#e6c46f;--dineri-ivory:#f3ead8;--dineri-ivory-lo:#e3d6bc;--dineri-ink:#1d1a15;--dineri-red:#b8322b;--dineri-back:#7a1f26;--dineri-sky:#1e5fa8;--dineri-lamp:#ffba68;--dineri-text:#efe7d6;--dineri-text-dim:#a8b1bd;--dineri-font-display:"Reem Kufi Variable", "Reem Kufi", "Rubik Variable", system-ui, sans-serif;--dineri-font-body:"Rubik Variable", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--dineri-radius-card:16px;--dineri-radius-panel:20px;--dineri-radius-table:28px;--k-night:var(--dineri-night);--k-raised:var(--dineri-night-2);--k-text:var(--dineri-text);--k-dim:var(--dineri-text-dim);--k-line:color-mix(in srgb, var(--dineri-ivory) 16%, transparent);--k-wash:color-mix(in srgb, var(--dineri-ivory) 7%, transparent);--k-veil:color-mix(in srgb, var(--dineri-night) 62%, transparent);--k-brass:var(--dineri-brass);--k-brass-hi:var(--dineri-brass-hi);--k-ivory:var(--dineri-ivory);--k-ivory-top:color-mix(in srgb, var(--dineri-ivory) 55%, white);--k-ink:var(--dineri-ink);--k-ink-dim:color-mix(in srgb, var(--dineri-ink) 62%, var(--dineri-ivory));--k-ink-line:color-mix(in srgb, var(--dineri-ink) 14%, transparent);--k-good:color-mix(in srgb, var(--dineri-felt-hi) 40%, var(--dineri-ivory));--k-bad:color-mix(in srgb, var(--dineri-red) 72%, var(--dineri-ivory));--k-good-ink:var(--dineri-felt);--k-bad-ink:var(--dineri-red);--k-warn:var(--dineri-lamp);--k-display:var(--dineri-font-display);--k-body:var(--dineri-font-body);--card-w:84px;font-family:var(--k-body);color:var(--k-text);background:var(--k-night)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--k-night)}h1,h2,h3{font-family:var(--k-display);font-weight:600}button{font:inherit;cursor:pointer;background:linear-gradient(180deg, var(--k-brass-hi), var(--k-brass));color:var(--k-ink);box-shadow:0 4px 14px color-mix(in srgb, var(--k-brass) 28%, transparent);border:0;border-radius:12px;padding:.6rem 1.1rem;font-weight:600}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--k-wash);color:var(--k-text);border:1px solid var(--k-line);box-shadow:none}button.danger{background:var(--dineri-red);color:var(--k-ivory);box-shadow:0 4px 14px color-mix(in srgb, var(--dineri-red) 30%, transparent)}button.link{box-shadow:none;color:inherit;opacity:.75;background:0 0;padding:.3rem 0;font-weight:500;text-decoration:underline}button.icon{box-shadow:none;color:inherit;opacity:.7;background:0 0;padding:0 .4rem;font-size:1.1rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--k-brass-hi);outline-offset:2px}input{font:inherit;background:var(--k-ivory-top);color:var(--k-ink);border:1px solid #0000;border-radius:12px;padding:.6rem .8rem}.muted{color:var(--k-dim)}.small{font-size:.8rem}.error{color:var(--k-bad)}.bad{color:var(--k-bad);font-weight:700}.good{color:var(--k-good);font-weight:700}.notice{color:var(--k-ivory);background:color-mix(in srgb, var(--k-brass) 16%, var(--k-raised));border:1px solid color-mix(in srgb, var(--k-brass) 45%, transparent);border-radius:12px;padding:.6rem .9rem}.row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.chip{background:color-mix(in srgb, var(--k-ivory) 14%, transparent);white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.7rem}.chip.warn{background:var(--k-warn);color:var(--k-ink)}.pips{color:var(--dineri-red);letter-spacing:.08em}.chip.bot .pips{color:var(--k-bad);font-size:.65rem}.leave-confirm{background:var(--k-veil);border:1px solid var(--k-line);border-radius:12px;padding:.6rem .8rem;font-size:.9rem}.leave-confirm p{margin:0 0 .5rem}.invite input{flex:1;min-width:0}.seat-tag{background:var(--k-veil);border:1px solid var(--k-line);max-width:100%;color:var(--k-text);border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .85rem;transition:border-color .2s,box-shadow .2s;display:inline-flex}.seat-tag.turn{border-color:var(--k-brass-hi);box-shadow:0 0 0 1px var(--k-brass-hi), 0 0 20px color-mix(in srgb, var(--k-brass-hi) 50%, transparent)}.seat-name{font-family:var(--k-display);font-size:1.02rem;font-weight:600;line-height:1.2}.seat-you{font-family:var(--k-body);color:var(--k-dim);font-size:.8em;font-weight:400}.seat-tag.you .seat-name,.owner-crown{color:var(--k-brass-hi)}.seat-meta{color:var(--k-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;font-size:.76rem;display:flex}.table-header{justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.2rem;display:flex}.table-header .wordmark{font-size:1.35rem}.toast{z-index:25;background:linear-gradient(170deg, var(--k-ivory-top), var(--k-ivory));color:var(--k-ink);font-family:var(--k-display);box-shadow:0 0 0 1px color-mix(in srgb, var(--k-brass) 55%, transparent), 0 14px 34px #00000073;pointer-events:none;border-radius:16px;align-items:center;gap:.8rem;padding:.7rem 1.3rem;font-size:1.3rem;font-weight:600;animation:.25s ease-out pop;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.85)}}.overlay{background:var(--k-veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.overlay.light{background:color-mix(in srgb, var(--dineri-night) 30%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.panel{background:linear-gradient(165deg, var(--k-ivory-top), var(--k-ivory) 55%, var(--dineri-ivory-lo));color:var(--k-ink);text-align:center;width:100%;max-width:560px;box-shadow:0 0 0 1px color-mix(in srgb, var(--k-brass) 50%, transparent), 0 24px 60px #0000008c;border-radius:20px;padding:1.3rem 1.5rem}.panel h2{margin:.2rem 0;font-size:1.5rem}.panel h3{margin:0 0 .4rem}.panel .muted{color:var(--k-ink-dim)}.panel .bad{color:var(--k-bad-ink)}.panel .good{color:var(--k-good-ink)}.panel button.secondary{background:color-mix(in srgb, var(--k-ink) 7%, transparent);color:var(--k-ink);border-color:var(--k-ink-line)}.panel input{border-color:var(--k-ink-line);background:#fff}.offline{background:var(--dineri-red);color:var(--k-ivory);text-align:center;z-index:40;padding:.3rem;position:absolute;top:0;left:0;right:0}:lang(ar) .chip,:lang(ar) .seat-meta{letter-spacing:0;text-transform:none}@media (prefers-reduced-motion:reduce){.toast{animation:none}.seat-tag{transition:none}}@media (width<=600px){.overlay{padding:.6rem}.panel{max-height:calc(100dvh - 1.2rem);padding:1rem .9rem;overflow-y:auto}}@font-face{font-family:Reem Kufi Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-arabic-wght-normal-DEc70LOo.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Reem Kufi Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-vietnamese-wght-normal-DiflRMvM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Reem Kufi Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-latin-ext-wght-normal-1lppP-5y.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Reem Kufi Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-latin-wght-normal-D4haMHFz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-arabic-wght-normal-CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-ext-wght-normal-BjodpZir.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-wght-normal-DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-ext-wght-normal-OacczzuJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-wght-normal-CnQIisVs.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--dineri-night:#0f1722;--dineri-night-2:#17212f;--dineri-felt:#0f4a33;--dineri-felt-hi:#16603f;--dineri-felt-lo:#0a3524;--dineri-brass:#c9a04a;--dineri-brass-hi:#e6c46f;--dineri-ivory:#f3ead8;--dineri-ivory-lo:#e3d6bc;--dineri-ink:#1d1a15;--dineri-red:#b8322b;--dineri-back:#7a1f26;--dineri-sky:#1e5fa8;--dineri-lamp:#ffba68;--dineri-text:#efe7d6;--dineri-text-dim:#a8b1bd;--dineri-font-display:"Reem Kufi Variable", "Reem Kufi", "Rubik Variable", system-ui, sans-serif;--dineri-font-body:"Rubik Variable", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--dineri-radius-card:16px;--dineri-radius-panel:20px;--dineri-radius-table:28px}.hub{--night:var(--dineri-night);--night-2:var(--dineri-night-2);--panel:#fff4de0d;--panel-line:#e9d6af29;--felt-hi:var(--dineri-felt-hi);--felt-mid:var(--dineri-felt);--felt-lo:var(--dineri-felt-lo);--brass:var(--dineri-brass);--brass-hi:var(--dineri-brass-hi);--ivory:var(--dineri-ivory);--ivory-lo:var(--dineri-ivory-lo);--ink:var(--dineri-ink);--card-red:var(--dineri-red);--back:var(--dineri-back);--text:var(--dineri-text);--text-dim:var(--dineri-text-dim);--display:var(--dineri-font-display);--body:var(--dineri-font-body);min-height:100%;color:var(--text);font-family:var(--body);background:radial-gradient(900px 520px at 50% -8%, #ffba6829, transparent 62%), radial-gradient(700px 500px at 100% 100%, #1e5fa81a, transparent 60%), var(--night);flex-direction:column;display:flex}.hub h1,.hub h2,.hub .eyebrow{font-family:var(--display)}.wordmark{font-family:var(--dineri-font-display);color:var(--dineri-ivory)}.hub h1{letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:600;line-height:1.05}.hub h2{margin:0;font-size:1.05rem;font-weight:600}.hub .eyebrow{color:var(--brass-hi);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.8rem;font-weight:500}.hub .lede{color:var(--text-dim);text-wrap:pretty;max-width:38ch;margin:0;font-size:1.05rem;line-height:1.5}.hub .hint{color:var(--text-dim);margin:0;font-size:.88rem}.hub button{font-family:var(--body)}.hub button.primary{background:linear-gradient(180deg, var(--brass-hi), var(--brass));color:#241a06;border-radius:12px;padding:.75rem 1.2rem;font-weight:600;box-shadow:0 6px 18px #c9a04a40}.hub button.secondary{color:var(--text);border:1px solid var(--panel-line);background:#fff4de1a}.hub a:focus-visible,.hub button:focus-visible,.hub input:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.hub .notice{max-width:34rem}.topbar{justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,40px);display:flex}.topbar .brand{color:var(--ivory);text-decoration:none}.wordmark{letter-spacing:.02em;align-items:baseline;gap:.12em;font-size:1.7rem;font-weight:600;display:inline-flex}.wordmark-mark{color:var(--card-red);text-shadow:0 0 12px #c8362e80;font-size:.8em;transform:translateY(-.05em)}.topbar .back{color:var(--text-dim);font-size:.95rem;text-decoration:none}.topbar .back:before{content:"← "}[dir=rtl] .topbar .back:before{content:"→ "}.topbar-start{align-items:center;gap:clamp(12px,3vw,28px);min-width:0;display:flex}.topbar-end{align-items:center;gap:10px;display:flex}.lang-menu{position:relative}.lang-button{box-shadow:none;color:var(--dineri-text-dim);border:1px solid color-mix(in srgb, var(--dineri-ivory) 16%, transparent);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:.4rem .65rem;font-size:.9rem;font-weight:500;display:inline-flex}.lang-button:hover{color:var(--dineri-ivory);filter:none}.lang-list{inset-inline-end:0;z-index:50;background:var(--dineri-night-2);border:1px solid color-mix(in srgb, var(--dineri-ivory) 16%, transparent);border-radius:14px;min-width:150px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);box-shadow:0 16px 40px #00000080}.lang-list button{text-align:start;width:100%;box-shadow:none;color:var(--dineri-text);background:0 0;border-radius:9px;padding:.55rem .75rem;font-weight:400}.lang-list button:hover{background:color-mix(in srgb, var(--dineri-ivory) 8%, transparent);filter:none}.lang-list button[aria-checked=true]{color:var(--dineri-brass-hi);font-weight:600}.hub button.sign-in{border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:500}.avatar{width:36px;height:36px;font-family:var(--display);color:#241a06;background:linear-gradient(180deg, var(--brass-hi), var(--brass));border-radius:50%;place-items:center;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-grid;box-shadow:0 0 0 2px #0000004d,0 4px 12px #c9a04a4d}.hub-dialog{border:1px solid var(--dineri-brass);width:min(420px,100vw - 32px);color:var(--dineri-text);background:radial-gradient(500px 260px at 50% -20%, #ffba6824, transparent 70%), var(--dineri-night-2);font-family:var(--dineri-font-body);border-radius:20px;padding:0;box-shadow:0 30px 80px #0009}.hub-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05080cb3}.dialog-body{flex-direction:column;gap:14px;padding:28px 24px 22px;display:flex;position:relative}.dialog-body h2{font-family:var(--dineri-font-display);margin:0;padding-inline-end:28px;font-size:1.5rem}.dialog-body .hint{color:var(--dineri-text-dim);margin:0;font-size:.9rem;line-height:1.45}.dialog-body form{flex-direction:column;gap:8px;display:flex}.dialog-body label{font-size:.92rem;font-weight:500}.dialog-body input{color:var(--dineri-ink);background:#fffffff2;border:1px solid #0000;border-radius:12px;padding:.75rem .9rem;font-size:1rem}.dialog-body button.primary{background:linear-gradient(180deg, var(--dineri-brass-hi), var(--dineri-brass));color:#241a06;border-radius:12px;padding:.75rem 1.2rem}.dialog-body button.secondary{color:var(--dineri-text);background:#fff4de1a;border:1px solid #e9d6af29;align-self:flex-start}.dialog-close{top:12px;border-radius:50%;width:36px;height:36px;padding:0;font-size:1.5rem;line-height:1;position:absolute;inset-inline-end:12px;color:var(--dineri-text-dim)!important;background:0 0!important}.dialog-close:hover{color:var(--dineri-ivory)!important}button.google{color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:.75rem 1rem;font-weight:500;display:flex}.dialog-body .divider{margin:2px 0}.dialog-body .divider span{text-transform:none;letter-spacing:0}.dialog-body .sent p:first-child{margin:0 0 6px;line-height:1.5}.dialog-body .error{margin:0}.dialog-body .fine{color:var(--dineri-text-dim);margin:4px 0 0;font-size:.8rem}.dialog-body .fine a{color:var(--dineri-ivory-lo)}.dialog-body .fine .hint{margin-top:4px;font-size:.8rem;display:block}.footer{color:var(--text-dim);border-top:1px solid #e9d6af14;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;margin-top:auto;padding:22px clamp(16px,4vw,40px) 28px;font-size:.85rem;display:flex}.footer nav{gap:18px;display:flex}.footer a{color:var(--ivory-lo);text-decoration:none}.footer a:hover{color:var(--brass-hi);text-decoration:underline}.footer p{margin:0}.footer .copyright{opacity:.7}.hub .page{flex-direction:column;gap:16px;width:min(720px,100%);margin:0 auto;padding:12px clamp(16px,4vw,40px) 48px;display:flex}.hub .page h1{font-size:clamp(1.9rem,4.5vw,2.6rem)}.doc section{flex-direction:column;gap:8px;display:flex}.doc h2{color:var(--brass-hi);margin-top:8px;font-size:1.2rem}.doc p{color:var(--text);max-width:64ch;margin:0;line-height:1.65}.draft{color:var(--brass-hi);background:#e6c46f24;border:1px dashed #e6c46f80;border-radius:999px;align-self:flex-start;margin:0;padding:.4rem .8rem;font-size:.82rem}.panel-box{background:var(--panel);border:1px solid var(--panel-line);border-radius:18px;flex-direction:column;gap:10px;padding:20px;display:flex}.stack{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.inline{gap:10px;display:flex}.inline input{flex:1;min-width:0}.account-page .who{overflow-wrap:anywhere}.account-page>button.secondary,.lang-choice{align-self:flex-start}.hub .levels.lang-choice button.secondary{color:var(--ivory)}.danger-zone{border-color:#b8322b59}.danger-zone button{align-self:flex-start}.row.start{justify-content:flex-start}.not-found{text-align:center;align-items:center!important}.not-found .card-back{width:96px;margin-bottom:8px;transform:rotate(-6deg)}.topbar .back:hover{color:var(--ivory)}.felt{background:radial-gradient(ellipse at 50% 35%, var(--felt-hi) 0%, var(--felt-mid) 55%, var(--felt-lo) 100%);border:3px solid #c9a04a8c;border-radius:28px;padding:clamp(18px,3.5vw,36px);position:relative;box-shadow:inset 0 0 70px #00000073,0 0 0 8px #00000040,0 30px 70px #00000073}.felt-label{font-family:var(--display);color:#f3ead8bf;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem}.home-main{flex-direction:column;gap:28px;width:min(1080px,100%);margin:0 auto;padding:8px clamp(16px,4vw,40px) 48px;display:flex}.hero{flex-direction:column;gap:12px;padding:12px 0 4px;display:flex}.home .felt{grid-template-columns:minmax(250px,300px) 1fr;align-items:start;gap:clamp(20px,4vw,44px);display:grid}.game-card{aspect-ratio:5/7;background:linear-gradient(160deg, #fbf4e6, var(--ivory) 45%, var(--ivory-lo));color:var(--ink);border-radius:16px;flex-direction:column;justify-content:center;gap:8px;padding:26px 22px 24px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;transform:rotate(-2deg);box-shadow:inset 0 2px #fff9,0 18px 40px #00000073}.game-card:hover,.game-card:focus-visible{outline:none;transform:rotate(0)translateY(-6px);box-shadow:inset 0 2px #fff9,0 26px 50px #0000008c}.game-card:focus-visible{box-shadow:0 0 0 3px var(--brass-hi), 0 26px 50px #0000008c}.game-card.closed{filter:grayscale(.7);cursor:default}.game-card .corner{line-height:1;font-family:var(--display);color:var(--card-red);flex-direction:column;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:absolute}.game-card .corner b{font-size:.9rem}.game-card .corner.top{top:12px;left:12px}.game-card .corner.bottom{bottom:12px;right:12px;transform:rotate(180deg)}.game-card .fan{width:200px;height:132px;margin:0 auto 14px}.game-card .fan img{border-radius:6px;width:78px}.game-card-name{font-family:var(--display);text-align:center;font-size:2.4rem;font-weight:700;line-height:1}.game-card-tagline{text-align:center;color:#3b352b;text-wrap:balance;font-size:.95rem;line-height:1.35}.game-card-meta{text-align:center;color:#7a6f5c;font-size:.78rem}.game-card-play{background:var(--card-red);color:#fff5ea;border-radius:999px;margin:10px auto 0;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;box-shadow:0 6px 14px #b3322b59}.fan{width:150px;height:96px;display:block;position:relative}.fan img{transform-origin:50% 110%;width:58px;transform:translateX(-50%) rotate(calc(var(--i) * 16deg));border-radius:5px;position:absolute;bottom:0;left:50%;box-shadow:0 3px 8px #0000004d}.fan.lg{width:230px;height:150px}.fan.lg img{width:90px;transform:translateX(-50%) rotate(calc(var(--i) * 15deg));border-radius:7px}.face-downs{flex-direction:column;display:flex}.face-down-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 14px;display:grid}.face-down{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.card-back{aspect-ratio:5/7;background-color:var(--back);width:100%;max-width:110px;box-shadow:inset 0 0 0 5px var(--back), inset 0 0 0 6px #e6c46fcc, 0 10px 22px #0006;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%23d9b35a' stroke-opacity='.5' stroke-width='1'%3E%3Crect x='6' y='6' width='10' height='10'/%3E%3Crect x='6' y='6' width='10' height='10' transform='rotate(45 11 11)'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;border-radius:10px;transition:transform .25s;position:relative}.face-down:nth-child(odd) .card-back{transform:rotate(-2deg)}.face-down:nth-child(2n) .card-back{transform:rotate(1.5deg)}.face-down:hover .card-back{transform:rotate(0)translateY(-3px)}.medallion{aspect-ratio:1;background:var(--back);width:46%;box-shadow:0 0 0 2px #e6c46fe6, 0 0 0 5px var(--back), 0 0 0 6px #e6c46f80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23e6c46f'%3E%3Crect x='11' y='11' width='18' height='18'/%3E%3Crect x='11' y='11' width='18' height='18' transform='rotate(45 20 20)'/%3E%3C/g%3E%3Ccircle cx='20' cy='20' r='4.5' fill='%237a1f26'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:78%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-down-name{font-family:var(--display);color:var(--ivory);font-size:.98rem;font-weight:600;line-height:1.15}.face-down-soon{color:#f3ead899;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.game-page{flex:1;grid-template-columns:1fr minmax(300px,420px);align-items:center;gap:clamp(24px,5vw,64px);width:min(1000px,100%);margin:0 auto;padding:12px clamp(16px,4vw,40px) 48px;display:grid}.game-intro{flex-direction:column;gap:12px;display:flex}.game-intro .fan{margin-bottom:8px}.play-panel{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;flex-direction:column;gap:18px;padding:26px;display:flex}.play-panel form{flex-direction:column;gap:10px;display:flex}.play-panel label{font-weight:500}.hub input{color:var(--ink);background:#fffffff2;border:1px solid #0000;border-radius:12px;padding:.75rem .9rem;font-size:1rem}.divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;display:flex;font-size:.82rem!important;font-weight:500!important}.divider:before,.divider:after{content:"";background:var(--panel-line);flex:1;height:1px}.solo{flex-direction:column;gap:12px;display:flex}.solo-levels{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.solo-level{background:linear-gradient(170deg, #fbf4e6, var(--ivory));color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;font-weight:400;transition:transform .2s;display:flex;box-shadow:0 8px 18px #00000059}.solo-level:hover:not(:disabled){filter:none;transform:translateY(-3px)}.solo-level strong{font-family:var(--display);font-size:1.15rem}.solo-level .what{color:#6d6352;text-wrap:balance;font-size:.74rem;line-height:1.25}.pips{color:var(--card-red);letter-spacing:.08em;font-size:.9rem}.hub .plain{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:14px;width:min(460px,100%);margin:0 auto;padding:32px 16px;display:flex}.lobby-main{flex-direction:column;align-items:stretch;gap:22px;width:min(760px,100%);margin:0 auto;padding:8px clamp(16px,4vw,40px) 48px;display:flex}.lobby-head{flex-direction:column;gap:10px;display:flex}.invite-panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:18px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.invite{gap:.5rem;display:flex}.invite input{flex:1;min-width:0;font-size:.9rem}.lobby-felt{flex-direction:column;gap:18px;display:flex}.bot-level{flex-direction:column;align-items:center;gap:8px;display:flex}.bot-level h2{color:#f3ead8cc;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:500}.levels{background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.levels button{border-radius:9px;padding:.45rem .9rem}.levels button.secondary{color:var(--ivory);background:0 0;border:0}.levels button.chosen{background:var(--ivory);color:var(--ink)}.levels button .pips{font-size:.75rem}.levels button.secondary .pips{color:#ff8f86}.lobby-seats{grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:12px;display:grid}.lobby-seat{text-align:center;color:var(--ivory);border:2px dashed #f3ead840;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:132px;padding:16px 12px;display:flex}.lobby-seat.human,.lobby-seat.bot{background:linear-gradient(170deg, #fbf4e6, var(--ivory));color:var(--ink);border:0;box-shadow:0 10px 22px #00000059}.lobby-seat.you{box-shadow:0 0 0 3px var(--brass-hi), 0 10px 22px #00000059}.lobby-seat strong{font-family:var(--display);font-size:1.2rem}.seat-no{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.72rem}.seat-tags{color:#7a6f5c;font-size:.8rem}.lobby-seat.empty .seat-tags{color:#f3ead899}.lobby-seat button{padding:.4rem .8rem;font-size:.88rem}.lobby-seat.human button.secondary,.lobby-seat.bot button.secondary{color:var(--ink);background:#1d1a1514;border-color:#1d1a1526}.lobby-main>button.primary{align-self:center;min-width:220px}.lobby-main .leave-confirm,.lobby-main>button.link{align-self:center}[dir=rtl] .hub .lede{text-wrap:wrap}@media (prefers-reduced-motion:reduce){.game-card,.card-back,.solo-level{transition:none}.game-card,.face-down .card-back{transform:none!important}}@media (width<=720px){.home .felt{grid-template-columns:1fr}.game-card{width:min(300px,100%);margin:0 auto}.face-down-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px}.lobby-seats{grid-template-columns:1fr 1fr}.game-page{grid-template-columns:1fr;align-items:start;gap:22px}.game-intro{text-align:center;align-items:center}.game-intro .lede{margin:0 auto}}@media (width<=420px){.topbar{padding:14px 16px}.topbar .back{display:none}.lang-button{padding:.4rem .55rem}.hub button.sign-in{padding:.4rem .75rem}.wordmark{font-size:1.45rem}.play-panel{padding:18px}.solo-levels{grid-template-columns:1fr}.solo-level{text-align:start;flex-direction:row;justify-content:flex-start;gap:10px;padding:12px 14px}.solo-level .pips{text-align:start;flex:none;width:3.4em}.solo-level strong{text-align:start;flex:none;min-width:4.6em}.solo-level .what{text-align:start}.fan.lg{width:180px;height:116px}.fan.lg img{width:70px}}:lang(ar) .hub .eyebrow,:lang(ar) .felt-label,:lang(ar) .face-down-soon,:lang(ar) .divider,:lang(ar) .seat-no,:lang(ar) .bot-level h2{letter-spacing:0;text-transform:none}.hub button.secondary,.dialog-close,button.google,.levels button.secondary,.hub-dialog button.secondary{box-shadow:none}
