:root{--ink:#f7f3e8;--muted:#9baca6;--muted-strong:#bdc8c3;--night:#08110f;--night-soft:#0d1715;--panel:#111f1c;--panel-light:#162825;--felt:#123d36;--felt-dark:#0d302b;--paper:#fff9ed;--red:#ed3e46;--red-dark:#ba2730;--gold:#f5c451;--mint:#73e2bd;--violet:#a78bfa;--orange:#ff9863;--line:#ffffff1a;--line-strong:#ffffff2e;--shadow:0 24px 80px #00000057;--card-width:clamp(68px, 7.1vw, 96px);--card-height:calc(var(--card-width) * 1.4286);--ease:cubic-bezier(.22, 1, .36, 1)}.reaction-bubble:after{background:inherit;content:"";border-bottom:2px solid #ffffffbd;border-left:2px solid #ffffffbd;width:14px;height:14px;position:absolute;bottom:-7px;left:9px;rotate:-36deg}.reaction-bubble>b{z-index:2;font-size:38px;line-height:1;animation:.72s ease-in-out .18s both reaction-emoji-wobble;position:relative}.reaction-bubble>small{color:#fff;letter-spacing:.06em;text-shadow:0 1px 3px #00000047;z-index:2;font-size:8px;font-weight:950;line-height:1;position:relative}.reaction-bubble>i{color:#fff0a6;font-size:18px;font-style:normal;animation:1s ease-out .18s both reaction-spark;position:absolute;top:-10px;right:-8px}.reaction-bubble.tone-red{background:radial-gradient(circle at 35% 24%,#ffffff4d,#0000 32%),linear-gradient(145deg,#ff625f,#b8203d)}.reaction-bubble.tone-gold{background:radial-gradient(circle at 35% 24%,#ffffff57,#0000 32%),linear-gradient(145deg,#ffbe3d,#d26a16)}.reaction-bubble.tone-mint{background:radial-gradient(circle at 35% 24%,#ffffff52,#0000 32%),linear-gradient(145deg,#45d8ae,#168476)}@keyframes reaction-battle-pop{0%{opacity:0;translate:0 20px;scale:.25}11%{opacity:1;translate:0 -8px;scale:1.22}18%{translate:0 1px;scale:.93}25%{translate:0 -2px;scale:1.04}78%{opacity:1;scale:1}to{opacity:0;translate:0 -28px;scale:.72}}@keyframes reaction-emoji-wobble{0%{rotate:-14deg;scale:.65}35%{rotate:13deg;scale:1.16}62%{rotate:-7deg}to{rotate:0;scale:1}}@keyframes reaction-spark{0%{opacity:0;rotate:-50deg;scale:.2}38%{opacity:1;scale:1.35}to{opacity:0;rotate:70deg;scale:.7}}@media (max-width:780px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(250px, 32dvh, 286px) + env(safe-area-inset-bottom))}.game-brand b{font-size:15px}.game-brand small{font-size:11px}.player-pod strong{max-width:100px;font-size:12px}.player-pod small,.me-pod small{font-size:10px}.me-pod strong{font-size:12px}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{padding:7px 10px;font-size:10px}.turn-timer{min-width:52px}.center-pile>p{padding:7px 11px 7px 7px;font-size:10px}.requirement-chip span{font-size:8px}.requirement-chip b{font-size:12px}.hand-dock{--card-width:clamp(80px, 23.5vw, 92px);padding-top:5px;overflow:visible}.large-cards .hand-dock{--card-width:clamp(88px, 25vw, 100px)}.hand-scroll{height:calc(var(--card-height) + 34px);padding:20px max(34px, env(safe-area-inset-right)) 3px max(34px, env(safe-area-inset-left));margin-top:0;scroll-padding-inline:44px;overflow-y:hidden}.hand-scroll .jass-card{margin-left:clamp(-42px,-10.5vw,-33px)}.hand-scroll .jass-card.is-selected{transform:translateY(-13px)rotate(0)}.game-actions>button{min-height:56px;font-size:13px}.reaction-bubble{width:72px;height:68px;padding:5px 6px 6px;top:10px;right:-10px}.reaction-bubble>b{font-size:34px}.reaction-bubble>small{font-size:7px}.me-pod .reaction-bubble{top:-72px;left:10px;right:auto}.emote-tray{grid-template-columns:repeat(4,47px)}.emote-option{width:47px;height:52px}.emote-option-icon{font-size:25px}}@media (max-width:430px) and (max-height:700px) and (orientation:portrait){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(226px + env(safe-area-inset-bottom))}.hand-dock{--card-width:clamp(70px, 21.5vw, 78px)}.large-cards .hand-dock{--card-width:clamp(76px, 23vw, 84px)}.hand-scroll{height:calc(var(--card-height) + 28px);padding-top:16px}.hand-scroll .jass-card.is-selected{transform:translateY(-10px)rotate(0)}}*{box-sizing:border-box}html{background:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 10% -10%, #46876f29, transparent 34rem), var(--night);color:var(--ink);font-family:var(--font-geist-sans), "Helvetica Neue", Arial, sans-serif;text-rendering:optimizelegibility;min-height:100dvh;margin:0}button,input,select{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--night), 0 0 0 5px var(--mint)}button:disabled{cursor:not-allowed;opacity:.46}::selection{background:var(--red);color:#fff}.game-app{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.ambient{filter:blur(1px);pointer-events:none;z-index:-1;border:1px solid #73e2bd0d;border-radius:999px;width:44rem;height:44rem;position:fixed}.ambient-one{background:radial-gradient(circle,#73e2bd11,#0000 66%);top:-17rem;right:-24rem}.ambient-two{background:radial-gradient(circle,#ed3e460e,#0000 66%);bottom:-28rem;left:-24rem}.site-header{z-index:30;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:28px;max-width:1440px;margin:0 auto;padding:22px 34px;display:grid;position:relative}.brand{cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:0;display:inline-flex}.brand>span:last-child{line-height:1;display:grid}.brand b{letter-spacing:.18em;font-size:15px}.brand small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:10px}.logo-mark{background:var(--night) url(/icons/icon-192.png) center / cover no-repeat;border:1px solid #f5c45147;border-radius:11px;flex:none;width:42px;height:42px;display:inline-block;overflow:hidden;box-shadow:0 8px 24px #00000047}.site-header nav{border:1px solid var(--line);background:#ffffff09;border-radius:999px;justify-self:center;align-items:center;gap:4px;padding:4px;display:flex}.nav-link{color:var(--muted-strong);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 17px;font-size:13px;font-weight:650;transition:background .18s,color .18s}.nav-link:hover,.nav-link.is-active{color:#fff;background:#ffffff14}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.icon-button,.game-menu button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .16s,border-color .16s;display:inline-flex}.icon-button:hover,.game-menu button:hover{border-color:var(--line-strong);background:#ffffff17}.profile-chip{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:14px;align-items:center;gap:9px;min-height:48px;padding:6px 9px 6px 7px;display:flex}.profile-chip>span:first-child{border:1px solid var(--line);background:#20342f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.profile-chip>span:nth-child(2){min-width:78px;display:grid}.profile-chip b{font-size:12px}.profile-chip small{color:var(--muted);font-size:10px}.profile-chip i{color:var(--gold);background:#f5c4511a;border-radius:7px;padding:5px 7px;font-size:11px;font-style:normal;font-weight:800}.home-shell{max-width:1440px;margin:0 auto;padding:18px 34px 50px}.hero-section{grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);align-items:center;gap:clamp(30px,5vw,84px);min-height:610px;padding:48px clamp(20px,4vw,64px) 44px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.kicker{color:var(--mint);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:760;display:inline-flex}.kicker i{background:var(--mint);border-radius:99px;width:5px;height:5px;box-shadow:0 0 14px #73e2bd73}.hero-copy h1{letter-spacing:-.074em;max-width:800px;margin:24px 0 26px;font-size:clamp(54px,6.2vw,94px);font-weight:790;line-height:.93}.hero-copy h1 em{color:var(--gold);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500}.hero-copy>p{color:var(--muted-strong);max-width:640px;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.primary-button,.secondary-button,.small-button,.text-button,.back-button{cursor:pointer;min-height:46px;transition:transform .17s var(--ease), background .17s ease, border-color .17s ease, box-shadow .17s ease;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-weight:740;display:inline-flex}.primary-button{background:linear-gradient(180deg, #ffffff1c, transparent 40%), var(--red);color:#fff;border:1px solid #f36369;box-shadow:0 10px 28px #ed3e4633}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 38px #ed3e464d}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff0e}.secondary-button:hover:not(:disabled),.small-button:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.primary-button-large,.secondary-button-large{border-radius:14px;min-height:58px;padding:0 23px}.button-icon{justify-content:center;align-items:center;font-size:15px;display:inline-flex}.join-strip{border:1px solid var(--line);background:#ffffff06;border-radius:13px;align-items:center;gap:12px;max-width:535px;margin-top:22px;padding:6px 6px 6px 16px;display:flex}.join-strip label{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:650}.join-strip input{border:0;border-left:1px solid var(--line);color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;text-transform:uppercase;background:0 0;width:100%;min-width:0;padding:7px 10px 7px 14px;font-size:15px;font-weight:800}.join-strip input::placeholder{color:#52645e}.join-strip button{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px;font-size:12px;font-weight:760}.hero-table{aspect-ratio:1/.96;background:radial-gradient(circle at 50% 42%, #73e2bd21, transparent 35%), repeating-radial-gradient(ellipse at center, #ffffff05 0, #ffffff05 1px, transparent 1px, transparent 13px), var(--felt-dark);border:1px solid #73e2bd21;border-radius:50%;justify-self:center;width:100%;max-width:580px;position:relative;transform:perspective(900px)rotateX(7deg)rotate(-2deg);box-shadow:inset 0 0 0 10px #ffffff05,inset 0 0 70px #00000047,0 40px 100px #00000057}.hero-orbit{border:1px dashed #f5c4512e;border-radius:50%;position:absolute;inset:13%}.orbit-two{border-color:#73e2bd1c;inset:26%}.hero-crown{color:var(--gold);filter:drop-shadow(0 0 25px #f5c4516b);font-family:Georgia,serif;font-size:clamp(46px,5vw,74px);position:absolute;top:10%;left:50%;transform:translate(-50%)rotate(3deg)}.hero-card{background:linear-gradient(145deg, #ffffffa6, transparent 23%), var(--paper);color:#16231f;border:1px solid #191e1b24;border-radius:14px;place-items:center;width:25%;height:38%;padding:16px;display:grid;position:absolute;box-shadow:0 20px 38px #00000052}.hero-card b{font-size:clamp(24px,3vw,42px);line-height:1;position:absolute;top:12px;left:12px}.hero-card span{font-size:clamp(34px,5vw,70px)}.hero-card-one{color:#37567c;top:34%;left:21%;transform:rotate(-16deg)translateY(12px)}.hero-card-two{color:var(--red);z-index:2;top:29%;left:38%;transform:rotate(-1deg)translateY(-4px)}.hero-card-three{color:#c38e25;top:35%;left:55%;transform:rotate(14deg)translateY(12px)}.hero-stamp{white-space:nowrap;z-index:4;background:#08110fdb;border:1px solid #f5c45133;border-radius:13px;align-items:center;gap:10px;padding:10px 13px;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.hero-stamp small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.hero-stamp strong{color:var(--gold);letter-spacing:.12em;font-size:12px}.hero-stamp span{color:var(--gold);background:#f5c4511a;border-radius:6px;padding:5px 7px;font-size:8px}.stats-ribbon{border:1px solid var(--line);background:#ffffff07;border-radius:18px;grid-template-columns:repeat(3,minmax(0,.8fr)) minmax(240px,1.4fr);align-items:stretch;margin:0 clamp(0px,4vw,64px);display:grid;overflow:hidden}.stats-ribbon>div{border-right:1px solid var(--line);align-items:center;gap:12px;min-height:82px;padding:16px 22px;display:flex}.stats-ribbon>div:last-child{border-right:0}.stat-icon{background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-style:normal;font-weight:800;display:flex}.stat-icon.gold{color:var(--gold)}.stat-icon.mint{color:var(--mint)}.stat-icon.red{color:#ff7880;font-size:10px}.stats-ribbon p,.level-stat p{gap:4px;margin:0;display:grid}.stats-ribbon small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.stats-ribbon strong{font-size:16px}.level-stat{align-items:stretch!important;gap:10px!important;display:grid!important}.level-stat p{justify-content:space-between;display:flex}.progress-track{background:#ffffff12;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-track i{background:linear-gradient(90deg, var(--mint), #b4f3dd);border-radius:inherit;height:100%;display:block}.modes-section{padding:110px clamp(0px,4vw,64px) 60px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-heading h2,.panel-heading h2{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(30px,3vw,46px)}.text-button,.back-button{color:var(--muted-strong);background:0 0;border:0;padding:0;font-size:12px}.text-button:hover,.back-button:hover{color:#fff}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mode-card{background:linear-gradient(145deg, #ffffff0e, transparent 35%), var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;min-height:280px;transition:border-color .2s ease, transform .22s var(--ease), background .2s ease;border-radius:18px;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.mode-card:before{background:var(--accent);content:"";filter:blur(42px);opacity:.13;width:110px;height:110px;position:absolute;top:-35px;right:-35px}.mode-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-5px)}.accent-gold{--accent:var(--gold)}.accent-mint{--accent:var(--mint)}.accent-violet{--accent:var(--violet)}.accent-orange{--accent:var(--orange)}.accent-red{--accent:var(--red)}.mode-card-top{justify-content:space-between;align-items:center;display:flex}.mode-card-top i{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800}.mode-card-top b{color:var(--accent);font-size:24px;font-weight:500}.mode-card>strong{letter-spacing:-.03em;margin-top:52px;font-size:24px}.mode-card>p{color:var(--muted);margin:10px 0 auto;font-size:13px;line-height:1.55}.mode-card>small{color:var(--muted-strong);letter-spacing:.06em;text-transform:uppercase;margin-top:18px;font-size:9px}.mode-arrow{color:var(--accent);font-size:18px;transition:transform .18s;position:absolute;bottom:20px;right:20px}.mode-card:hover .mode-arrow{transform:translate(4px)}.home-lower-grid{grid-template-columns:.78fr 1.22fr;gap:14px;padding:0 clamp(0px,4vw,64px) 90px;display:grid}.challenge-card,.leader-preview{background:linear-gradient(135deg, #ffffff0a, transparent 46%), var(--panel);border:1px solid var(--line);border-radius:18px;min-height:265px;padding:26px}.challenge-card{background:radial-gradient(circle at 90% 0%, #ed3e461f, transparent 38%), var(--panel)}.challenge-card h3,.leader-preview h3{letter-spacing:-.035em;margin:14px 0 8px;font-size:25px}.challenge-card>p{color:var(--muted);font-size:13px}.challenge-progress{align-items:center;gap:14px;margin:34px 0 12px;display:flex}.challenge-progress>span{background:#ffffff12;border-radius:999px;width:100%;height:8px;overflow:hidden}.challenge-progress i{background:var(--red);border-radius:inherit;height:100%;display:block}.challenge-progress b{font-family:var(--font-geist-mono), monospace;white-space:nowrap;font-size:12px}.challenge-card>small{color:var(--gold);font-size:10px}.leader-preview-head{justify-content:space-between;align-items:start;display:flex}.leader-preview-head button{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:9px;padding:8px 10px;font-size:11px}.mini-leaders{margin-top:18px;display:grid}.mini-leaders>div{border-top:1px solid var(--line);grid-template-columns:28px 36px 1fr auto;align-items:center;gap:12px;min-height:57px;display:grid}.mini-leaders>div>b{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:10px}.mini-leaders>div>span{background:#ffffff0d;border-radius:9px;justify-content:center;align-items:center;height:32px;display:flex}.mini-leaders p{margin:0;display:grid}.mini-leaders p strong{font-size:12px}.mini-leaders p small{color:var(--muted);font-size:9px}.mini-leaders>div>i{color:var(--gold);font-size:11px;font-style:normal;font-weight:800}.empty-copy{color:var(--muted);font-size:13px;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin:0 clamp(0px,4vw,64px);padding:24px 0 0;display:flex}.site-footer>p{align-items:center;gap:11px;margin:0;display:flex}.site-footer .logo-mark{width:34px;height:34px}.site-footer p>span{display:grid}.site-footer b{color:var(--ink);font-size:12px}.site-footer small,.site-footer>span{font-size:9px}.app-loading{background:var(--night);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.app-loading p{color:var(--muted);font-size:12px}.spinner{border:2px solid #ffffff2e;border-top-color:currentColor;border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin;display:inline-block}.spinner-compact{width:15px;height:15px}@keyframes spin{to{transform:rotate(360deg)}}.lobby-page{max-width:1320px;min-height:100vh;margin:0 auto;padding:30px 34px 70px}.lobby-topbar{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.lobby-topbar .secondary-button{justify-self:end}.lobby-title{text-align:center}.lobby-title>span{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750}.lobby-title h1{margin:5px 0 0;font-size:20px}.lobby-code-card{background:radial-gradient(circle at 80% -40%,#73e2bd1f,#0000 42%),#ffffff09;border:1px solid #73e2bd26;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin:36px 0 18px;padding:16px 18px;display:grid}.lobby-code-card p{margin:0;display:grid}.lobby-code-card small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:8px}.lobby-code-card strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;font-size:24px}.lobby-code-card>span{border-left:1px solid var(--line);color:var(--muted);padding-left:28px;font-size:12px}.lobby-code-card>button{color:var(--mint);cursor:pointer;background:#73e2bd14;border:1px solid #73e2bd2e;border-radius:9px;min-height:38px;padding:0 13px;font-size:11px;font-weight:750}.lobby-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:18px;display:grid}.lobby-players-panel,.rules-panel{border:1px solid var(--line);background:#111f1cdb;border-radius:20px;min-height:610px;padding:26px}.panel-heading{justify-content:space-between;align-items:start;display:flex}.panel-heading h2{font-size:27px}.small-button{border:1px solid var(--line);background:#ffffff0d;min-height:38px;padding:0 12px}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.seat-card{border:1px solid var(--line);background:#ffffff08;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:70px;padding:10px 12px;display:grid;position:relative}.seat-card.is-me{background:#73e2bd0b;border-color:#73e2bd38}.seat-card.is-offline{opacity:.55}.seat-avatar{border:1px solid var(--line);background:#20342f;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.seat-card p{gap:3px;min-width:0;margin:0;display:grid}.seat-card p strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.seat-card p small{color:var(--muted);font-size:9px}.ready-pill{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff0d;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:800}.ready-pill.is-ready{color:var(--mint);background:#73e2bd1a}.remove-seat{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:14px;display:flex;position:absolute;top:-6px;right:-6px}.empty-seat{color:var(--muted);border-style:dashed}.empty-seat .seat-avatar{color:#60736d;background:0 0;border-style:dashed}.lobby-ready-bar{border:1px solid var(--line);background:#08110f70;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:12px;display:flex}.lobby-ready-bar .primary-button{min-width:170px}.ready-button-active{background:var(--mint);color:#0b1b17;border-color:#b3f1dc;box-shadow:0 10px 28px #73e2bd24}.lobby-ready-bar p{color:var(--muted);text-align:right;margin:0;font-size:10px}.host-only{color:var(--gold);text-transform:uppercase;background:#f5c45114;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.preset-tabs{background:#0000002e;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:26px;padding:4px;display:grid}.preset-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;font-size:10px;font-weight:700}.preset-tabs button.is-active{color:#fff;background:#ffffff17}.rule-summary{background:#73e2bd0e;border:1px solid #73e2bd1a;border-radius:12px;margin:12px 0;padding:13px}.rule-summary>span{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.rule-summary p{color:var(--muted-strong);margin:7px 0 0;font-size:10px;line-height:1.55}.rule-list,.settings-list{display:grid}.rule-toggle,.deck-style-setting{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:65px;display:grid;position:relative}.rule-toggle>span,.deck-style-setting>span{gap:4px;display:grid}.rule-toggle b,.deck-style-setting b{font-size:11px}.rule-toggle small,.deck-style-setting small{color:var(--muted);font-size:9px}.rule-toggle input{opacity:0;width:1px;height:1px;position:absolute}.rule-toggle>i{border:1px solid var(--line);background:#32423e;border-radius:999px;width:42px;height:24px;transition:background .17s;display:block;position:relative}.rule-toggle>i:after{content:"";height:16px;transition:transform .18s var(--ease), background .18s ease;background:#82918c;border-radius:50%;width:16px;position:absolute;top:3px;left:3px}.rule-toggle input:checked+i{background:#73e2bd38;border-color:#73e2bd4d}.rule-toggle input:checked+i:after{background:var(--mint);transform:translate(18px)}.rule-toggle.is-disabled{cursor:not-allowed;opacity:.45}.advanced-rules-button{color:var(--muted-strong);cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:18px 0 8px;font-size:10px;display:flex}.advanced-rules{display:grid}.advanced-rules>label:not(.rule-toggle){border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;display:flex}.advanced-rules>label>span{gap:4px;display:grid}.advanced-rules b{font-size:11px}.advanced-rules small{color:var(--muted);font-size:9px}.advanced-rules select,.deck-style-setting select{border:1px solid var(--line);color:var(--ink);background:#ffffff0f;border-radius:8px;min-height:34px;padding:0 9px;font-size:10px}.game-page{background:radial-gradient(circle at 50% -20%, #396c5b2e, transparent 42rem), var(--night);grid-template-rows:auto minmax(0, 1fr) calc(clamp(176px, 22dvh, 224px) + env(safe-area-inset-bottom));width:100%;min-width:0;max-width:100vw;height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.game-topbar{border-bottom:1px solid var(--line);max-width:100%;min-height:calc(68px + env(safe-area-inset-top));min-width:0;padding:calc(10px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 10px max(22px, env(safe-area-inset-left));z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:100%;display:grid;position:relative}.game-brand{align-items:center;gap:11px;min-width:0;display:flex}.game-brand .logo-mark{width:38px;height:38px}.game-brand>span{min-width:0;display:grid}.game-brand small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.round-dots{align-items:center;gap:7px;display:flex}.round-dots i{background:#ffffff24;border-radius:999px;width:18px;height:6px}.round-dots i.is-done{background:var(--mint)}.round-dots i.is-current{background:var(--red);width:30px;box-shadow:0 0 12px #ed3e4673}.game-menu{justify-self:end;gap:8px;min-width:0;display:flex}.game-menu button{color:var(--muted-strong);width:38px;height:38px;font-size:11px}.game-menu button:first-child{width:auto;padding:0 13px}.game-table{background:radial-gradient(ellipse at center, #215d504d, transparent 58%), var(--felt-dark);border:1px solid #73e2bd14;border-radius:46%/21%;place-self:center;width:calc(100% - 32px);min-width:0;max-width:clamp(1320px,50vw + 600px,1560px);height:calc(100% - 18px);min-height:0;max-height:min(720px,58vw - 18.56px);margin:9px auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff03,inset 0 0 80px #00000038,0 15px 55px #00000040}.felt-pattern{opacity:.52;pointer-events:none;background-image:linear-gradient(30deg,#ffffff03 12%,#0000 12.5% 87%,#ffffff03 87.5%),linear-gradient(150deg,#ffffff03 12%,#0000 12.5% 87%,#ffffff03 87.5%);background-size:34px 60px;position:absolute;inset:0}.opponents-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-evenly;align-items:start;gap:clamp(14px,3.4vw,52px);width:min(88%,1040px);min-width:0;max-width:1040px;padding:0 12px 8px;display:flex;position:absolute;top:clamp(18px,3.5%,30px);left:50%;overflow:auto hidden;transform:translate(-50%)}.opponents-row::-webkit-scrollbar{display:none}.player-pod{opacity:.84;min-width:108px;transition:opacity .18s ease, transform .18s var(--ease);flex:none;place-items:center;display:grid;position:relative}.player-pod.is-active{opacity:1;transform:translateY(3px)}.player-pod.has-passed{filter:grayscale(.5);opacity:.5}.player-pod.has-finished{opacity:.68}.opponent-cards{justify-content:center;min-width:80px;height:38px;margin-bottom:-6px;display:flex}.card-back{height:50px;transform:rotate(calc((var(--card-i,0) - 1.5) * 5deg));background-image:url(/cards/kenney-large/card_back.png);background-position:50%;background-repeat:no-repeat;background-size:152.381% 106.667%;border:0;border-radius:5px;justify-content:center;align-items:center;width:35px;margin-left:-23px;display:flex;box-shadow:0 5px 12px #00000047}.card-back:first-child{margin-left:0}.card-back.is-small{width:30px;height:43px}.pod-avatar,.me-avatar{z-index:2;background:#203d35;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex;position:relative;box-shadow:0 6px 20px #00000040}.player-pod.is-active .pod-avatar,.me-avatar.is-active{border-color:var(--mint);box-shadow:0 0 0 4px #73e2bd1f,0 0 24px #73e2bd33}.player-pod>p{text-align:center;gap:2px;margin:6px 0 0;display:grid}.player-pod strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:10px;overflow:hidden}.player-pod small{color:var(--muted);font-size:8px}.role-badge{border:1px solid var(--line);color:var(--muted-strong);letter-spacing:.05em;text-transform:uppercase;background:#ffffff14;border-radius:999px;margin-top:5px;padding:4px 6px;font-size:7px;font-weight:800}.role-president{color:var(--gold);background:#f5c4511f;border-color:#f5c45138}.role-asshole{color:#ff858b;background:#ed3e461a;border-color:#ed3e462e}.turn-ring{border:1px solid var(--mint);pointer-events:none;border-radius:50%;width:58px;height:58px;animation:1.6s ease-in-out infinite pulse-ring;position:absolute;top:32px}@keyframes pulse-ring{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.75;transform:scale(1.08)}}.table-status{flex-direction:column;align-items:center;gap:7px;max-width:calc(100% - 28px);display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{border:1px solid var(--line);color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#061411a6;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:750}.turn-status{text-overflow:ellipsis;max-width:min(86vw,420px);overflow:hidden}.turn-status.is-my-turn{color:var(--mint);background:#73e2bd1f;border-color:#73e2bd3d;box-shadow:0 0 20px #73e2bd14}.revolution-badge{color:#cabcfb;background:#a78bfa1f;border-color:#a78bfa3d}.staegele-badge{color:var(--gold);background:#f5c45121;border-color:#f5c45147;box-shadow:0 0 20px #f5c45114}.turn-timer{color:var(--muted-strong);font-family:var(--font-geist-mono), monospace;text-align:center;min-width:42px}.turn-timer.is-urgent{color:#ff8b91;background:#ed3e4621;border-color:#ed3e4647;animation:.7s ease-in-out infinite alternate timer-warning}@keyframes timer-warning{to{box-shadow:0 0 15px #ed3e4638}}.center-pile{flex-direction:column;align-items:center;min-width:min(300px,100% - 24px);min-height:150px;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.pile-cards{justify-content:center;min-width:190px;height:118px;display:flex}.pile-cards .jass-card{--card-width:clamp(70px, 5vw, 82px);animation:card-slam .26s var(--ease) both;transform:rotate(calc((var(--card-i) - 1.5) * 4deg));margin-left:-48px}.pile-cards .jass-card:first-child{margin-left:0}@keyframes card-slam{0%{filter:blur(2px);opacity:0;transform:translateY(-35px)scale(1.08)rotate(-4deg)}}.center-pile>p{color:var(--muted);background:#0614118f;border-radius:999px;align-items:center;gap:4px;margin:7px 0 0;padding:5px 9px 5px 5px;font-size:8px;display:flex}.center-pile>p span{font-size:13px}.center-pile>p b{color:var(--ink)}.empty-pile{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.empty-pile>span{color:#73e2bd80;font-size:42px;font-weight:200}.empty-pile b{color:var(--muted-strong);font-size:11px}.requirement-chip{text-align:center;gap:3px;width:min(90%,520px);display:grid;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.requirement-chip span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.me-pod{align-items:center;gap:9px;display:flex;position:absolute;bottom:clamp(36px,7%,52px);left:clamp(126px,15%,220px)}.me-avatar{width:42px;height:42px}.me-pod p{margin:0;display:grid}.me-pod small{color:var(--muted);font-size:8px}.me-pod .role-badge{margin:0 0 0 3px}.hand-dock{background:linear-gradient(180deg, #08110f00, var(--night) 22%);min-width:0;min-height:0;padding:0 max(22px, calc((100vw - 1380px) / 2 + 22px)) max(14px, env(safe-area-inset-bottom));z-index:10;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 0 minmax(0,1fr);column-gap:clamp(18px,2.4vw,38px);width:100%;display:grid;position:relative}.hand-scroll{-webkit-overflow-scrolling:touch;height:calc(var(--card-height) + 30px);overscroll-behavior-x:contain;scrollbar-width:none;grid-area:1/1/3/-1;justify-content:safe center;justify-self:center;align-items:end;width:100%;min-width:0;max-width:1120px;margin:-33px 0 0;padding:20px 46px 2px;display:flex;overflow:auto visible}.hand-scroll::-webkit-scrollbar{display:none}.hand-scroll .jass-card{transform:translateY(calc(abs(var(--card-i) - 4) * .2px)) rotate(calc((var(--card-i) - 4) * .8deg));flex:none;margin-left:clamp(-36px,-2.2vw,-28px)}.hand-scroll .jass-card:first-child{margin-left:0}.hand-scroll .jass-card:hover:not(:disabled){z-index:20}.hand-scroll .jass-card.is-selected{z-index:30;transform:translateY(-18px)rotate(0)}.jass-card{background:var(--paper);border-radius:calc(var(--card-width) * .07);color:#1d2925;height:var(--card-height);isolation:isolate;transform-origin:50% 100%;will-change:transform;width:var(--card-width);border:1px solid #131f1a29;padding:0;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .22s,filter .22s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 11px 23px #00000047,inset 0 0 18px #a591640e}.card-paper{background:linear-gradient(145deg, #fffffff5, transparent 24%), radial-gradient(circle at 50% 38%, #fffef8, var(--paper) 72%);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.kenney-card-face{height:auto;image-rendering:pixelated;pointer-events:none;width:152.381%;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.jass-card{cursor:pointer;touch-action:manipulation}.jass-card:hover:not(:disabled),.jass-card.is-selected{box-shadow:0 18px 33px #00000057,0 0 0 2px #73e2bd7a}.jass-card.is-disabled{cursor:default;filter:saturate(.75)brightness(.85)}.jass-card.is-compact{--card-width:62px;border-radius:7px}.card-corner{font-family:var(--font-geist-mono), monospace;z-index:4;background:#fff9ede0;border-radius:4px;place-items:center;padding:2px 2px 1px;line-height:1;display:grid;position:absolute;top:7px;left:7px}.card-corner b{font-variant-numeric:tabular-nums;font-size:calc(var(--card-width) * .18);letter-spacing:-.06em;text-align:center;white-space:nowrap;min-width:2ch}.card-corner .suit-mark{height:calc(var(--card-width) * .16);width:calc(var(--card-width) * .15);margin-top:3px}.card-corner-bottom{inset:auto 7px 7px auto;transform:rotate(180deg)}.suit-mark{color:currentColor;width:100%;height:100%;display:block;overflow:visible}.suit-mark-french{font-family:Georgia,serif;font-size:inherit;justify-content:center;align-items:center;line-height:1;display:flex}.card-illustration{filter:saturate(.94)contrast(1.02);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:1px}.court-suit{height:calc(var(--card-width) * .25);padding:calc(var(--card-width) * .035);width:calc(var(--card-width) * .25);z-index:2;background:#fff9edf0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 7px #1a221d2e}.card-pips{z-index:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:14% 13%}.card-pips>span{height:calc(var(--card-width) * .2);width:calc(var(--card-width) * .2);justify-content:center;align-items:center;display:flex}.card-pips>span.is-inverted{transform:rotate(180deg)}.card-pips .suit-mark-french{font-size:calc(var(--card-width) * .22)}.ace-layout{height:calc(var(--card-width) * .57);width:calc(var(--card-width) * .57);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ace-layout:before,.ace-layout:after,.ace-layout i{content:"";opacity:.26;border:1px solid;border-radius:50%;position:absolute;inset:-11%}.ace-layout:after{opacity:.16;border-style:dashed;inset:-22%;transform:rotate(18deg)}.ace-layout i{opacity:.13;border-left-color:#0000;border-right-color:#0000;inset:-34%;transform:rotate(40deg)}.ace-layout .suit-mark{z-index:1;width:72%;height:72%;position:relative}.ace-layout .suit-mark-french{font-size:calc(var(--card-width) * .52)}.card-origin{color:var(--mint);font-size:calc(var(--card-width) * .075);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;z-index:5;background:#163d34;border:1px solid #73e2bd73;border-radius:999px;padding:3px 5px;font-weight:850;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.jass-card.is-received{box-shadow:0 18px 33px #00000057,0 0 0 2px #f5c451a3,0 0 26px #f5c45129}.suit-roses{color:#d73740}.suit-bells{color:#bd8423}.suit-acorns{color:#355b3a}.suit-shields{color:#375a80}.game-actions{z-index:12;grid-area:1/3;place-self:end;align-items:center;gap:9px;min-width:0;max-width:100%;display:flex;position:static}.pass-button,.play-button,.staegele-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:0 16px;font-size:11px;font-weight:750;display:inline-flex}.pass-button{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff0b}.play-button{background:var(--red);border:1px solid #f4676d;min-width:160px;box-shadow:0 10px 25px #ed3e4633}.play-button span{font-size:16px}.staegele-button{color:#ffe5a0;white-space:nowrap;background:linear-gradient(135deg,#f5c45133,#f5c4511a);border:1px solid #f5c4517a;min-width:120px;box-shadow:0 10px 25px #f5c4511f}.staegele-button span{font-size:15px}kbd{border:1px solid var(--line);color:var(--muted);font-family:var(--font-geist-mono), monospace;background:#ffffff14;border-radius:5px;padding:3px 5px;font-size:8px}.selection-help{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;z-index:12;grid-area:2/3;place-self:start end;max-width:260px;margin:0;font-size:8px;position:static;overflow:hidden}.exchange-stage{overscroll-behavior-y:contain;min-height:0;padding:clamp(24px, 3.8vh, 44px) clamp(20px, 3vw, 42px) max(32px, env(safe-area-inset-bottom));scrollbar-width:thin;background:radial-gradient(circle at 50% 0,#f5c45124,#0000 34rem),radial-gradient(circle at 12% 68%,#73e2bd14,#0000 27rem),linear-gradient(#ffffff03,#0000 32%);grid-row:2/4;grid-auto-rows:max-content;align-content:start;gap:clamp(18px,2.4vh,28px);display:grid;position:relative;overflow:auto}.exchange-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.exchange-ambient>span{color:#f5c4510b;font-family:Georgia,serif;font-size:min(50vw,560px);line-height:.8;position:absolute;top:-12%;left:50%;transform:translate(-50%)rotate(6deg)}.exchange-ambient>i{border:1px dashed #f5c4511c;border-radius:50%;width:440px;height:440px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.exchange-heading,.exchange-grid,.exchange-hand-dock,.exchange-bottom-status{z-index:2;width:100%;max-width:1120px;margin-inline:auto;position:relative}.exchange-heading{text-align:center}.exchange-heading .kicker{align-items:center;gap:8px;display:inline-flex}.exchange-heading .kicker i{color:var(--gold);font-family:Georgia,serif;font-size:17px;font-style:normal;line-height:1}.exchange-heading h1{letter-spacing:-.055em;margin:14px 0 12px;font-size:clamp(38px,4.4vw,60px);line-height:.96}.exchange-heading>p{color:var(--muted-strong);max-width:620px;margin:0 auto;font-size:clamp(12px,1vw,14px);line-height:1.5}.exchange-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;display:grid}.exchange-task,.exchange-progress{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff06,#0000 45%),#0d1b18db;border-radius:24px;min-height:250px;padding:clamp(22px,2.4vw,30px);box-shadow:inset 0 1px #ffffff09,0 18px 50px #0003}.exchange-task{position:relative;overflow:hidden}.exchange-task:after{content:"";pointer-events:none;background:radial-gradient(circle,#f5c45114,#0000 68%);width:240px;height:240px;position:absolute;top:-120px;right:-100px}.exchange-role{border:1px solid var(--line);color:var(--muted-strong);letter-spacing:.09em;text-transform:uppercase;background:#ffffff12;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;display:inline-flex}.exchange-task>h2,.exchange-waiting h2{letter-spacing:-.035em;max-width:680px;margin:18px 0 9px;font-size:clamp(24px,2.5vw,34px);line-height:1.08}.exchange-task>p,.exchange-waiting p{color:var(--muted);max-width:620px;margin:0;font-size:13px;line-height:1.5}.received-cards{background:#f5c4510e;border:1px solid #f5c45121;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:126px;margin-top:22px;padding:16px 20px;display:flex;overflow:hidden}.received-cards>div:first-child{gap:5px;display:grid}.received-cards>div:first-child span{color:var(--gold);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:850}.received-cards>div:first-child small{color:var(--muted);max-width:350px;font-size:11px;line-height:1.45}.received-card-fan{justify-content:end;align-items:center;min-width:150px;padding-right:6px;display:flex}.received-card-fan .jass-card{--card-width:72px;transform:rotate(calc((var(--card-i,0) - .5) * 4deg));margin-left:-24px}.received-card-fan .jass-card:first-child{margin-left:0}.exchange-waiting{align-items:center;gap:22px;min-height:180px;display:flex}.exchange-waiting h2{margin-top:0}.exchange-check,.forced-transfer{color:var(--mint);background:#73e2bd1a;border:1px solid #73e2bd38;border-radius:50%;flex:none;justify-content:center;align-items:center;width:66px;height:66px;font-size:28px;display:flex}.forced-transfer{color:#ff858b;background:#ed3e461a;border-color:#ed3e4633}.returned-cards{align-items:center;min-height:76px;margin-top:13px;padding-left:12px;display:flex}.returned-cards .jass-card{transform:rotate(calc((var(--card-i,0) - .5) * 3deg));margin-left:-20px}.returned-cards .jass-card:first-child{margin-left:0}.exchange-progress{min-height:0}.exchange-progress-head{justify-content:space-between;align-items:center;display:flex}.exchange-progress-head>div{gap:4px;display:grid}.exchange-progress-head span{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.exchange-progress-head small{color:var(--muted);font-size:10px}.exchange-progress-head>b{color:var(--gold);font-family:var(--font-geist-mono), monospace;font-size:16px}.exchange-progress-bar{background:#ffffff0f;border-radius:99px;height:7px;margin:14px 0 18px;overflow:hidden}.exchange-progress-bar>i{background:linear-gradient(90deg, var(--gold), var(--mint));border-radius:inherit;height:100%;transform:scaleX(var(--exchange-progress,0));transform-origin:0;transition:transform .35s var(--ease);width:100%;display:block}.exchange-pairs{gap:9px;display:grid}.exchange-pair{border:1px solid var(--line);background:#00000024;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 20px 34px minmax(0,1fr) 24px;align-items:center;gap:9px;min-height:64px;padding:9px 11px;display:grid}.exchange-pair.is-mine{border-color:#f5c45130}.exchange-pair.is-submitted{background:#73e2bd0b}.exchange-pair>span{text-align:center;font-size:24px}.exchange-pair>p{min-width:0;margin:0;display:grid}.exchange-pair strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.exchange-pair small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.exchange-pair>i{color:var(--gold);text-align:center;font-size:16px;font-style:normal}.exchange-pair>b{color:var(--muted);text-align:center;font-size:16px}.exchange-pair.is-submitted>b{color:var(--mint)}.exchange-progress>p{color:var(--muted);margin:16px 2px 0;font-size:10px;line-height:1.45}.exchange-hand-dock{background:radial-gradient(circle at 8% 0,#f5c4511a,#0000 28%),linear-gradient(145deg,#142a24fa,#07110ffa);border:1px solid #f5c4512b;border-radius:24px;grid-template-columns:minmax(180px,.24fr) minmax(0,1fr) minmax(210px,.24fr);align-items:center;gap:20px;min-height:184px;padding:20px 22px;display:grid;box-shadow:inset 0 1px #ffffff0b,0 22px 55px #00000040}.exchange-selection-copy>p{gap:3px;margin:0 0 7px;display:grid}.exchange-selection-copy span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.exchange-selection-copy strong{color:var(--gold);font-size:21px}.exchange-selection-copy small{color:var(--muted);font-size:10px;line-height:1.45}.exchange-hand{justify-content:center;align-items:end;min-width:0;min-height:142px;padding:28px 34px 8px;display:flex;overflow:visible}.exchange-hand .jass-card{--card-width:clamp(68px, 6.3vw, 88px);flex:none;margin-left:clamp(-44px,-3.4vw,-30px)}.exchange-hand .jass-card:first-child{margin-left:0}.exchange-hand .jass-card.is-selected{box-shadow:0 22px 38px #00000061, 0 0 0 3px var(--mint), 0 0 28px #73e2bd38;z-index:20;transform:translateY(-20px)}.exchange-confirm{box-shadow:none;color:var(--muted);cursor:pointer;opacity:1;text-align:left;min-width:210px;min-height:68px;transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s var(--ease);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;justify-content:center;align-items:center;gap:14px;padding:10px 14px 10px 18px;display:grid}.exchange-confirm.is-ready{color:#fff;background:linear-gradient(135deg,#f44d58,#d82e3b);border-color:#ff7d83;box-shadow:inset 0 1px #fff3,0 14px 32px #ed3e463d}.exchange-confirm:disabled{color:#e8efec8f;opacity:1}.exchange-confirm-copy{gap:3px;display:grid}.exchange-confirm-copy strong{font-size:12px;line-height:1.2}.exchange-confirm-copy small{color:currentColor;opacity:.72;font-size:8px}.exchange-confirm>i{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-style:normal;display:flex}.exchange-confirm.is-ready:active{transform:scale(.98)}.exchange-bottom-status{color:var(--muted);justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:11px;display:flex}.results-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80;background:#040a09bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.results-card{background:radial-gradient(circle at 50% -15%, #73e2bd1a, transparent 34%), var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);text-align:center;border-radius:22px;width:100%;max-width:540px;max-height:calc(100dvh - 36px);padding:30px;position:relative;overflow:auto}.results-card.is-winner{background:radial-gradient(circle at 50% -10%, #f5c45124, transparent 38%), var(--panel);border-color:#f5c45133}.results-glow{background:var(--gold);filter:blur(55px);opacity:.1;width:180px;height:80px;position:absolute;top:0;left:50%;transform:translate(-50%)}.results-crown{animation:crown-in .62s var(--ease) both;color:var(--gold);filter:drop-shadow(0 0 20px #f5c45159);margin-bottom:10px;font-family:Georgia,serif;font-size:48px;display:block}@keyframes crown-in{0%{opacity:0;transform:translateY(-30px)rotate(-12deg)scale(.6)}}.results-card h2{letter-spacing:-.04em;margin:12px 0 8px;font-size:32px}.results-card>p{color:var(--muted);max-width:390px;margin:0 auto 22px;font-size:11px;line-height:1.55}.result-list{border:1px solid var(--line);background:#0000002e;border-radius:13px;overflow:hidden}.result-list>div{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:28px 36px 1fr auto;align-items:center;gap:10px;min-height:55px;padding:0 12px;display:grid}.result-list>div:last-child{border-bottom:0}.result-list>div.is-me{background:#73e2bd0d}.result-list>div>b{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:9px}.result-list>div>span{font-size:20px}.result-list p{margin:0;display:grid}.result-list strong{font-size:10px}.result-list small{color:var(--muted);font-size:8px}.result-list i{color:var(--gold);font-size:9px;font-style:normal;font-weight:700}.results-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.leaderboard-page{max-width:1120px;margin:0 auto;padding:70px 34px 100px}.leader-hero{text-align:center;margin-bottom:40px}.leader-hero h1{letter-spacing:-.065em;margin:20px 0 18px;font-size:clamp(46px,7vw,78px);line-height:.95}.leader-hero p{color:var(--muted);max-width:520px;margin:0 auto 22px;font-size:13px;line-height:1.6}.my-rank-card{background:radial-gradient(circle at 0 50%, #73e2bd1a, transparent 28%), var(--panel);border:1px solid #73e2bd21;border-radius:16px;grid-template-columns:52px 1fr repeat(3,auto);align-items:center;gap:20px;margin-bottom:15px;padding:17px 22px;display:grid}.my-rank-card>span{background:#20342f;border-radius:12px;justify-content:center;align-items:center;height:48px;font-size:26px;display:flex}.my-rank-card>p{margin:0;display:grid}.my-rank-card p small,.my-rank-card div small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.my-rank-card p strong{font-size:18px}.my-rank-card>div{border-left:1px solid var(--line);text-align:right;min-width:90px;padding-left:20px;display:grid}.my-rank-card div b{font-family:var(--font-geist-mono), monospace;font-size:16px}.leader-table{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.leader-table-head,.leader-row{grid-template-columns:55px 1fr repeat(4,80px);align-items:center;gap:12px;min-height:56px;padding:0 20px;display:grid}.leader-table-head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:#00000029;min-height:40px;font-size:8px}.leader-row{border-top:1px solid var(--line);font-size:10px}.leader-row.is-me{background:#73e2bd0b}.leader-row.is-top-1>b{color:var(--gold)}.leader-row.is-top-2>b{color:#cbd4d0}.leader-row.is-top-3>b{color:#c68f6a}.leader-row>b{font-family:var(--font-geist-mono), monospace}.leader-row>p{align-items:center;gap:10px;margin:0;display:flex}.leader-row p span{font-size:20px}.leader-row>span{color:var(--muted-strong)}.leader-row>i{color:var(--gold);font-style:normal;font-weight:800}.leader-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.leader-empty>span{color:var(--gold);font-size:36px}.leader-empty h2{color:var(--ink);margin:13px 0 5px}.leader-empty p{font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#040a09c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:radial-gradient(circle at 100% 0%, #73e2bd14, transparent 32%), var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:22px;width:100%;max-width:470px;padding:30px;position:relative}.modal-card h1,.modal-card h2{letter-spacing:-.045em;margin:14px 0 8px;font-size:31px}.modal-card>p{color:var(--muted);margin-bottom:22px;font-size:11px;line-height:1.55}.modal-close{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;position:absolute;top:18px;right:18px}.onboarding-backdrop{background:radial-gradient(circle at 18% 5%, #f5c45114, transparent 25rem), radial-gradient(circle at 78% 15%, #73e2bd1a, transparent 32rem), var(--night);overscroll-behavior:contain;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));align-items:flex-start}.onboarding-card{text-align:left}.auth-card{grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);min-width:0;max-width:960px;margin-block:auto;padding:0;display:grid;overflow:hidden}.auth-intro{border-right:1px solid var(--line);isolation:isolate;background:linear-gradient(#ffffff09,#0000 32%),radial-gradient(circle at 15% 10%,#f5c45121,#0000 18rem),radial-gradient(circle at 92% 85%,#73e2bd1f,#0000 22rem),#0b211d;flex-direction:column;min-height:620px;padding:38px 36px 34px;display:flex;position:relative;overflow:hidden}.auth-intro:before{content:"";z-index:-1;border:1px solid #f5c45117;border-radius:50%;width:360px;height:360px;position:absolute;top:150px;left:-190px}.auth-intro:after{color:#f5c4510e;content:"♛";z-index:-1;font-family:Georgia,serif;font-size:260px;line-height:1;position:absolute;top:158px;right:-74px;transform:rotate(8deg)}.auth-brand-lockup{align-items:center;gap:14px;display:flex}.auth-brand-lockup .logo-mark{border-color:#f5c4516b;border-radius:20px;width:82px;height:82px;box-shadow:0 18px 42px #00000057,0 0 0 5px #f5c4510e}.auth-brand-lockup>span{gap:5px;display:grid}.auth-brand-lockup b{letter-spacing:.2em;font-size:17px}.auth-brand-lockup small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:750}.auth-intro-copy{max-width:340px;margin-block:auto;padding:40px 0}.auth-intro-copy h1{letter-spacing:-.065em;margin:17px 0 18px;font-size:clamp(39px,4.3vw,56px);line-height:.96}.auth-intro-copy h1 em{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:500;display:block}.auth-intro-copy p{color:var(--muted-strong);max-width:310px;margin:0;font-size:11px;line-height:1.65}.auth-benefits{gap:8px;margin:0;padding:0;list-style:none;display:grid}.auth-benefits li{color:var(--muted-strong);letter-spacing:.035em;align-items:center;gap:9px;font-size:9px;font-weight:700;display:flex}.auth-benefits li>span{border:1px solid var(--line);color:var(--gold);background:#ffffff0e;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:inline-flex}.auth-form-panel{align-self:center;width:100%;min-width:0;padding:34px 40px}.auth-heading>.kicker{font-size:9px}.auth-heading h2{letter-spacing:-.055em;margin:13px 0 10px;font-size:clamp(31px,3.4vw,42px);line-height:1}.auth-heading p{color:var(--muted);max-width:420px;margin:0;font-size:10px;line-height:1.55}.auth-tabs{border:1px solid var(--line);background:#0003;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;min-width:0;margin:19px 0 17px;padding:4px;display:grid}.auth-tabs button{color:var(--muted-strong);cursor:pointer;text-overflow:ellipsis;text-transform:uppercase;background:0 0;border:0;border-radius:10px;min-width:0;min-height:42px;font-size:9px;font-weight:800;transition:background .16s,color .16s,box-shadow .16s;overflow:hidden}.auth-tabs button.is-active{color:var(--mint);background:#73e2bd1f;box-shadow:inset 0 0 0 1px #73e2bd14}.auth-fields{gap:13px;min-width:0;display:grid}.auth-card .field-label{gap:7px;min-width:0;margin:0}.auth-password-fields{gap:7px;min-width:0;display:grid}.auth-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;min-width:0;display:grid}.auth-password-grid.is-login{grid-template-columns:1fr}.auth-card .field-label input{background:linear-gradient(#ffffff05,#0000),#0003;border-radius:12px;width:100%;min-width:0;min-height:50px;transition:border-color .16s,background .16s,box-shadow .16s}.auth-card .field-label input:focus{background:#0000004d;border-color:#73e2bd94;box-shadow:0 0 0 4px #73e2bd12}.auth-password-help{color:var(--muted);font-size:8px;line-height:1.45}.field-label{text-align:left;gap:7px;margin:20px 0;display:grid}.field-label>span,.avatar-picker legend{color:var(--muted-strong);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:750}.field-label input{border:1px solid var(--line);color:var(--ink);background:#0000002e;border-radius:11px;min-height:48px;padding:0 14px}.field-label input:focus{border-color:#73e2bd61}.field-label>small{color:var(--muted);font-size:9px;line-height:1.45}.auth-card .auth-form-error{color:#ffaca2;text-align:left;background:#f3746717;border:1px solid #f3746738;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:10px}.avatar-picker{text-align:left;border:0;margin:0 0 23px;padding:0}.avatar-picker legend{margin-bottom:9px}.avatar-picker>div{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.avatar-picker button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:11px;justify-content:center;align-items:center;height:45px;font-size:21px;display:flex}.avatar-picker button.is-selected{border-color:var(--mint);background:#73e2bd1a;box-shadow:0 0 0 2px #73e2bd1a}.auth-avatar-picker{min-width:0;margin:17px 0}.auth-avatar-picker>div{width:100%;min-width:0}.auth-avatar-picker button{transition:background .16s ease, border-color .16s ease, transform .16s var(--ease)}.auth-avatar-picker button:hover{transform:translateY(-2px)}.auth-card .primary-button{width:100%}.auth-submit{margin-top:17px}.auth-submit:disabled{box-shadow:none;color:#f7f3e87a;opacity:1;background:linear-gradient(135deg,#ed3e4633,#ba273029),#ffffff06;border-color:#ed3e462e}.privacy-copy{color:var(--muted);letter-spacing:.025em;text-align:center;margin-top:11px;font-size:7.5px;line-height:1.5;display:block}.profile-logout{color:#ffaaa1;margin:15px auto 0;display:block}.profile-username{border:1px solid var(--line);background:#0000002e;border-radius:11px;gap:4px;margin:20px 0;padding:12px 14px;display:grid}.profile-username small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:750}.profile-hero{align-items:center;gap:14px;margin:21px 0 17px;display:flex}.profile-hero>span{border:1px solid var(--line);background:#20342f;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:35px;display:flex}.profile-hero h2{margin:0}.profile-hero p{color:var(--muted);margin:4px 0 0;font-size:10px}.profile-stats{border:1px solid var(--line);background:#00000026;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid}.profile-stats>div{border-right:1px solid var(--line);text-align:center;gap:4px;min-height:60px;padding:12px;display:grid}.profile-stats>div:last-child{border-right:0}.profile-stats b{font-family:var(--font-geist-mono), monospace;font-size:15px}.profile-stats small{color:var(--muted);text-transform:uppercase;font-size:7px}.compact-picker{margin-bottom:20px}.profile-modal>.primary-button,.settings-modal>.primary-button,.rules-modal>.primary-button{width:100%}.settings-list{margin:12px 0 22px}.deck-style-setting select{min-width:130px}.rules-modal{max-width:560px}.rules-steps{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:22px;display:grid}.rules-steps>div{border:1px solid var(--line);background:#ffffff08;border-radius:12px;align-items:start;gap:10px;padding:13px;display:flex}.rules-steps>div>span{color:var(--mint);font-family:var(--font-geist-mono), monospace;font-size:9px}.rules-steps p{gap:4px;margin:0;display:grid}.rules-steps b{font-size:10px}.rules-steps small{color:var(--muted);font-size:8px;line-height:1.45}.rank-order{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px 0;display:grid}.rank-order>span{color:var(--muted);text-transform:uppercase;font-size:7px}.rank-order>div{grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.rank-order b{background:var(--paper);color:#18231f;font-family:var(--font-geist-mono), monospace;border-radius:4px;justify-content:center;align-items:center;height:28px;font-size:9px;display:flex}.rules-note{background:#f5c45112;border:1px solid #f5c4511f;border-radius:10px;padding:11px;color:var(--muted-strong)!important;font-size:9px!important}.toast{animation:toast-in .24s var(--ease) both;border:1px solid var(--line-strong);bottom:max(20px, env(safe-area-inset-bottom));z-index:200;background:#182824;border-radius:12px;align-items:center;gap:9px;max-width:calc(100vw - 30px);padding:11px 15px;font-size:11px;font-weight:650;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000052}.toast>span{background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-error{border-color:#ed3e4659}.toast-error>span{color:#ff8c91}.toast-success{border-color:#73e2bd4d}.toast-success>span{color:var(--mint)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}.sr-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.large-cards{--card-width:clamp(76px, 8.2vw, 108px)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (min-width:1280px){.opponents-row{width:min(80%,1200px);max-width:1200px}.player-pod{min-width:124px}.pod-avatar{width:52px;height:52px;font-size:23px}.player-pod strong{max-width:124px;font-size:12px}.player-pod small{font-size:10px}.turn-ring{width:64px;height:64px;top:31px}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{padding:8px 12px;font-size:11px}.center-pile>p{margin-top:9px;font-size:10px}.empty-pile b{font-size:14px}.empty-pile small{font-size:10px}.requirement-chip span{font-size:8px}.requirement-chip b{font-size:12px}.me-avatar{width:48px;height:48px;font-size:22px}.me-pod strong{font-size:11px}.me-pod small{font-size:9px}}@media (min-width:781px) and (max-height:820px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(158px, 21dvh, 182px) + env(safe-area-inset-bottom))}.game-topbar{min-height:calc(58px + env(safe-area-inset-top));padding-bottom:7px;padding-top:calc(7px + env(safe-area-inset-top))}.game-table{max-height:560px}.opponents-row{top:14px}.table-status{top:27%}.center-pile{min-height:126px;top:51%}.pile-cards{height:98px}.pile-cards .jass-card{--card-width:66px;margin-left:-40px}.requirement-chip{bottom:13%}.me-pod{bottom:clamp(28px,6%,40px)}.hand-scroll{height:calc(var(--card-height) + 28px);margin-top:-27px;padding-top:19px}.pass-button,.play-button,.staegele-button{min-height:44px}}@media (max-width:1120px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-section{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:28px;padding-inline:18px}.hero-copy h1{font-size:clamp(50px,7vw,76px)}.stats-ribbon,.modes-section,.home-lower-grid{margin-inline:0;padding-inline:0}.stats-ribbon{grid-template-columns:repeat(3,1fr)}.level-stat{border-top:1px solid var(--line);grid-column:1/-1;border-right:0!important}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{min-height:240px}.mode-card>strong{margin-top:38px}.lobby-layout{grid-template-columns:1fr}.lobby-players-panel,.rules-panel{min-height:auto}.opponents-row{gap:clamp(10px,2vw,20px)}.hand-scroll{max-width:none}}@media (max-width:780px){:root{--card-width:67px}.site-header{padding:15px 16px}.brand small,.profile-chip>span:nth-child(2),.profile-chip>i,.icon-button{display:none}.profile-chip{border:0;padding:0}.profile-chip>span:first-child{width:40px;height:40px}.home-shell{padding:0 16px 30px}.hero-section{flex-direction:column;min-height:auto;padding:52px 0 30px;display:flex}.hero-copy{text-align:center}.hero-copy h1{margin-top:20px;font-size:clamp(48px,13vw,68px)}.hero-copy>p{margin-inline:auto;font-size:15px}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions button{width:100%}.join-strip{margin-inline:auto}.hero-table{max-width:430px}.stats-ribbon{grid-template-columns:repeat(2,1fr)}.stats-ribbon>div{min-height:72px}.stats-ribbon>div:nth-child(2){border-right:0}.stats-ribbon>div:nth-child(3){border-top:1px solid var(--line)}.level-stat{grid-column:auto}.modes-section{padding-top:78px}.section-heading{align-items:start}.section-heading h2{font-size:33px}.text-button{display:none}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:210px}.home-lower-grid{grid-template-columns:1fr;padding-bottom:60px}.site-footer>span{display:none}.lobby-page{padding:18px 16px 55px}.lobby-topbar{gap:10px}.lobby-topbar .secondary-button{min-height:43px;padding:0 13px;font-size:0}.lobby-topbar .secondary-button .button-icon{font-size:15px}.lobby-code-card{grid-template-columns:1fr auto;gap:12px;margin-top:24px}.lobby-code-card>span{border:0;grid-area:2/1/auto/-1;padding:0}.seat-grid{grid-template-columns:1fr}.lobby-players-panel,.rules-panel{padding:20px}.lobby-ready-bar{flex-direction:column;align-items:stretch}.lobby-ready-bar p{text-align:center}.game-page{--card-width:clamp(58px, 16.5vw, 66px);grid-template-rows:auto minmax(0, 1fr) calc(clamp(178px, 24dvh, 204px) + env(safe-area-inset-bottom));min-width:0;min-height:0}.large-cards .game-page{--card-width:clamp(64px, 18vw, 72px)}.game-topbar{min-height:calc(60px + env(safe-area-inset-top));min-width:0;padding:calc(8px + env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) 8px max(9px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;gap:6px}.game-brand{gap:8px;min-width:0}.game-brand .logo-mark{flex:none;width:32px;height:32px}.game-brand>span{min-width:0}.game-brand b{font-size:11px}.game-brand small{max-width:min(36vw,138px);display:block}.round-dots,.game-menu button:first-child{display:none}.game-menu{flex:none;gap:3px;min-width:0}.game-menu button{flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0}.game-table{border-radius:24px;align-self:center;width:calc(100% - 12px);min-width:0;max-width:calc(100vw - 12px);height:calc(100% - 10px);max-height:none;margin:5px auto}.opponents-row{-webkit-overflow-scrolling:touch;justify-content:safe center;gap:6px;width:100%;max-width:100%;padding:0 10px 8px;top:7px;left:50%;right:auto;overflow-x:auto;transform:translate(-50%)}.player-pod{flex:1 1 0;min-width:56px;max-width:76px}.opponent-cards{transform-origin:bottom;min-width:62px;height:24px;transform:scale(.72)}.pod-avatar{width:35px;height:35px;font-size:16px}.player-pod strong{max-width:clamp(60px,18vw,72px);font-size:9px}.player-pod small{font-size:8px}.player-pod .role-badge{display:none}.turn-ring{width:43px;height:43px;top:18px}.table-status{gap:4px;max-width:calc(100% - 18px);top:23%}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{max-width:calc(100vw - 38px);padding:6px 9px;font-size:8px}.center-pile{min-width:min(230px,100% - 18px);min-height:116px;top:48%}.empty-pile b{font-size:12px}.empty-pile small{font-size:9px}.pile-cards{min-width:154px;height:84px}.pile-cards .jass-card{--card-width:54px;margin-left:-34px}.center-pile>p{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 42px);overflow:hidden}.requirement-chip{max-width:calc(100% - 24px);top:72%;bottom:auto;transform:translate(-50%,-50%)}.requirement-chip b{font-size:10px;line-height:1.35}.me-pod{bottom:9px;left:max(10px, env(safe-area-inset-left));background:#06141194;border:1px solid #ffffff14;border-radius:999px;gap:7px;padding:3px 9px 3px 3px}.me-avatar{width:38px;height:38px;font-size:17px}.me-pod p{display:grid}.me-pod strong{font-size:9px}.me-pod small{font-size:7px}.me-pod .role-badge{display:none}.hand-dock{min-width:0;min-height:0;padding:0 max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);column-gap:0;overflow:hidden}.hand-scroll{-webkit-overflow-scrolling:touch;height:calc(var(--card-height) + 34px);overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:25px max(30px, env(safe-area-inset-right)) 4px max(30px, env(safe-area-inset-left));scrollbar-width:none;grid-area:1/1;justify-content:safe center;width:100%;margin:-22px 0 0;scroll-padding-inline:30px;overflow:auto hidden}.hand-scroll::-webkit-scrollbar{display:none}.hand-scroll .jass-card{margin-left:clamp(-27px,-6.8vw,-23px)}.hand-scroll .jass-card:first-child{margin-left:0}.game-actions{grid-area:2/1;grid-template-columns:minmax(84px,.36fr) minmax(0,1fr);place-self:end stretch;gap:8px;width:100%;min-width:0;max-width:480px;margin-inline:auto;display:grid;position:static}.game-actions.has-staegele{grid-template-columns:minmax(70px,.58fr) minmax(104px,1fr) minmax(106px,1.04fr);max-width:560px}.pass-button{min-width:0;padding-inline:10px}.play-button{white-space:nowrap;min-width:0;max-width:100%;padding-inline:10px}.staegele-button{min-width:0;max-width:100%;padding-inline:9px}.selection-help{display:none}.exchange-stage{padding:18px max(12px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));gap:12px}.exchange-heading{text-align:left;padding:2px 4px 6px}.exchange-heading h1{margin:11px 0 9px;font-size:clamp(32px,9.5vw,42px);line-height:.98}.exchange-heading>p{max-width:430px;margin:0;font-size:13px;line-height:1.45}.exchange-grid{grid-template-columns:1fr;gap:12px}.exchange-task,.exchange-progress{border-radius:20px;min-height:0;padding:17px}.exchange-role{padding:6px 9px;font-size:9px}.exchange-task>h2,.exchange-waiting h2{font-size:clamp(23px,6.5vw,28px);line-height:1.08}.exchange-task>p,.exchange-waiting p{font-size:12px}.received-cards{flex-direction:row;align-items:center;gap:12px;min-height:118px;margin-top:17px;padding:13px 14px}.received-cards>div:first-child small,.received-cards>div:first-child span{font-size:10px}.received-card-fan{justify-content:center;min-width:88px;min-height:88px}.exchange-waiting{align-items:flex-start;gap:13px;min-height:112px}.exchange-check,.forced-transfer{width:46px;height:46px;font-size:20px}.exchange-progress-head span{font-size:10px}.exchange-progress-head small{font-size:9px}.exchange-progress-head>b{font-size:15px}.exchange-progress-bar{margin:12px 0 14px}.exchange-pairs{gap:8px}.exchange-hand-dock{grid-template-columns:1fr;gap:12px;min-height:0;padding:16px}.exchange-selection-copy{justify-content:space-between;align-items:center;gap:16px;display:flex}.exchange-selection-copy>p{margin-bottom:0}.exchange-selection-copy>small{text-align:right;max-width:180px;font-size:10px}.exchange-hand{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;align-items:end;min-height:142px;padding:30px 28px 10px;scroll-padding-inline:28px;overflow:auto hidden}.exchange-hand::-webkit-scrollbar{display:none}.exchange-hand .jass-card{--card-width:clamp(68px, 20vw, 76px);margin-left:clamp(-36px,-9.5vw,-31px)}.exchange-hand .jass-card.is-selected{transform:translateY(-18px)}.exchange-confirm{width:100%;min-height:60px;padding-left:19px}.exchange-confirm-copy strong{font-size:13px}.exchange-confirm-copy small{font-size:9px}.exchange-pair{grid-template-columns:31px minmax(0,1fr) 16px 31px minmax(0,1fr) 21px;gap:6px;min-height:62px;padding:8px}.exchange-pair>span{font-size:22px}.exchange-pair strong{font-size:10px}.exchange-pair small{font-size:8px}.exchange-progress>p{margin-top:13px;font-size:9px}.jass-card.is-compact{--card-width:60px}.results-overlay{align-items:end;padding:0}.results-card{max-width:none;max-height:92dvh;padding:24px 18px max(22px, env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0}.results-card h2{font-size:27px}.leaderboard-page{padding:45px 16px 70px}.my-rank-card{grid-template-columns:48px 1fr}.my-rank-card>div{border-left:0;border-top:1px solid var(--line);text-align:left;padding:12px 0 0}.leader-table{overflow-x:auto}.leader-table-head,.leader-row{grid-template-columns:48px minmax(160px,1fr) repeat(4,64px);min-width:580px}.modal-card{border-radius:18px;padding:24px 20px}.avatar-picker>div{grid-template-columns:repeat(4,1fr)}.rules-steps,.rank-order{grid-template-columns:1fr}.rank-order>span{display:none}}@media (max-width:430px){.game-page{--card-width:clamp(57px, 16vw, 62px);grid-template-rows:auto minmax(0, 1fr) calc(clamp(174px, 23dvh, 194px) + env(safe-area-inset-bottom))}.large-cards .game-page{--card-width:clamp(62px, 17.5vw, 68px)}.game-topbar{min-height:calc(56px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) 6px max(7px, env(safe-area-inset-left))}.game-brand{gap:7px}.game-brand .logo-mark{width:29px;height:29px}.game-brand small{display:none}.game-menu button{flex-basis:44px;width:44px;min-width:44px;height:44px}.game-table{border-radius:19px;width:calc(100% - 8px);max-width:calc(100vw - 8px)}.opponents-row{gap:4px;padding-inline:7px}.player-pod{flex-basis:0;max-width:70px}.table-status{top:22%}.center-pile{top:47%}.requirement-chip{top:72%;bottom:auto}.hand-scroll{padding-inline:max(27px, env(safe-area-inset-left)) max(27px, env(safe-area-inset-right));margin-top:-19px}.pass-button,.play-button,.staegele-button{gap:6px;min-height:44px;font-size:10px}.pass-button kbd{display:none}.join-strip{grid-template-columns:1fr auto;align-items:stretch;gap:0;padding-left:12px;display:grid}.join-strip label{display:none}.join-strip input{border-left:0;padding-left:2px}.stats-ribbon strong{font-size:13px}.stats-ribbon>div{padding:12px}.stat-icon{display:none}.hero-stamp{gap:6px}.hero-stamp small{display:none}.lobby-title h1{font-size:16px}.back-button{font-size:0}.back-button span{font-size:17px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-stats>div:nth-child(2){border-right:0}.profile-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:430px) and (max-height:680px) and (orientation:portrait){.opponents-row{top:6px}.opponent-cards{height:20px;transform:scale(.66)}.pod-avatar{width:32px;height:32px;font-size:15px}.player-pod>p{gap:1px;margin-top:3px}.player-pod strong{font-size:8px}.player-pod small{font-size:7px}.turn-ring{width:40px;height:40px;top:14px}.table-status{top:29%}.center-pile{min-height:96px;top:54%}.pile-cards{height:70px}.empty-pile>span{font-size:34px}.empty-pile b{font-size:11px}.empty-pile small{font-size:8px}.requirement-chip{top:77%}}@media (max-width:340px){.game-page{--card-width:53px}.hand-scroll{padding-inline:8px}.hand-scroll .jass-card{margin-left:-24px}}@media (min-width:600px) and (max-width:780px) and (min-height:521px){.game-page{--card-width:78px;grid-template-rows:auto minmax(0, 1fr) calc(clamp(210px, 22dvh, 228px) + env(safe-area-inset-bottom))}.large-cards .game-page{--card-width:86px}.game-table{border-radius:28px;width:calc(100% - 16px);max-width:calc(100vw - 16px)}.opponents-row{gap:10px;padding-inline:16px;top:12px}.player-pod{min-width:70px;max-width:96px}.opponent-cards{height:29px;transform:scale(.82)}.pod-avatar{width:42px;height:42px;font-size:19px}.player-pod strong{max-width:94px;font-size:10px}.player-pod small{font-size:8px}.turn-ring{width:50px;height:50px;top:24px}.table-status{top:22%}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{padding:7px 10px;font-size:9px}.center-pile{min-width:min(280px,100% - 24px);min-height:140px}.pile-cards{min-width:180px;height:100px}.pile-cards .jass-card{--card-width:60px;margin-left:-38px}.empty-pile>span{font-size:46px}.empty-pile b{font-size:13px}.empty-pile small{font-size:10px}.requirement-chip{max-width:420px;top:72%}.requirement-chip span{font-size:8px}.requirement-chip b{font-size:11px}.me-pod{bottom:12px;left:max(16px, env(safe-area-inset-left))}.me-avatar{width:44px;height:44px;font-size:19px}.me-pod strong{font-size:10px}.me-pod small{font-size:8px}.hand-dock{padding:0 max(16px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.hand-scroll{height:calc(var(--card-height) + 38px);margin-top:-25px;padding:30px 40px 4px}.game-actions{max-width:500px}.pass-button,.play-button,.staegele-button{min-height:48px}}@media (max-height:520px) and (min-aspect-ratio:3/2){.game-page{--card-width:clamp(50px, 7.3vw, 58px);grid-template-rows:auto minmax(0, 1fr) calc(clamp(124px, 33dvh, 138px) + env(safe-area-inset-bottom))}.large-cards .game-page{--card-width:clamp(55px, 8vw, 63px)}.game-topbar{min-height:calc(54px + env(safe-area-inset-top));padding:calc(5px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 5px max(12px, env(safe-area-inset-left))}.game-brand .logo-mark{width:31px;height:31px}.game-brand small{display:none}.game-menu button{width:44px;min-width:44px;height:44px}.game-table{border-radius:38%/24%;width:calc(100% - 16px);max-width:calc(100vw - 16px);height:calc(100% - 6px);max-height:none;margin-block:3px}.opponents-row{gap:clamp(5px,1.5vw,14px);width:min(78%,760px);max-width:760px;padding:0 8px 4px;top:4px}.player-pod{flex:0 90px;min-width:70px}.opponent-cards{min-width:56px;height:22px;margin-bottom:-3px;transform:none}.opponents-row .card-back{border-width:1px;width:23px;height:32px;margin-left:-15px}.opponents-row .card-back:first-child{margin-left:0}.pod-avatar{width:30px;height:30px;font-size:14px}.player-pod>p{gap:1px;margin-top:3px}.player-pod strong{max-width:86px;font-size:8px}.player-pod small{font-size:7px}.player-pod .role-badge{display:none}.turn-ring{width:37px;height:37px;top:15px}.table-status{flex-flow:wrap;justify-content:center;gap:3px;width:min(230px,29vw);top:68%;left:24%;transform:translate(-50%,-50%)}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{letter-spacing:.05em;max-width:100%;padding:5px 7px;font-size:7px}.center-pile{min-width:min(170px,25vw);min-height:78px;top:68%;left:50%}.pile-cards{min-width:110px;height:58px}.pile-cards .jass-card{--card-width:44px;margin-left:-28px}.center-pile>p{margin-top:3px;padding:4px 7px 4px 4px;font-size:7px}.empty-pile{gap:2px}.empty-pile>span{font-size:28px}.empty-pile b{font-size:9px}.empty-pile small{font-size:7px}.requirement-chip{width:min(220px,28vw);top:68%;bottom:auto;left:76%;transform:translate(-50%,-50%)}.requirement-chip span{font-size:6px}.requirement-chip b{font-size:8px}.me-pod{bottom:6px;left:max(10px, env(safe-area-inset-left))}.me-avatar{width:34px;height:34px;font-size:15px}.me-pod p,.me-pod .role-badge{display:none}.hand-dock{padding:0 max(14px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.hand-scroll{height:calc(var(--card-height) + 24px);grid-area:1/1/3;justify-self:stretch;max-width:none;margin-top:-18px;padding:17px 28px 2px}.hand-scroll .jass-card{margin-left:clamp(-25px,-3.5vw,-20px)}.game-actions{grid-area:1/2;gap:8px;width:auto;max-width:none;display:flex}.game-actions.has-staegele{grid-template-columns:auto auto;display:grid}.game-actions.has-staegele .pass-button,.selection-help{display:none}.pass-button,.play-button,.staegele-button{min-height:42px}}.social-friend-row.is-confirming{background:linear-gradient(90deg,#ed3e460e,#0000 72%),#ffffff07;border-color:#ed3e4633}.social-friend-row>.friend-remove-confirmation{border-top:1px solid #ed3e4624;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin:2px -1px -1px;padding:10px 1px 2px;display:grid}.friend-remove-confirmation>p{gap:3px;min-width:0;margin:0;display:grid}.friend-remove-confirmation>p strong{color:var(--ink);font-size:10px}.friend-remove-confirmation>p small{color:var(--muted);font-size:8px}.friend-remove-confirmation>div{gap:6px;display:flex}.friend-remove-cancel,.friend-remove-confirm{cursor:pointer;border-radius:9px;min-height:36px;padding:0 11px;font-size:8px;font-weight:850}.friend-remove-cancel{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff0b}.friend-remove-confirm{color:#ffaaa1;background:#ed3e4621;border:1px solid #ed3e4642}.friend-remove-cancel:disabled,.friend-remove-confirm:disabled{cursor:wait;opacity:.5}@media (max-width:780px) and (orientation:portrait){.game-table .table-status{z-index:12;top:29%}.game-table .center-pile{top:58%}.game-table .requirement-chip{z-index:5;top:82%}}@media (max-width:520px){.social-friend-row>.friend-remove-confirmation{grid-template-columns:1fr}.friend-remove-confirmation>div{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}@media (max-width:430px) and (max-height:700px) and (orientation:portrait){.game-table .table-status{top:28%}.game-table .center-pile{top:57%}.game-table .requirement-chip{top:81%}}.pwa-install-banner{display:none}@media (max-width:780px){.pwa-install-banner.is-visible{animation:pwa-install-arrive .56s var(--ease) both;-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);bottom:calc(11px + env(safe-area-inset-bottom));z-index:260;background:radial-gradient(circle at 8% 10%,#f5c45133,#0000 34%),linear-gradient(145deg,#19372ffa,#091915fb);border:1px solid #73e2bd3d;border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:11px 12px;width:calc(100% - 20px);max-width:500px;padding:13px;display:grid;position:fixed;left:50%;overflow:hidden;translate:-50%;box-shadow:0 28px 80px #0000008f,inset 0 0 0 1px #ffffff06}.pwa-install-banner:before{content:"";background:linear-gradient(90deg,#0000,#73e2bdb8,#f5c451b8,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.pwa-install-close{color:var(--muted);z-index:2;background:#0000002e;border:1px solid #ffffff17;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0 0 2px;font-size:19px;line-height:1;display:flex;position:absolute;top:9px;right:9px}.pwa-install-icon{background:var(--night) url(/icons/icon-192.png) center / cover no-repeat;border:1px solid #f5c45159;border-radius:15px;align-self:center;width:58px;height:58px;box-shadow:0 12px 30px #00000059,0 0 24px #f5c45114}.pwa-install-copy{align-self:center;gap:3px;min-width:0;padding-right:29px;display:grid}.pwa-install-copy small{color:var(--mint);letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:900}.pwa-install-copy strong{color:var(--ink);letter-spacing:-.035em;font-size:18px}.pwa-install-copy p{color:var(--muted);margin:0;font-size:9px;line-height:1.35}.pwa-install-action{color:#261b06;background:radial-gradient(circle at 18% 20%,#fff3,#0000 34%),linear-gradient(120deg,#f6c655,#ee9d3e);border:1px solid #fff1be8a;border-radius:13px;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;font-size:12px;font-weight:900;display:flex;box-shadow:0 10px 27px #e297302e}.pwa-install-action>span{font-size:17px}.pwa-install-instructions{animation:pwa-instructions-open .34s var(--ease) both;border-top:1px solid #ffffff17;grid-column:1/-1;gap:8px;padding-top:11px;display:grid}.pwa-install-instructions>span{color:var(--gold);letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:900}.pwa-install-instructions ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pwa-install-instructions li{background:#00000029;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:38px;padding:5px 9px;display:grid}.pwa-install-instructions li>b{color:var(--mint);background:#73e2bd1a;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;display:flex}.pwa-install-instructions li p{color:var(--muted-strong);margin:0;font-size:10px}.pwa-install-instructions li strong{color:var(--ink)}.pwa-install-instructions li i{color:var(--mint);margin-left:3px;font-size:14px;font-style:normal}body:has(.game-page) .pwa-install-banner{display:none}@keyframes pwa-install-arrive{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes pwa-instructions-open{0%{opacity:0;transform:translateY(-8px)}}}@media (max-width:350px){.pwa-install-banner.is-visible{border-radius:18px;width:calc(100% - 14px);padding:11px}.pwa-install-icon{border-radius:13px;width:52px;height:52px}.pwa-install-copy strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.pwa-install-banner.is-visible,.pwa-install-instructions{animation:none}}.friends-button{border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;background:#ffffff0b;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.friends-button>span{color:var(--mint);font-size:17px}.friends-button>i{background:var(--red);border:2px solid var(--night);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:flex;position:absolute;top:-5px;right:-4px}.home-shell.home-v2{max-width:1380px;margin:0 auto;padding:24px 34px 34px}.home-command{background:radial-gradient(circle at 12% 12%,#73e2bd21,#0000 34%),radial-gradient(circle at 89% 6%,#f5c45117,#0000 28%),linear-gradient(145deg,#14302af0,#0a1916fa);border:1px solid #73e2bd2b;border-radius:32px;grid-template-columns:minmax(0,1.13fr) minmax(330px,.72fr);gap:clamp(42px,6vw,90px);min-height:590px;padding:clamp(44px,6vw,84px);display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000047}.home-command:after{content:"";pointer-events:none;border:1px solid #73e2bd1a;border-radius:50%;width:520px;height:520px;position:absolute;top:-240px;right:-280px}.home-command-copy{z-index:2;align-self:center;min-width:0;position:relative}.home-eyebrow,.ranked-kicker{color:var(--mint);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:900;display:flex}.home-eyebrow i{background:var(--mint);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 5px #73e2bd17}.home-command h1{letter-spacing:-.072em;margin:24px 0;font-size:clamp(56px,6.5vw,92px);line-height:.9}.home-command h1 em{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:500}.home-command-copy>p{color:var(--muted-strong);max-width:620px;margin:0 0 28px;font-size:clamp(15px,1.3vw,18px);line-height:1.6}.home-main-actions{gap:12px;max-width:650px;display:grid}.home-ranked-cta{color:#fff;cursor:pointer;text-align:left;min-height:90px;transition:transform .22s var(--ease), box-shadow .22s ease;background:radial-gradient(circle at 15% 20%,#ffffff29,#0000 32%),linear-gradient(118deg,#ec3f48,#b82834);border:1px solid #fff3;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 20px;display:grid;box-shadow:0 18px 38px #ba273038}.home-ranked-cta:disabled{cursor:wait;opacity:.6}.ranked-cta-icon{background:#06110f40;border:1px solid #ffffff38;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;font-size:29px;display:flex}.home-ranked-cta>span:nth-child(2){gap:3px;min-width:0;display:grid}.home-ranked-cta small{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.home-ranked-cta strong{letter-spacing:-.03em;font-size:22px}.home-ranked-cta i{color:#ffffffc2;font-size:11px;font-style:normal}.home-ranked-cta>b{font-size:25px}.home-action-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-action-card{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#0000002e;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:70px;padding:13px 15px;display:grid}.home-action-card>span{background:#ffffff0e;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:19px;display:flex}.home-action-card.is-quick>span{color:var(--gold)}.home-action-card.is-private>span{color:var(--mint)}.home-action-card p,.home-ranked-cta p{gap:4px;margin:0;display:grid}.home-action-card strong{font-size:14px}.home-action-card small{color:var(--muted);font-size:10px}.home-action-card>b{color:var(--muted)}.home-join{grid-template-columns:auto 112px auto;align-items:center;gap:10px;max-width:480px;margin-top:16px;display:grid}.home-join label{color:var(--muted);font-size:11px;font-weight:750}.home-join input{border:1px solid var(--line);color:var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;background:#00000038;border-radius:11px;min-width:0;height:44px;padding:0 12px;font-size:15px;font-weight:850}.home-join button,.home-card-heading button{color:var(--mint);cursor:pointer;background:0 0;border:0;min-height:42px;padding:0 8px;font-size:11px;font-weight:800}.home-join button:disabled{color:var(--muted);cursor:default;opacity:.45}.home-rank-card{z-index:2;background:linear-gradient(150deg,#ffffff12,#00000029),#112c27;border:1px solid #f5c45133;border-radius:28px;align-self:center;min-height:430px;padding:27px;position:relative;overflow:hidden;transform:rotate(1.3deg);box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff14}.home-rank-shine{background:radial-gradient(circle,#f5c4512e,#0000 66%);width:270px;height:270px;position:absolute;top:-120px;right:-120px}.home-rank-head,.home-season-note,.home-rank-stats{justify-content:space-between;align-items:center;display:flex;position:relative}.home-rank-head>span,.home-season-note p{gap:5px;display:grid}.home-rank-head small,.home-season-note small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.home-rank-head strong{font-size:19px}.home-rank-head>b{filter:drop-shadow(0 10px 15px #0000004d);font-size:48px}.home-mmr{align-items:end;gap:9px;margin:35px 0 17px;display:flex}.home-mmr strong{letter-spacing:-.075em;font-size:clamp(58px,6vw,78px);line-height:.85}.home-mmr span{color:var(--gold);letter-spacing:.1em;font-size:11px;font-weight:900}.home-league-progress>span,.ranked-mini-track,.ranked-search-progress>span{background:#ffffff12;border-radius:999px;height:7px;display:block;overflow:hidden}.home-league-progress>span i,.ranked-mini-track i,.ranked-search-progress>span i{background:linear-gradient(90deg, var(--gold), var(--mint));border-radius:inherit;height:100%;display:block}.home-league-progress p{color:var(--muted);justify-content:space-between;margin:8px 0 0;font-size:8px;display:flex}.home-season-note{border-bottom:1px solid var(--line);border-top:1px solid var(--line);justify-content:start;gap:12px;margin-top:24px;padding:19px 0}.home-season-note>span{color:var(--mint);background:#73e2bd14;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.home-season-note strong{font-size:11px}.home-rank-stats{margin-top:20px}.home-rank-stats>span{gap:4px;display:grid}.home-rank-stats b{font-size:19px}.home-rank-stats small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.home-support-grid{grid-template-columns:.9fr 1fr 1.1fr;gap:14px;margin-top:14px;display:grid}.home-support-grid>article{border:1px solid var(--line);background:#0f1f1bc7;border-radius:20px;min-height:180px;padding:20px}.home-card-heading{justify-content:space-between;align-items:center;display:flex}.home-card-heading>span{gap:4px;display:grid}.home-card-heading small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.home-card-heading strong{font-size:17px}.home-friend-faces{align-items:center;min-height:52px;margin:24px 0 17px;display:flex}.home-friend-face{background:#1b312c;border:3px solid #0e1d1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-left:-8px;font-size:21px;display:flex;position:relative}.home-friend-face:first-child{margin-left:0}.home-friend-face.is-online:after,.social-avatar.is-online:after,.ranked-friend-list>div>span.is-online:after{background:var(--mint);content:"";border:2px solid #10211d;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.home-friend-faces>button,.ranked-add-friend{border:1px dashed var(--line-strong);color:var(--muted-strong);cursor:pointer;background:#ffffff09;border-radius:13px;align-items:center;gap:9px;min-height:50px;padding:0 14px;font-size:10px;display:flex}.home-friend-faces>button span{color:var(--mint);font-size:18px}.home-presence-copy{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.home-presence-copy i{background:var(--mint);border-radius:50%;width:6px;height:6px}.home-more-modes>div:last-child{gap:8px;margin-top:19px;display:grid}.home-more-modes>div:last-child>button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#ffffff09;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;padding:8px 12px;display:grid}.home-more-modes>div:last-child>button>span{color:var(--gold);background:#f5c45114;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.home-more-modes p{gap:3px;margin:0;display:grid}.home-more-modes strong{font-size:12px}.home-more-modes small{color:var(--muted);font-size:8px}.home-more-modes b{color:var(--muted)}.home-leader-list{gap:5px;margin-top:13px;display:grid}.home-leader-list>div{border-top:1px solid var(--line);grid-template-columns:25px 34px 1fr auto;align-items:center;gap:8px;min-height:39px;padding-top:5px;display:grid}.home-leader-list>div>b{color:var(--gold);font-family:var(--font-geist-mono), monospace;font-size:9px}.home-leader-list>div>span{font-size:19px}.home-leader-list p{gap:1px;margin:0;display:grid}.home-leader-list p strong{font-size:10px}.home-leader-list p small{color:var(--muted);font-size:8px}.home-leader-list>div>i{color:var(--muted-strong);font-family:var(--font-geist-mono), monospace;font-size:9px;font-style:normal}.home-v2-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:25px 8px 0;font-size:9px;display:flex}.home-v2-footer p{letter-spacing:.12em;align-items:center;gap:8px;margin:0;display:flex}.home-v2-footer .logo-mark{border-radius:8px;width:28px;height:28px}.ranked-lobby-page{max-width:1380px;margin:0 auto;padding:12px 34px 40px}.ranked-lobby-nav{grid-template-columns:1fr auto 1fr;align-items:center;min-height:50px;margin-bottom:14px;display:grid}.ranked-lobby-nav>span{color:var(--muted-strong);letter-spacing:.07em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:850;display:flex}.ranked-lobby-nav>span i{font-size:20px;font-style:normal}.ranked-share-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0b;border-radius:999px;justify-self:end;min-height:42px;padding:0 16px;font-size:11px;font-weight:800}.ranked-lobby-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.68fr);gap:14px;display:grid}.ranked-search-card,.ranked-lobby-aside>section{border:1px solid var(--line);background:radial-gradient(circle at 50% -20%,#73e2bd21,#0000 43%),#0d1f1bf2;border-radius:26px}.ranked-search-card{text-align:center;min-height:650px;padding:clamp(32px,5vw,68px);position:relative;overflow:hidden}.ranked-search-card:before{content:"";pointer-events:none;border:1px solid #73e2bd14;border-radius:50%;width:620px;height:620px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.ranked-search-card>*{z-index:2;position:relative}.ranked-kicker{justify-content:center}.ranked-search-card h1{letter-spacing:-.065em;margin:20px 0;font-size:clamp(48px,6vw,78px);line-height:.94}.ranked-search-card h1 em{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:500}.ranked-search-card>p{color:var(--muted);max-width:600px;margin:0 auto;font-size:13px;line-height:1.6}.ranked-seat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:760px;margin:42px auto 28px;display:grid}.ranked-seat{border:1px dashed var(--line-strong);background:#0000002b;border-radius:17px;place-items:center;min-height:145px;padding:15px 8px;display:grid;position:relative}.ranked-seat.is-filled{background:#73e2bd0e;border-style:solid}.ranked-seat.is-me{border-color:#73e2bd8c;box-shadow:inset 0 0 0 1px #73e2bd1f}.ranked-seat>span{border:1px solid var(--line);background:#1c3731;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.ranked-seat:not(.is-filled)>span{color:var(--muted);font-size:21px}.ranked-seat p{gap:4px;margin:8px 0 0;display:grid}.ranked-seat strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.ranked-seat small{color:var(--muted);font-size:8px}.ranked-seat>i{background:var(--mint);color:#092019;border:3px solid #10231f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-style:normal;display:flex;position:absolute;top:12px;right:12px}.ranked-search-progress{max-width:520px;margin:0 auto 22px}.ranked-search-progress>span{height:5px}.ranked-search-progress p{color:var(--muted-strong);margin:9px 0 0;font-size:9px}.ranked-search-actions{justify-items:center;gap:10px;max-width:480px;margin:0 auto;display:grid}.ranked-search-button{width:100%;min-height:60px}.ranked-search-button.is-searching{border-color:var(--line-strong);box-shadow:none;color:var(--muted-strong);background:#ffffff0e}.ranked-search-actions>small{color:var(--muted);font-size:8px}.ranked-member-wait{border:1px solid var(--line);text-align:left;background:#ffffff0b;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 18px;display:flex}.ranked-member-wait p{gap:4px;margin:0;display:grid}.ranked-member-wait strong{font-size:11px}.ranked-member-wait small{color:var(--muted);font-size:8px}.ranked-lobby-aside{gap:14px;display:grid}.ranked-lobby-aside>section{padding:23px}.ranked-league-mini>div:first-child{align-items:center;gap:12px;display:flex}.ranked-league-mini>div:first-child>span{background:#f5c45114;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;display:flex}.ranked-league-mini p{color:var(--muted);font-size:9px;line-height:1.5}.ranked-league-mini>div p{gap:4px;margin:0;display:grid}.ranked-league-mini>div strong{color:var(--ink);font-size:17px}.ranked-league-mini>b{letter-spacing:-.045em;margin:24px 0 12px;font-size:28px;display:block}.ranked-mini-track{height:6px}.ranked-invite-card{min-height:380px}.ranked-friend-list{gap:5px;margin-top:14px;display:grid}.ranked-friend-list>div{border-top:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:54px;display:grid}.ranked-friend-list>div>span{background:#1d3530;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;display:flex;position:relative}.ranked-friend-list p{gap:2px;margin:0;display:grid}.ranked-friend-list strong{font-size:10px}.ranked-friend-list small{color:var(--muted);font-size:8px}.ranked-friend-list>div>button{color:var(--mint);cursor:pointer;background:#73e2bd14;border:1px solid #73e2bd2e;border-radius:9px;min-height:32px;padding:0 9px;font-size:8px;font-weight:850}.ranked-friend-list>div>button:disabled{cursor:default;opacity:.38}.ranked-add-friend{justify-content:center;width:100%;margin-top:16px}.ranked-code-share{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#0000002b;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:60px;margin-top:20px;padding:10px 13px;display:flex}.ranked-code-share span{text-align:left;gap:2px;display:grid}.ranked-code-share small{color:var(--muted);text-transform:uppercase;font-size:7px}.ranked-code-share strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:16px}.ranked-code-share>b{color:var(--mint);font-size:9px}.friends-modal{max-width:650px;max-height:min(820px,100dvh - 34px);padding:30px;overflow-y:auto}.friends-modal-title{justify-content:space-between;align-items:end;margin-top:8px;display:flex}.friends-modal-title h2{margin-bottom:5px;font-size:38px}.friends-modal-title p{color:var(--muted);max-width:420px;margin:0;font-size:10px;line-height:1.5}.friends-modal-title>span{background:#73e2bd12;border:1px solid #73e2bd24;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;width:66px;height:58px;display:flex}.friends-modal-title>span b{font-size:17px}.friends-modal-title>span small{color:var(--muted);font-size:7px}.friend-search-form{border:1px solid var(--line);background:#0000002e;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:56px;margin:22px 0;padding:6px 7px 6px 15px;display:grid}.friend-search-form>span{color:var(--muted);font-size:19px}.friend-search-form input{color:var(--ink);background:0 0;border:0;outline:0;min-width:0;padding:0 4px;font-size:12px}.friend-search-form button,.social-accept{background:var(--mint);color:#0b241d;cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:0 14px;font-size:9px;font-weight:900}.friend-search-form button:disabled{opacity:.35}.social-section{margin-top:20px}.social-section-title{color:var(--muted-strong);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:8px;font-weight:850;display:flex}.social-section-title b{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:19px;height:19px;font-size:8px;display:flex}.social-request-row,.social-friend-row{border:1px solid var(--line);background:#ffffff07;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:62px;margin-top:6px;padding:7px 9px;display:grid}.social-invites .social-request-row{background:#f5c4510b;border-color:#f5c45129}.social-avatar{border:1px solid var(--line);background:#1c3530;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;position:relative}.social-avatar.is-playing:after{background:var(--gold)}.social-request-row>p,.social-friend-row>p{gap:3px;margin:0;display:grid}.social-request-row strong,.social-friend-row strong{font-size:11px}.social-request-row small,.social-friend-row small{color:var(--muted);font-size:8px}.social-request-row>div,.social-friend-row>div{align-items:center;gap:6px;display:flex}.social-decline,.social-more-button{border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;background:#ffffff0b;border-radius:10px;min-width:38px;min-height:38px;font-size:15px}.social-accept{min-height:38px}.social-invite-button{color:var(--mint);cursor:pointer;background:#73e2bd14;border:1px solid #73e2bd29;border-radius:9px;min-height:36px;padding:0 11px;font-size:8px;font-weight:850}.social-invite-button:disabled{color:var(--muted);cursor:default;opacity:.45}.social-empty-state{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;align-items:center;margin-top:8px;padding:25px;display:flex}.social-empty-state>span{color:var(--mint);font-size:28px}.social-empty-state strong{color:var(--ink);margin-top:8px;font-size:11px}.social-empty-state p{margin:4px 0 0;font-size:9px}.social-outgoing{color:var(--muted)!important;margin:17px 0 0!important;font-size:8px!important}.game-invite-popup{animation:invite-pop .34s var(--ease) both;bottom:max(22px, env(safe-area-inset-bottom));z-index:95;background:radial-gradient(circle at 0 0,#f5c4511f,#0000 40%),#172b27;border:1px solid #f5c4513d;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;max-width:min(570px,100vw - 28px);padding:12px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #0000007a}.game-invite-avatar{border:1px solid var(--line);background:#203a34;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.game-invite-popup>p{gap:2px;margin:0;display:grid}.game-invite-popup p small{color:var(--gold);letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:900}.game-invite-popup p strong{font-size:11px}.game-invite-popup p span{color:var(--muted);font-size:8px}.game-invite-popup>div{gap:6px;display:flex}.game-invite-popup>div button{border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;background:#ffffff0d;border-radius:10px;min-height:42px;padding:0 12px;font-size:11px;font-weight:850}.game-invite-popup>div button:last-child{background:var(--gold);border-color:var(--gold);color:#251b05}@keyframes invite-pop{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}}@media (hover:hover) and (pointer:fine){.home-ranked-cta:hover{transform:translateY(-3px);box-shadow:0 24px 52px #ba273052}.home-action-card:hover,.home-more-modes>div:last-child>button:hover,.friends-button:hover{border-color:var(--line-strong);background:#ffffff13}}@media (max-width:980px){.home-command{grid-template-columns:minmax(0,1fr) minmax(280px,.66fr);gap:28px;padding:42px}.home-command h1{font-size:clamp(52px,7vw,72px)}.home-support-grid{grid-template-columns:repeat(2,1fr)}.home-leaders-card{grid-column:1/-1}.ranked-lobby-grid{grid-template-columns:1fr}.ranked-lobby-aside{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){.site-header{gap:8px}.friends-button{border-radius:12px;width:40px;min-height:40px;padding:0}.friends-button>span{margin:auto}.friends-button>b{display:none}.home-shell.home-v2{padding:6px 12px 24px}.home-command{flex-direction:column;gap:28px;min-height:auto;padding:34px 20px 20px;display:flex}.home-command h1{margin:19px 0;font-size:clamp(46px,14vw,66px)}.home-command-copy>p{margin-bottom:22px;font-size:14px;line-height:1.5}.home-ranked-cta{min-height:82px;padding:12px}.ranked-cta-icon{border-radius:12px;width:52px;height:52px;font-size:24px}.home-ranked-cta strong{font-size:18px}.home-ranked-cta i{display:none}.home-action-card{gap:8px;min-height:64px;padding:10px}.home-action-card>span{width:39px;height:39px}.home-action-card strong{font-size:12px}.home-action-card small{font-size:8px}.home-join{grid-template-columns:1fr auto;max-width:none;margin-top:13px}.home-join label{grid-column:1/-1}.home-join input{width:100%}.home-rank-card{width:100%;min-height:0;padding:22px;transform:none}.home-rank-head>b{font-size:40px}.home-mmr{margin:26px 0 15px}.home-mmr strong{font-size:58px}.home-support-grid{grid-template-columns:1fr;margin-top:10px}.home-support-grid>article{min-height:0;padding:18px}.home-leaders-card{grid-column:auto}.home-v2-footer{align-items:start;gap:12px}.home-v2-footer>span{text-align:right;max-width:190px}.ranked-lobby-page{padding:3px 10px 24px}.ranked-lobby-nav{grid-template-columns:auto 1fr auto;margin-bottom:8px}.ranked-lobby-nav .back-button{min-width:42px;padding:0;font-size:0}.ranked-lobby-nav .back-button span{font-size:18px}.ranked-lobby-nav>span{font-size:8px}.ranked-share-button{min-height:40px;padding:0 12px}.ranked-search-card{border-radius:22px;min-height:0;padding:30px 14px 24px}.ranked-search-card h1{margin:16px 0;font-size:clamp(43px,13vw,60px)}.ranked-search-card>p{padding:0 7px;font-size:11px}.ranked-seat-row{gap:6px;margin:27px 0 20px}.ranked-seat{border-radius:13px;min-height:118px;padding:10px 4px}.ranked-seat>span{width:47px;height:47px;font-size:21px}.ranked-seat strong{max-width:70px;font-size:9px}.ranked-seat small{font-size:7px}.ranked-seat>i{top:4px;right:4px}.ranked-lobby-aside{grid-template-columns:1fr}.ranked-lobby-aside>section{border-radius:20px;padding:19px}.ranked-invite-card{min-height:0}.modal-backdrop{align-items:flex-end;padding:8px}.friends-modal{max-height:calc(100dvh - max(8px, env(safe-area-inset-top)));padding:25px 17px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 18px 18px}.friends-modal-title{align-items:start}.friends-modal-title h2{font-size:32px}.friends-modal-title p{max-width:250px;font-size:9px}.friend-search-form{margin:18px 0}.social-request-row,.social-friend-row{gap:8px;padding-inline:7px}.social-avatar{width:40px;height:40px;font-size:20px}.game-invite-popup{bottom:max(9px, env(safe-area-inset-bottom));gap:8px;padding:9px}.game-invite-avatar{width:46px;height:46px;font-size:22px}}@media (max-width:410px){.home-command{padding-inline:16px}.home-command h1{font-size:clamp(43px,13.6vw,57px)}.home-action-pair{grid-template-columns:1fr}.home-action-card{grid-template-columns:auto 1fr auto}.home-rank-stats small{font-size:7px}.ranked-seat{min-height:105px}.ranked-seat>span{width:42px;height:42px;font-size:19px}.ranked-seat small{display:none}.ranked-search-card{padding-inline:9px}.friend-search-form{grid-template-columns:auto 1fr;padding-bottom:8px}.friend-search-form button{grid-column:1/-1;width:100%}.social-request-row,.social-friend-row{grid-template-columns:auto minmax(0,1fr) auto}.social-invite-button{min-width:36px;padding:0;font-size:0}.social-invite-button:after{content:"↗";font-size:13px}.game-invite-popup{grid-template-columns:auto 1fr}.game-invite-popup>div{grid-column:1/-1}.game-invite-popup>div button:last-child{flex:1}}.home-progression-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px;margin-top:14px;display:grid}.daily-card,.level-journey-card{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#73e2bd17,#0000 34%),#0f1f1bd6;border-radius:24px;padding:25px;position:relative;overflow:hidden}.daily-card-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.daily-card-head h2{letter-spacing:-.045em;margin:10px 0 5px;font-size:clamp(25px,2.5vw,36px)}.daily-card-head>div:first-child>p{color:var(--muted);margin:0;font-size:10px}.daily-meta{border:1px solid var(--line);background:#0000002b;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;min-width:170px;padding:10px 13px;display:grid}.daily-meta>strong{color:var(--gold);grid-row:1/3;margin-right:9px;font-size:18px}.daily-meta>small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.daily-reset-timer{color:var(--muted-strong);font-family:var(--font-geist-mono), monospace;font-size:8px}.daily-task-list{gap:8px;margin-top:20px;display:grid}.daily-task{border:1px solid var(--line);min-height:77px;transition:background .18s ease, border-color .18s ease, transform .18s var(--ease);background:#00000029;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 11px;display:grid}.daily-task.is-complete{background:linear-gradient(90deg,#73e2bd12,#0000),#00000029;border-color:#73e2bd3d}.daily-task.is-claimed{opacity:.72;background:#73e2bd09}.daily-task-icon{border:1px solid var(--line);color:var(--gold);background:radial-gradient(circle at 32% 22%,#ffffff1f,#0000 38%),#203b35;border-radius:13px;justify-content:center;align-items:center;width:51px;height:51px;font-family:Georgia,serif;font-size:21px;font-weight:800;display:flex}.daily-task.is-complete .daily-task-icon{color:var(--mint);box-shadow:0 0 24px #73e2bd1f}.daily-task-copy{gap:6px;min-width:0;display:grid}.daily-task-copy>p{gap:3px;margin:0;display:grid}.daily-task-copy strong{font-size:11px}.daily-task-copy small{color:var(--muted);font-size:8px}.daily-task-track{background:#fff1;border-radius:999px;max-width:420px;height:5px;display:block;overflow:hidden}.daily-task-track i{background:linear-gradient(90deg, var(--gold), var(--mint));border-radius:inherit;height:100%;transition:width .7s var(--ease);display:block;box-shadow:0 0 14px #73e2bd3d}.daily-task>button{color:var(--gold);cursor:pointer;background:#f5c45114;border:1px solid #f5c4512b;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-width:96px;min-height:42px;padding:0 11px;font-size:9px;font-weight:900;display:flex}.daily-task.is-complete:not(.is-claimed)>button{background:linear-gradient(135deg, var(--mint), #56cba7);color:#09251d;border-color:#9df1d5;animation:2.2s ease-in-out infinite daily-ready-pulse;box-shadow:0 9px 24px #73e2bd2b}.daily-task>button:disabled{cursor:default}.daily-task:not(.is-complete)>button:disabled{opacity:.66}.daily-task.is-claimed>button{color:var(--mint);background:#73e2bd12;border-color:#73e2bd21}.daily-task.is-loading{grid-template-columns:52px 1fr;overflow:hidden}.daily-task.is-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0e,#0000);animation:1.3s ease-in-out infinite daily-skeleton;position:absolute;inset:0;translate:-100%}.daily-task.is-loading>span,.daily-task.is-loading>i{background:#ffffff0b;border-radius:12px;height:48px}@keyframes daily-ready-pulse{50%{transform:translateY(-1px);box-shadow:0 9px 30px #73e2bd52}}@keyframes daily-skeleton{to{translate:100%}}.level-journey-card{background:radial-gradient(circle at 78% 10%,#f5c4512b,#0000 33%),radial-gradient(circle at 10% 90%,#73e2bd17,#0000 36%),linear-gradient(145deg,#17342e,#0c211d);border-color:#f5c4512b;min-height:365px}.level-orbit{pointer-events:none;border:1px solid #f5c45117;border-radius:50%;position:absolute}.level-orbit.orbit-a{width:260px;height:260px;top:-115px;right:-130px}.level-orbit.orbit-b{width:190px;height:190px;top:-80px;right:-95px}.level-card-kicker{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.level-number{align-items:end;margin:25px 0 13px;display:flex;position:relative}.level-number small{color:var(--muted);letter-spacing:.13em;writing-mode:vertical-rl;margin-bottom:10px;font-size:10px;font-weight:900}.level-number strong{color:var(--ink);letter-spacing:-.09em;text-shadow:0 18px 40px #00000047;font-size:clamp(76px,8vw,105px);line-height:.72}.level-journey-card h3{letter-spacing:-.035em;margin:23px 0 6px;font-size:21px}.level-journey-card>p{color:var(--muted);max-width:300px;margin:0;font-size:9px;line-height:1.55}.level-progress-block{margin-top:22px}.level-progress-block>div{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.level-progress-block>div>span,.profile-level-progress>span{background:#ffffff13;border-radius:999px;height:8px;display:block;overflow:hidden}.level-progress-block>div>span i,.profile-level-progress>span i{background:linear-gradient(90deg, var(--gold), #ffe293);border-radius:inherit;height:100%;display:block;box-shadow:0 0 18px #f5c45147}.level-progress-block>div>b{color:var(--gold);font-size:9px}.level-progress-block>p{justify-content:space-between;margin:8px 0 0;display:flex}.level-progress-block p strong,.level-progress-block p small{color:var(--muted);font-size:8px}.level-total-xp{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:17px;padding-top:14px;display:flex}.level-total-xp>span{color:var(--mint)}.level-total-xp p{gap:2px;margin:0;display:grid}.level-total-xp small{color:var(--muted);text-transform:uppercase;font-size:7px}.level-total-xp strong{font-size:10px}.profile-level-progress{border:1px solid var(--line);background:#00000026;border-radius:12px;margin:-5px 0 13px;padding:11px 12px}.profile-level-progress>span{height:6px}.profile-level-progress p{color:var(--muted);justify-content:space-between;margin:7px 0 0;font-size:8px;display:flex}.xp-reward-burst{animation:xp-burst-in 2.1s var(--ease) both;color:#251a05;min-width:280px;left:50%;top:max(22px, env(safe-area-inset-top));z-index:250;background:radial-gradient(circle at 20% 0,#fff3,#0000 38%),linear-gradient(135deg,#f3c24d,#e88c35);border:1px solid #ffe096;border-radius:17px;align-items:center;gap:12px;padding:12px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 24px 70px #f5c45142}.xp-reward-burst>span,.xp-reward-burst>i{font-size:23px;font-style:normal}.xp-reward-burst>i{margin-left:auto}.xp-reward-burst p{gap:2px;margin:0;display:grid}.xp-reward-burst small{opacity:.7;font-size:8px;font-weight:800}.xp-reward-burst strong{letter-spacing:-.03em;font-size:20px}@keyframes xp-burst-in{0%{opacity:0;transform:translate(-50%,-28px)scale(.72)}14%{opacity:1;transform:translate(-50%,4px)scale(1.08)}24%{transform:translate(-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)scale(.94)}}.level-up-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:240;background:radial-gradient(circle at 50% 45%,#f5c45129,#0000 28rem),#030a08e0;justify-content:center;align-items:center;padding:20px;animation:.28s both level-backdrop-in;display:flex;position:fixed;inset:0;overflow:hidden}.level-up-card{animation:level-card-in .72s var(--ease) both;text-align:center;width:100%;max-width:470px;padding:35px;position:relative}.level-up-rays{pointer-events:none;background:repeating-conic-gradient(#f5c45114 0deg 8deg,#0000 8deg 20deg);border-radius:50%;width:660px;height:660px;animation:12s linear infinite level-rays;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.level-up-card>small{color:var(--mint);letter-spacing:.18em;font-size:10px;font-weight:950;position:relative}.level-up-card>div{color:#271a04;background:radial-gradient(circle at 36% 20%,#ffffff2e,#0000 33%),linear-gradient(145deg,#f7ce68,#d9942f);border:2px solid #ffe7a8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:30px auto;display:flex;position:relative;box-shadow:0 0 0 12px #f5c45112,0 30px 90px #f5c45147}.level-up-card>div span{letter-spacing:.16em;font-size:10px;font-weight:950}.level-up-card>div strong{letter-spacing:-.08em;font-size:82px;line-height:.84}.level-up-card h2{letter-spacing:-.055em;margin:0 0 8px;font-size:43px;position:relative}.level-up-card p{color:var(--muted-strong);max-width:350px;margin:0 auto 24px;font-size:11px;line-height:1.55;position:relative}.level-up-card button{background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;cursor:pointer;border:1px solid #ff767d;border-radius:14px;min-height:54px;padding:0 24px;font-size:12px;font-weight:900;position:relative;box-shadow:0 15px 40px #ed3e4642}.level-confetti i{--confetti-angle:calc(var(--confetti-i) * 20deg);animation:level-confetti 1.8s var(--ease) both;animation-delay:calc(var(--confetti-i) * 24ms);background:var(--gold);z-index:2;width:5px;height:12px;position:absolute;top:48%;left:50%}.level-confetti i:nth-child(3n){background:var(--mint)}.level-confetti i:nth-child(3n+1){background:var(--red);border-radius:50%}@keyframes level-backdrop-in{0%{opacity:0}}@keyframes level-card-in{0%{opacity:0;transform:translateY(36px)scale(.8)}55%{transform:translateY(-7px)scale(1.035)}}@keyframes level-rays{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes level-confetti{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:rotate(var(--confetti-angle)) translateY(-44vh) rotate(720deg)}}.leaderboard-page.leaderboard-v2{max-width:1260px;padding-top:38px}.global-leader-hero{background:radial-gradient(circle at 8% 0,#73e2bd1f,#0000 34%),linear-gradient(145deg,#14302ae6,#0a1815f5);border:1px solid #73e2bd26;border-radius:29px;grid-template-columns:1fr 330px;align-items:stretch;gap:50px;min-height:430px;padding:clamp(36px,5vw,64px);display:grid;position:relative;overflow:hidden}.global-leader-hero h1{letter-spacing:-.07em;margin:22px 0;font-size:clamp(54px,7vw,85px);line-height:.91}.global-leader-hero h1 em{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:500}.global-leader-hero>div>p{color:var(--muted-strong);max-width:600px;margin:0 0 25px;font-size:13px;line-height:1.6}.global-leader-hero>aside{background:radial-gradient(circle at 75% 8%,#f5c45126,#0000 35%),#0000002e;border:1px solid #f5c45129;border-radius:22px;flex-direction:column;justify-content:center;padding:26px;display:flex}.global-leader-hero>aside>span{color:var(--gold);font-size:53px}.global-leader-hero>aside>p:not(.global-reset-note){gap:4px;margin:18px 0 27px;display:grid}.global-leader-hero aside small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.global-leader-hero aside strong{font-size:22px}.global-leader-hero aside>div{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:3px;padding:18px 0;display:grid}.global-leader-hero aside>div b{font-size:30px}.global-reset-note{color:var(--muted);margin:18px 0 0;font-size:9px;line-height:1.5}.global-my-rank{background:radial-gradient(circle at 0,#73e2bd1a,#0000 25%),#0f1f1bf5;border:1px solid #73e2bd2b;border-radius:19px;grid-template-columns:minmax(220px,1.4fr) minmax(170px,1fr) repeat(3,minmax(85px,.55fr));align-items:center;gap:15px;min-height:95px;margin-top:14px;padding:14px 20px;display:grid}.global-my-rank>div{border-left:1px solid var(--line);align-items:center;gap:11px;min-height:52px;padding-left:18px;display:flex}.global-my-rank>div:first-child{border-left:0;padding-left:0}.global-my-identity>span{background:#203b35;border:1px solid #73e2bd30;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:28px;display:flex}.global-my-rank p,.global-my-rank>div:not(.global-my-identity){flex-direction:column;display:flex}.global-my-rank p{gap:4px;margin:0}.global-my-rank small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.global-my-rank strong{font-size:17px}.global-my-rank>div>span:not(.global-my-identity>span){font-size:24px}.global-my-rank>div>b{font-size:20px}.global-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;max-width:870px;margin:70px auto 34px;display:grid}.podium-player{border:1px solid var(--line);text-align:center;background:radial-gradient(circle at 50% 0,#fff1,#0000 38%),#0f1f1bdb;border-radius:21px;flex-direction:column;align-items:center;min-height:250px;padding:24px 15px;display:flex;position:relative}.podium-player.is-place-1{background:radial-gradient(circle at 50% 0,#f5c45124,#0000 40%),#142620f5;border-color:#f5c45145;min-height:292px;padding-top:34px}.podium-player.is-me{box-shadow:0 0 0 2px #73e2bd40}.podium-medal{color:var(--gold);font-size:24px;position:absolute;top:15px;right:17px}.podium-avatar{border:1px solid var(--line-strong);background:#203b35;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:36px;display:flex;box-shadow:0 12px 30px #00000040}.is-place-1 .podium-avatar{border-color:#f5c45152;width:91px;height:91px;font-size:43px}.podium-player>b{color:var(--gold);font-family:var(--font-geist-mono), monospace;margin-top:14px;font-size:10px}.podium-player h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:5px 0;font-size:16px;overflow:hidden}.podium-player p{color:var(--muted);margin:0 0 13px;font-size:9px}.podium-player>strong{font-size:13px}.podium-player>small{color:var(--muted);margin-top:4px;font-size:8px}.global-leader-table{border:1px solid var(--line);background:#0f1f1bcc;border-radius:22px;overflow:hidden}.global-table-title{justify-content:space-between;align-items:end;padding:25px;display:flex}.global-table-title h2{letter-spacing:-.04em;margin:8px 0 0;font-size:27px}.global-table-title>span{color:var(--mint);letter-spacing:.1em;font-size:8px;font-weight:850}.global-table-head,.global-leader-row{grid-template-columns:72px minmax(210px,1.4fr) minmax(135px,.8fr) 95px 80px 90px;align-items:center;gap:12px;padding:0 22px;display:grid}.global-table-head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:#00000029;height:38px;font-size:7px;font-weight:850}.global-leader-row{border-top:1px solid var(--line);min-height:68px}.global-leader-row.is-me{background:linear-gradient(90deg,#73e2bd17,#0000 48%),#73e2bd06}.global-leader-row>b{color:var(--muted-strong);font-family:var(--font-geist-mono), monospace;align-items:center;gap:5px;font-size:11px;display:flex}.global-leader-row>b span{color:var(--gold)}.global-player-cell,.global-league-cell{align-items:center;gap:11px;min-width:0;display:flex}.global-player-cell>span{background:#1d3630;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:23px;display:flex}.global-player-cell p,.global-league-cell p{gap:3px;min-width:0;margin:0;display:grid}.global-player-cell strong,.global-league-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.global-player-cell small,.global-league-cell small,.global-leader-row>span small{color:var(--muted);font-size:7px}.global-league-cell>span{font-size:19px}.global-leader-row>span{color:var(--muted-strong);gap:3px;font-size:9px;display:grid}.global-leader-row>span b{color:var(--ink);font-size:10px}.global-leader-row>i{color:var(--gold);font-family:var(--font-geist-mono), monospace;text-align:right;font-size:12px;font-style:normal;font-weight:850}.global-leader-empty{text-align:center;padding:55px}.global-leader-empty>span{color:var(--gold);font-size:40px}@media (max-width:980px){.home-progression-grid{grid-template-columns:1fr}.level-journey-card{min-height:0}.global-leader-hero{grid-template-columns:1fr 280px}.global-my-rank{grid-template-columns:repeat(4,1fr)}.global-my-identity{grid-column:span 2}.global-my-rank>div:nth-child(2){border-left:0;grid-column:span 2}.global-table-head,.global-leader-row{grid-template-columns:62px minmax(180px,1.3fr) 120px 85px 65px 80px}}@media (max-width:780px){.home-progression-grid{gap:10px;margin-top:10px}.daily-card,.level-journey-card{border-radius:20px;padding:18px}.daily-card-head{align-items:start;gap:13px}.daily-card-head h2{font-size:27px}.daily-card-head>div:first-child>p{max-width:230px;font-size:9px}.daily-meta{grid-template-columns:1fr;justify-items:end;min-width:95px;padding:8px 9px}.daily-meta>strong{grid-row:auto;margin:0;font-size:16px}.daily-meta>small{display:none}.daily-reset-timer{font-size:7px}.daily-task{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;min-height:72px;padding:8px}.daily-task-icon{border-radius:11px;width:46px;height:46px;font-size:19px}.daily-task>button{min-width:82px;min-height:40px;padding:0 8px}.level-number strong{font-size:82px}.level-journey-card h3{font-size:19px}.leaderboard-page.leaderboard-v2{padding:6px 10px 50px}.global-leader-hero{flex-direction:column;gap:25px;min-height:0;padding:32px 20px 20px;display:flex}.global-leader-hero h1{margin:19px 0;font-size:clamp(48px,14vw,65px)}.global-leader-hero>div>p{font-size:11px}.global-leader-hero>aside{grid-template-columns:auto 1fr auto;gap:10px;padding:16px;display:grid}.global-leader-hero>aside>span{font-size:35px}.global-leader-hero>aside>p:not(.global-reset-note){margin:0}.global-leader-hero aside>div{text-align:right;border:0;padding:0}.global-leader-hero aside>div b{font-size:22px}.global-reset-note{border-top:1px solid var(--line);grid-column:1/-1;margin-top:5px;padding-top:11px}.global-my-rank{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.global-my-identity{grid-column:span 2}.global-my-rank>div:nth-child(2){border-left:1px solid var(--line);grid-column:auto}.global-my-rank>div{min-height:45px;padding-left:9px}.global-my-rank>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:8px}.global-podium{gap:6px;margin:45px 0 18px}.podium-player,.podium-player.is-place-1{border-radius:16px;min-height:190px;padding:19px 7px 14px}.podium-player.is-place-1{min-height:218px}.podium-avatar,.is-place-1 .podium-avatar{width:59px;height:59px;font-size:27px}.podium-player h2{font-size:10px}.podium-player p{font-size:7px}.podium-player>strong{font-size:9px}.podium-medal{font-size:16px;top:8px;right:8px}.global-table-title{padding:18px}.global-table-title h2{font-size:23px}.global-table-title>span{display:none}.global-table-head,.global-leader-row{grid-template-columns:45px minmax(0,1fr) 74px;padding:0 12px}.global-table-head>span:nth-child(3),.global-table-head>span:nth-child(4),.global-table-head>span:nth-child(5),.global-leader-row>.global-league-cell,.global-leader-row>span:nth-child(4),.global-leader-row>span:nth-child(5){display:none}.global-table-head>span:last-child{text-align:right}.global-leader-row{min-height:62px}.global-player-cell>span{width:39px;height:39px;font-size:20px}.global-leader-row>i{font-size:11px}.level-up-card{padding:24px 10px}.level-up-card>div{width:160px;height:160px}.level-up-card>div strong{font-size:72px}.level-up-card h2{font-size:37px}}@media (max-width:410px){.daily-card-head{grid-template-columns:1fr auto;display:grid}.daily-task{grid-template-columns:auto minmax(0,1fr)}.daily-task>button{grid-column:1/-1;width:100%;min-height:37px}.daily-task-icon{width:44px;height:44px}.global-my-identity>span{width:48px;height:48px;font-size:23px}.global-my-rank strong{font-size:13px}.global-my-rank>div:nth-child(2)>span{display:none}.podium-player,.podium-player.is-place-1{min-height:175px}.podium-player.is-place-1{min-height:201px}.podium-avatar,.is-place-1 .podium-avatar{width:51px;height:51px;font-size:23px}.podium-player>small{display:none}}.game-table{isolation:isolate;width:calc(100% - clamp(16px,2.2vw,34px));max-width:1600px;max-height:740px;animation:arena-arrive .52s var(--ease) both;background:radial-gradient(circle at 50% 44%,#3fb18b29,#0000 34%),radial-gradient(circle at 12% 10%,#73e2bd1a,#0000 30%),linear-gradient(145deg,#103f37,#092c28 72%);border:1px solid #73e2bd33;border-radius:clamp(36px,5vw,74px);box-shadow:inset 0 0 0 7px #ffffff04,inset 0 1px #ffffff21,inset 0 -45px 90px #0003,0 18px 58px #00000057}.game-table:before,.game-table:after{content:"";pointer-events:none;z-index:0;position:absolute}.game-table:before{opacity:.75;background:linear-gradient(90deg,#0000,#73e2bd47 35%,#fff3 50%,#73e2bd47 65%,#0000);height:1px;top:6px;left:10%;right:10%}.game-table:after{background:radial-gradient(circle,#0000 48%,#0000002e 100%),linear-gradient(90deg,#73e2bd06 1px,#0000 1px) 0 0/64px 64px,linear-gradient(#73e2bd05 1px,#0000 1px) 0 0/64px 64px;inset:0}.game-table>.felt-pattern{z-index:0}.game-table>.opponents-row,.game-table>.table-status,.game-table>.center-pile,.game-table>.requirement-chip,.game-table>.me-pod{z-index:2}.game-topbar{background:linear-gradient(180deg, #11231ef0, #08110fd1), var(--night);min-height:calc(72px + env(safe-area-inset-top));border-bottom-color:#73e2bd1f;box-shadow:0 10px 35px #0003}.game-brand small{margin-top:2px;font-size:10px}.game-menu button{background:linear-gradient(#ffffff14,#ffffff09),#08110fc7;border-color:#ffffff21;min-height:42px;box-shadow:inset 0 1px #ffffff12,0 7px 20px #00000029}.opponents-row{gap:clamp(12px,3.2vw,48px);width:min(90%,1180px);max-width:1180px;padding:5px 18px 14px;top:clamp(14px,3.5%,28px)}.player-pod{isolation:isolate;min-width:128px;animation:opponent-arrive .44s var(--ease) both;padding:2px 9px 8px}.player-pod:nth-child(2){animation-delay:55ms}.player-pod:nth-child(3){animation-delay:.11s}.player-pod:nth-child(4){animation-delay:.165s}.player-pod:nth-child(5){animation-delay:.22s}.player-pod:before{content:"";z-index:-1;background:linear-gradient(#ffffff0b,#0514106b),#091d1980;border:1px solid #ffffff12;border-radius:19px;position:absolute;inset:41px 0 0;box-shadow:inset 0 1px #ffffff0a,0 9px 25px #00000029}.player-pod.is-active{transform:translateY(4px)}.player-pod.is-active:before{background:linear-gradient(#73e2bd21,#05141085),#091d199e;border-color:#73e2bd40;box-shadow:inset 0 1px #ffffff14,0 0 24px #73e2bd1c}.opponent-cards{min-width:94px;height:46px;margin-bottom:-8px}.opponent-cards .card-back.is-small{width:35px;height:50px;margin-left:-25px}.opponent-cards .card-back:first-child{margin-left:0}.game-table .card-back,.game-table .kenney-card-face,.hand-dock .kenney-card-face{image-rendering:crisp-edges;image-rendering:pixelated}.pod-avatar{background:radial-gradient(circle at 34% 26%,#ffffff24,#0000 34%),linear-gradient(145deg,#2b5a4d,#152e28);border-color:#fff3;width:54px;height:54px;font-size:24px}.player-pod.is-active .pod-avatar{animation:1.85s ease-in-out infinite active-avatar}.player-pod>p{gap:3px;margin-top:7px}.player-pod strong{max-width:118px;font-size:12px}.player-pod small{font-size:9px}.player-pod .role-badge{padding:4px 7px;font-size:7px}.turn-ring{width:68px;height:68px;top:37px}.table-status{flex-flow:wrap;justify-content:center;gap:6px;width:min(92%,660px);top:29%}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 12px;font-size:10px;box-shadow:inset 0 1px #ffffff12,0 7px 22px #00000026}.turn-status.is-my-turn{animation:turn-status-pop .38s var(--ease) both, turn-status-glow 1.8s ease-in-out .38s infinite alternate}.turn-timer{min-width:48px}.center-pile{min-height:164px;top:52%}.pile-cards{min-width:210px;height:128px}.pile-cards .jass-card{--card-width:clamp(76px, 5.2vw, 90px);margin-left:-52px}.center-pile>p{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff12;padding:6px 11px 6px 6px;font-size:10px;box-shadow:0 8px 23px #00000029}.empty-pile{gap:7px}.empty-pile>span{filter:drop-shadow(0 0 16px #73e2bd38);font-size:48px}.empty-pile b{font-size:14px}.empty-pile small{font-size:10px}.requirement-chip{background:#04110e52;border:1px solid #ffffff0e;border-radius:13px;width:max-content;max-width:calc(100% - 28px);padding:7px 13px;bottom:12%}.requirement-chip b{font-size:11px}.me-pod{background:linear-gradient(#ffffff12,#03110d7a),#071b16bf;border:1px solid #73e2bd29;border-radius:999px;padding:5px 13px 5px 5px;bottom:clamp(22px,5%,42px);left:clamp(34px,5vw,76px);box-shadow:inset 0 1px #ffffff12,0 10px 28px #0003}.me-avatar{background:radial-gradient(circle at 34% 26%,#ffffff26,#0000 34%),linear-gradient(145deg,#2b5a4d,#152e28);width:50px;height:50px;font-size:23px}.me-pod strong{font-size:11px}.me-pod small{font-size:9px}.hand-dock{--card-width:clamp(82px, 7.4vw, 108px);background:radial-gradient(ellipse at 50% 12%, #73e2bd13, transparent 42%), linear-gradient(180deg, #08110f00, #08110ff5 19%, var(--night) 54%);grid-template-rows:minmax(0,1fr) auto;overflow:visible}.large-cards .hand-dock{--card-width:clamp(92px, 8.2vw, 118px)}.hand-dock:before{content:"";pointer-events:none;background:radial-gradient(#73e2bd14,#0000 68%);height:110px;position:absolute;top:-28px;left:18%;right:18%}.hand-scroll{height:calc(var(--card-height) + 42px);max-width:min(1180px,100% - 350px);padding:28px calc(var(--card-width) * .56) 4px;scroll-padding-inline:calc(var(--card-width) * .7);scroll-snap-type:x proximity;margin-top:-40px}.hand-scroll .jass-card{scroll-snap-align:center;animation:hand-card-deal .46s var(--ease) backwards;animation-delay:calc(var(--card-i,0) * 30ms);margin-left:clamp(-44px,-2.7vw,-31px)}.hand-scroll .jass-card.is-selected{animation:selected-card-pop .22s var(--ease);transform:translateY(-24px)rotate(0)}button.jass-card:active:not(:disabled){scale:.975}.game-actions{gap:10px}.pass-button,.play-button,.staegele-button{min-height:54px;transition:transform .14s var(--ease), box-shadow .16s ease, filter .16s ease;border-radius:15px;font-size:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 11px 28px #0000003d}.pass-button{background:linear-gradient(#ffffff18,#ffffff09),#0c1d19eb;border-color:#ffffff26}.play-button{background:linear-gradient(#ffffff26,#0000 45%),linear-gradient(135deg,#fa5057,#cf2733);border-color:#ff8f95db;min-width:176px;box-shadow:inset 0 1px #ffffff40,0 12px 28px #ed3e464a}.staegele-button{background:linear-gradient(#ffffff24,#0000 48%),linear-gradient(135deg,#815f19,#3e3014);border-color:#ffd266b3;box-shadow:inset 0 1px #fff3,0 12px 28px #f5c4512e}.play-button:after,.staegele-button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 22%,#ffffff42 46%,#0000 68%);width:42%;position:absolute;inset:-25% auto -25% -55%;transform:skew(-18deg)}.play-button:not(:disabled):after{animation:3.2s ease-in-out .9s infinite action-sheen}.staegele-button:not(:disabled):after{animation:2.7s ease-in-out .45s infinite action-sheen}.pass-button:active:not(:disabled),.play-button:active:not(:disabled),.staegele-button:active:not(:disabled){transform:translateY(2px)scale(.985);box-shadow:inset 0 2px 6px #0000002e,0 5px 13px #00000038}.selection-help{background:#0513108f;border:1px solid #ffffff0e;border-radius:999px;padding:5px 9px;font-size:9px}@keyframes arena-arrive{0%{opacity:.55;scale:.985}}@keyframes opponent-arrive{0%{opacity:0;translate:0 -18px}}@keyframes active-avatar{0%,to{translate:0}50%{translate:0 -3px}}@keyframes turn-status-pop{0%{opacity:0;scale:.82}}@keyframes turn-status-glow{to{box-shadow:inset 0 1px #ffffff1a,0 0 27px #73e2bd33}}@keyframes hand-card-deal{0%{opacity:0;translate:0 70px;scale:.92}}@keyframes selected-card-pop{50%{scale:1.055}}@keyframes action-sheen{0%,68%{left:-55%}to{left:125%}}@media (min-width:1280px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(204px, 23dvh, 246px) + env(safe-area-inset-bottom))}.opponents-row{width:min(83%,1240px)}.player-pod{min-width:138px}.pod-avatar{width:58px;height:58px;font-size:26px}.turn-ring{width:72px;height:72px;top:37px}}@media (min-width:781px) and (max-width:1120px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(222px, 26dvh, 258px) + env(safe-area-inset-bottom))}.game-table{width:calc(100% - 18px)}.opponents-row{gap:8px;width:calc(100% - 30px)}.player-pod{flex:0 118px;min-width:96px}.pod-avatar{width:48px;height:48px;font-size:21px}.turn-ring{width:60px;height:60px;top:35px}.table-status{top:27%}.center-pile{top:51%}.hand-dock{--card-width:clamp(84px, 9.5vw, 100px);padding:0 max(16px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);column-gap:0}.large-cards .hand-dock{--card-width:clamp(92px, 10.5vw, 110px)}.hand-scroll{grid-area:1/1;max-width:100%;margin-top:-34px}.game-actions{grid-area:2/1;grid-template-columns:minmax(100px,.48fr) minmax(190px,1fr);justify-self:center;width:100%;max-width:590px;display:grid}.game-actions.has-staegele{grid-template-columns:minmax(92px,.7fr) minmax(160px,1fr) minmax(130px,.9fr);max-width:720px}.game-actions>button{min-width:0}.selection-help{display:none}}@media (max-width:780px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(232px, 29dvh, 264px) + env(safe-area-inset-bottom))}.game-topbar{min-height:calc(62px + env(safe-area-inset-top))}.game-table{border-radius:25px;width:calc(100% - 8px);height:calc(100% - 8px);margin-block:4px}.game-table:before{top:4px;left:18%;right:18%}.opponents-row{justify-content:safe center;gap:3px;width:100%;max-width:100%;padding:4px 8px 11px;top:4px}.player-pod{flex:0 0 clamp(86px,27vw,106px);min-width:0;max-width:none;padding:1px 5px 7px}.player-pod:before{border-radius:15px;top:30px}.opponent-cards{min-width:78px;height:34px;transform:none}.opponent-cards .card-back.is-small{width:32px;height:46px;margin-left:-23px}.opponent-cards .card-back:first-child{margin-left:0}.pod-avatar{width:46px;height:46px;font-size:21px}.player-pod strong{max-width:94px;font-size:10px}.player-pod small{font-size:8px}.player-pod .role-badge{display:none}.turn-ring{width:57px;height:57px;top:25px}.table-status{gap:4px;width:calc(100% - 20px);top:27%}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{letter-spacing:.06em;padding:6px 9px;font-size:8px}.center-pile{min-width:min(260px,100% - 20px);min-height:124px;top:51%}.pile-cards{min-width:168px;height:94px}.pile-cards .jass-card{--card-width:62px;margin-left:-38px}.center-pile>p{max-width:calc(100vw - 34px);margin-top:5px;font-size:8px}.empty-pile{gap:5px}.empty-pile>span{font-size:40px}.empty-pile b{font-size:12px}.empty-pile small{font-size:9px}.requirement-chip{width:max-content;max-width:calc(100% - 22px);padding:6px 10px;top:75%;bottom:auto;transform:translate(-50%,-50%)}.requirement-chip span{font-size:7px}.requirement-chip b{font-size:10px;line-height:1.25}.me-pod{bottom:8px;left:max(9px, env(safe-area-inset-left));padding:4px 10px 4px 4px}.me-avatar{width:42px;height:42px;font-size:19px}.me-pod strong{font-size:10px}.me-pod small{font-size:8px}.me-pod .role-badge{display:none}.hand-dock{--card-width:clamp(74px, 20vw, 84px);padding:0 max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);column-gap:0;overflow:hidden}.large-cards .hand-dock{--card-width:clamp(80px, 21.5vw, 90px)}.hand-scroll{height:calc(var(--card-height) + 42px);max-width:100%;padding:32px max(42px, env(safe-area-inset-right)) 5px max(42px, env(safe-area-inset-left));grid-area:1/1;justify-content:safe center;width:100%;margin-top:-29px;overflow:auto hidden}.hand-scroll .jass-card{margin-left:clamp(-36px,-8.5vw,-29px)}.hand-scroll .jass-card.is-selected{transform:translateY(-25px)rotate(0)}.game-actions{grid-area:2/1;grid-template-columns:minmax(82px,.38fr) minmax(0,1fr);justify-self:center;gap:8px;width:100%;max-width:520px;display:grid}.game-actions.has-staegele{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions.has-staegele.has-pass{grid-template-columns:minmax(70px,.64fr) minmax(104px,1fr) minmax(102px,.95fr);max-width:600px}.game-actions>button{min-width:0;min-height:54px;padding-inline:10px;font-size:11px}.play-button,.staegele-button{white-space:nowrap}.selection-help{display:none}}@media (max-width:430px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(230px, 30dvh, 254px) + env(safe-area-inset-bottom))}.game-topbar{min-height:calc(58px + env(safe-area-inset-top))}.player-pod{flex-basis:clamp(84px,27.5vw,98px)}.pod-avatar{width:44px;height:44px;font-size:20px}.turn-ring{width:54px;height:54px;top:25px}.hand-dock{--card-width:clamp(72px, 20.5vw, 82px)}.large-cards .hand-dock{--card-width:clamp(78px, 22vw, 88px)}.hand-scroll{padding-inline:max(36px, env(safe-area-inset-left)) max(36px, env(safe-area-inset-right))}.pass-button,.play-button,.staegele-button{gap:5px}.pass-button kbd{display:none}}@media (max-width:430px) and (max-height:700px) and (orientation:portrait){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(218px + env(safe-area-inset-bottom))}.hand-dock{--card-width:clamp(66px, 19vw, 74px)}.large-cards .hand-dock{--card-width:clamp(72px, 20.5vw, 80px)}.opponent-cards{height:27px}.opponent-cards .card-back.is-small{width:28px;height:39px}.pod-avatar{width:39px;height:39px;font-size:18px}.player-pod>p{margin-top:4px}.turn-ring{width:49px;height:49px;top:19px}.table-status{top:29%}.center-pile{min-height:102px;top:54%}.pile-cards{height:76px}.pile-cards .jass-card{--card-width:52px;margin-left:-32px}.requirement-chip{top:78%}.hand-scroll{height:calc(var(--card-height) + 36px);margin-top:-23px;padding-top:27px}.game-actions>button{min-height:50px}}@media (min-width:600px) and (max-width:780px) and (min-height:521px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(260px, 27dvh, 286px) + env(safe-area-inset-bottom))}.hand-dock{--card-width:clamp(88px, 12vw, 96px);padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.large-cards .hand-dock{--card-width:clamp(96px, 13vw, 104px)}.player-pod{flex-basis:112px}.opponent-cards{height:39px}.opponent-cards .card-back.is-small{width:35px;height:50px}.pod-avatar{width:50px;height:50px;font-size:23px}.player-pod strong{max-width:104px;font-size:11px}.turn-ring{width:62px;height:62px;top:30px}.center-pile{min-height:142px}.pile-cards{height:104px}.pile-cards .jass-card{--card-width:68px;margin-left:-42px}.hand-scroll{height:calc(var(--card-height) + 46px);margin-top:-34px;padding-top:36px}.game-actions>button{min-height:56px}}@media (max-height:520px) and (min-aspect-ratio:3/2){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(142px, 36dvh, 158px) + env(safe-area-inset-bottom))}.game-topbar{min-height:calc(52px + env(safe-area-inset-top))}.game-table{border-radius:30px}.opponents-row{gap:4px;width:min(72%,720px);top:2px}.player-pod{flex:0 86px;min-width:68px;padding-bottom:4px}.player-pod:before{border-radius:12px;top:22px}.opponent-cards{min-width:54px;height:23px}.opponent-cards .card-back.is-small{width:24px;height:34px;margin-left:-17px}.opponent-cards .card-back:first-child{margin-left:0}.pod-avatar{width:35px;height:35px;font-size:16px}.player-pod strong{font-size:8px}.player-pod small{font-size:7px}.turn-ring{width:43px;height:43px;top:16px}.table-status{width:min(230px,29vw);top:67%;left:24%}.center-pile{min-width:min(180px,26vw);min-height:82px;top:67%;left:50%}.pile-cards{min-width:120px;height:62px}.pile-cards .jass-card{--card-width:46px;margin-left:-29px}.requirement-chip{width:min(230px,29vw);top:67%;left:76%}.me-pod{bottom:4px}.hand-dock{--card-width:clamp(62px, 8.7vw, 72px);padding:0 max(10px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.large-cards .hand-dock{--card-width:clamp(68px, 9.4vw, 78px)}.hand-scroll{height:calc(var(--card-height) + 27px);grid-area:1/1/3;max-width:none;margin-top:-19px;padding:20px 28px 2px}.hand-scroll .jass-card{margin-left:clamp(-29px,-3.8vw,-23px)}.game-actions,.game-actions.has-staegele{grid-area:1/2/3;grid-template-columns:minmax(72px,.7fr) minmax(112px,1fr);align-self:center;gap:6px;width:auto;max-width:300px;display:grid}.game-actions.has-staegele{grid-template-columns:minmax(68px,.6fr) minmax(104px,1fr)}.game-actions.has-staegele .pass-button{display:flex}.game-actions.has-staegele .staegele-button{grid-column:1/-1}.game-actions>button{min-width:0;min-height:44px;padding-inline:8px;font-size:10px}.selection-help{display:none}}@media (hover:hover) and (pointer:fine){.pass-button:hover:not(:disabled),.play-button:hover:not(:disabled),.staegele-button:hover:not(:disabled){filter:brightness(1.08)saturate(1.06);transform:translateY(-2px)}.hand-scroll .jass-card:hover:not(:disabled){transform:translateY(-18px)rotate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.game-page.is-my-turn .game-table{box-shadow:inset 0 0 0 7px #ffffff04,inset 0 1px #ffffff21,inset 0 -45px 90px #0003,0 18px 58px #00000057,0 0 42px #73e2bd17}.hand-scroll .jass-card.is-playable{filter:none;opacity:1}.game-page.is-my-turn .hand-scroll .jass-card.is-playable{box-shadow:0 13px 28px #00000052,0 0 0 1px #73e2bd33,0 0 18px #73e2bd12}.hand-scroll button.jass-card.is-disabled{filter:brightness(.72)saturate(.7);opacity:.58}.game-page:not(.is-my-turn) .hand-scroll button.jass-card.is-disabled{filter:brightness(.9)saturate(.84);opacity:.78}.game-actions.is-pass-only{min-width:min(240px,100%);display:flex}.game-actions.is-pass-only .pass-button{color:#fff8e9;background:linear-gradient(#ffffff29,#0000 46%),linear-gradient(135deg,#ffb43f,#e65d2f);border-color:#ffd077db;width:100%;min-width:min(220px,100%);font-size:13px;box-shadow:inset 0 1px #ffffff47,0 12px 30px #e65d2f45}.forced-pass-copy{text-align:left;gap:1px;display:grid}.forced-pass-copy strong{font-size:14px;line-height:1}.forced-pass-copy small{color:#ffffffc2;letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:750}.forced-pass-countdown{background:radial-gradient(circle, #652b15f0 54%, transparent 56%), conic-gradient(white calc(var(--pass-progress) * 1turn), #fff3 0);font-family:var(--font-geist-mono), monospace;border-radius:50%;flex:none;justify-content:center;align-items:center;width:39px;height:39px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff24,0 4px 12px #652b1547}.reaction-bubble{animation:reaction-pop 2.8s var(--ease) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:15% 100%;z-index:30;background:radial-gradient(circle at 35% 24%,#ffffff47,#0000 32%),linear-gradient(145deg,#765ee9,#4033a7);border:2px solid #ffffffbd;border-radius:18px 18px 18px 5px;justify-content:center;align-items:center;width:52px;height:52px;font-size:27px;display:flex;position:absolute;top:24px;right:-12px;box-shadow:inset 0 1px #ffffff4d,0 10px 28px #1c14516b}.me-pod .reaction-bubble{transform-origin:85% 100%;border-radius:18px 18px 5px;top:-54px;right:-12px}.emote-control{bottom:max(16px, env(safe-area-inset-bottom));z-index:40;position:absolute;left:max(22px,50vw - 668px)}.emote-trigger,.emote-option{cursor:pointer;transition:transform .15s var(--ease), filter .15s ease, box-shadow .15s ease;justify-content:center;align-items:center;display:inline-flex}.emote-trigger{color:#fff;background:radial-gradient(circle at 35% 24%,#ffffff3d,#0000 32%),linear-gradient(145deg,#735fe3,#3f31a0);border:1px solid #bdb2ffb3;border-radius:17px;width:54px;height:54px;font-size:27px;box-shadow:inset 0 1px #ffffff4d,0 10px 28px #1e165557}.emote-control.is-open .emote-trigger{transform:scale(.96);box-shadow:inset 0 1px #ffffff52,0 0 0 4px #9784ff26,0 10px 28px #1e165561}.emote-tray{animation:emote-tray-pop .18s var(--ease) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg, #26302df5, #0a1915f5), var(--night);transform-origin:18px 100%;border:1px solid #ffffff24;border-radius:20px;grid-template-columns:repeat(3,48px);gap:7px;padding:9px;display:grid;position:absolute;bottom:64px;left:0;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000006b}.emote-option{background:#ffffff12;border:1px solid #ffffff14;border-radius:14px;width:48px;height:48px;font-size:25px}.emote-trigger:active,.emote-option:active{transform:scale(.92)}@keyframes reaction-pop{0%{opacity:0;translate:0 12px;scale:.35}12%{opacity:1;translate:0 -5px;scale:1.14}19%{translate:0;scale:.96}82%{opacity:1;scale:1}to{opacity:0;translate:0 -18px;scale:.82}}@keyframes emote-tray-pop{0%{opacity:0;translate:0 10px;scale:.78}}@media (max-width:1120px){.emote-control{bottom:max(10px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left))}.game-actions.is-pass-only{width:calc(100% - 64px);max-width:520px}.game-actions.is-play-only{grid-template-columns:minmax(0,1fr)}.game-actions.is-play-only .play-button{width:100%}.game-actions.has-staegele{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions.has-staegele.has-pass{grid-template-columns:minmax(70px,.64fr) minmax(104px,1fr) minmax(102px,.95fr)}}@media (max-width:780px){.emote-control{bottom:max(9px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left))}.emote-trigger{border-radius:15px;width:54px;height:54px;font-size:24px}.emote-tray{grid-template-columns:repeat(3,46px);bottom:62px}.emote-option{width:46px;height:46px;font-size:24px}.game-actions{width:calc(100% - 62px);margin-left:62px}.game-actions.is-pass-only{width:calc(100% - 62px);min-width:0;margin-left:62px}.reaction-bubble{width:46px;height:46px;font-size:24px;top:17px;right:-5px}.me-pod .reaction-bubble{top:-47px;right:-8px}}@media (max-width:360px){.game-actions.has-staegele{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions.has-staegele .play-button{grid-area:1/1}.game-actions.has-staegele .staegele-button{grid-area:1/2}.game-actions.has-staegele .pass-button{grid-area:2/1/auto/-1;min-height:38px}}@media (max-height:520px) and (min-aspect-ratio:3/2){.emote-control{bottom:max(7px, env(safe-area-inset-bottom));left:auto;right:max(312px, calc(env(safe-area-inset-right) + 306px))}.emote-trigger{border-radius:13px;width:44px;height:44px;font-size:21px}.emote-tray{grid-template-columns:repeat(3,42px);bottom:52px;left:auto;right:0}.emote-option{width:42px;height:42px;font-size:21px}.game-actions,.game-actions.is-pass-only{width:auto;margin-left:0}.game-actions.has-staegele{grid-template-columns:repeat(2,minmax(94px,1fr));width:220px}.game-actions.has-staegele .play-button{grid-area:1/1}.game-actions.has-staegele .staegele-button{grid-area:1/2}.game-actions.has-staegele .pass-button{grid-area:2/1/auto/-1;min-height:36px;display:flex}}@media (hover:hover) and (pointer:fine){.emote-trigger:hover,.emote-option:hover{filter:brightness(1.12)saturate(1.08);transform:translateY(-2px)}}@media (max-width:899px){.onboarding-backdrop{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.auth-card{grid-template-columns:minmax(0,1fr);max-width:620px;padding:0}.auth-card>*{min-width:0}.auth-intro{border-bottom:1px solid var(--line);border-right:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px 24px;min-height:0;padding:22px 28px 19px;display:grid}.auth-intro:before{width:260px;height:260px;top:-150px;left:auto;right:-150px}.auth-intro:after{display:none}.auth-brand-lockup .logo-mark{border-radius:17px;width:68px;height:68px}.auth-brand-lockup b{font-size:15px}.auth-intro-copy{max-width:none;margin:0;padding:0}.auth-intro-copy>.kicker{display:none}.auth-intro-copy h1{margin:0 0 8px;font-size:30px;line-height:1}.auth-intro-copy h1 em{display:inline}.auth-intro-copy p{max-width:360px;font-size:9px;line-height:1.5}.auth-benefits{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid}.auth-benefits li{background:#ffffff09;border:1px solid #ffffff0e;border-radius:10px;justify-content:center;min-height:34px;padding:4px 7px;font-size:8px}.auth-benefits li>span{background:0 0;border:0;width:auto;height:auto}.auth-form-panel{padding:27px 30px 28px}.auth-avatar-picker>div{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:560px){.onboarding-backdrop{padding:max(5px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left))}.auth-card{border-radius:17px}.auth-intro{padding:10px 14px;display:block}.auth-brand-lockup{gap:10px}.auth-brand-lockup .logo-mark{border-radius:13px;width:50px;height:50px}.auth-brand-lockup b{font-size:13px}.auth-brand-lockup small{font-size:6.5px}.auth-intro-copy,.auth-benefits{display:none}.auth-form-panel{padding:14px}.auth-heading>.kicker{display:none}.auth-heading h2{margin:0 0 5px;font-size:29px}.auth-heading p{font-size:8.5px;line-height:1.4}.auth-tabs{margin:11px 0 10px}.auth-tabs button{min-height:40px}.auth-password-grid{grid-template-columns:1fr;gap:10px}.auth-fields{gap:10px}.auth-card .field-label{gap:5px}.auth-card .field-label>span,.auth-card .avatar-picker legend{font-size:8px}.auth-card .field-label input{min-height:46px}.auth-password-fields{gap:5px}.auth-password-help{font-size:7.5px;line-height:1.3}.auth-avatar-picker{margin:10px 0 8px}.auth-avatar-picker legend{margin-bottom:6px}.auth-avatar-picker>div{scrollbar-width:none;gap:6px;padding:1px 2px 4px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.auth-avatar-picker>div::-webkit-scrollbar{display:none}.auth-avatar-picker button{flex:0 0 44px;height:44px}.auth-submit{min-height:48px;margin-top:9px}.privacy-copy{display:none}}.jass-card.is-kenney{background:0 0;border:0}.kenney-card-face,.game-table .kenney-card-face,.hand-dock .kenney-card-face,.card-back{image-rendering:crisp-edges;image-rendering:pixelated}.hand-scroll button.jass-card.is-disabled,.game-page:not(.is-my-turn) .hand-scroll button.jass-card.is-disabled{filter:grayscale(.32)saturate(.66)brightness(.84);opacity:1}.hand-scroll .jass-card.is-kenney:not(.is-selected),.pile-cards .jass-card.is-kenney,.card-back{transform:none}@media (hover:hover) and (pointer:fine){.hand-scroll .jass-card.is-kenney:hover:not(:disabled):not(.is-selected){transform:translateY(-12px)}}.card-illustration{border-radius:inherit}.game-brand b{font-size:14px}.game-brand small,.player-pod small,.me-pod small{font-size:10px}.player-pod strong,.me-pod strong{font-size:13px}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{font-size:11px}.requirement-chip span{font-size:9px}.requirement-chip b,.center-pile>p{font-size:12px}.hand-scroll .jass-card.is-selected{animation:none}.reaction-bubble{border-radius:22px 22px 22px 7px;grid-template-rows:1fr auto;place-items:center;width:82px;height:76px;padding:6px 8px 7px;animation:3.15s cubic-bezier(.16,1,.3,1) both reaction-battle-pop;display:grid}.emote-tray{grid-template-columns:repeat(4,54px);gap:8px;padding:10px}.emote-option{flex-direction:column;gap:1px;width:54px;height:58px}.emote-option-icon{font-size:28px;line-height:1}.emote-option small{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:7px;font-weight:800;line-height:1;overflow:hidden}@media (max-width:780px){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(clamp(250px, 32dvh, 286px) + env(safe-area-inset-bottom))}.game-brand b{font-size:15px}.game-brand small{font-size:11px}.player-pod strong{max-width:100px;font-size:12px}.player-pod small,.me-pod small{font-size:10px}.me-pod strong{font-size:12px}.turn-status,.revolution-badge,.staegele-badge,.turn-timer{padding:7px 10px;font-size:10px}.turn-timer{min-width:52px}.center-pile>p{padding:7px 11px 7px 7px;font-size:10px}.requirement-chip span{font-size:8px}.requirement-chip b{font-size:12px}.hand-dock{--card-width:clamp(80px, 23.5vw, 92px);padding-top:5px;overflow:visible}.large-cards .hand-dock{--card-width:clamp(88px, 25vw, 100px)}.hand-scroll{height:calc(var(--card-height) + 34px);padding:20px max(34px, env(safe-area-inset-right)) 3px max(34px, env(safe-area-inset-left));margin-top:0;scroll-padding-inline:44px;overflow-y:hidden}.hand-scroll .jass-card{margin-left:clamp(-42px,-10.5vw,-33px)}.hand-scroll .jass-card.is-selected{transform:translateY(-13px)rotate(0)}.game-actions>button{min-height:56px;font-size:13px}.reaction-bubble{width:72px;height:68px;padding:5px 6px 6px;top:10px;right:-10px}.reaction-bubble>b{font-size:34px}.reaction-bubble>small{font-size:7px}.me-pod .reaction-bubble{top:-72px;left:10px;right:auto}.emote-tray{grid-template-columns:repeat(4,47px)}.emote-option{width:47px;height:52px}.emote-option-icon{font-size:25px}}@media (max-width:430px) and (max-height:700px) and (orientation:portrait){.game-page{grid-template-rows:auto minmax(0, 1fr) calc(226px + env(safe-area-inset-bottom))}.hand-dock{--card-width:clamp(70px, 21.5vw, 78px)}.large-cards .hand-dock{--card-width:clamp(76px, 23vw, 84px)}.hand-scroll{height:calc(var(--card-height) + 28px);padding-top:16px}.hand-scroll .jass-card.is-selected{transform:translateY(-10px)rotate(0)}}@media (max-width:360px){.auth-intro{padding:8px 11px}.auth-brand-lockup .logo-mark{border-radius:12px;width:46px;height:46px}.auth-brand-lockup b{font-size:11px}.auth-brand-lockup small{font-size:6px}.auth-benefits{margin-top:10px}.auth-benefits li{min-height:28px;font-size:7px}.auth-form-panel{padding:12px}.auth-heading h2{font-size:26px}.auth-tabs{margin:9px 0}.auth-tabs button{min-height:38px;font-size:8px}.auth-fields{gap:9px}.auth-card .field-label input{min-height:44px}.auth-avatar-picker button{flex-basis:44px;height:44px}.auth-submit{min-height:46px}}@media (max-height:560px) and (min-aspect-ratio:3/2) and (min-width:700px){.onboarding-backdrop{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))}.auth-card{grid-template-columns:minmax(205px,.58fr) minmax(475px,1.42fr);max-width:940px;margin-block:0}.auth-intro{border-bottom:0;border-right:1px solid var(--line);align-items:stretch;gap:0;min-height:0;padding:16px 18px;display:flex}.auth-brand-lockup{gap:10px}.auth-brand-lockup .logo-mark{border-radius:14px;width:56px;height:56px}.auth-brand-lockup b{font-size:12px}.auth-intro-copy{margin-block:auto;padding:16px 0;display:block}.auth-intro-copy h1{margin-bottom:0;font-size:29px}.auth-intro-copy h1 em{display:block}.auth-intro-copy p,.auth-intro-copy>.kicker{display:none}.auth-benefits{grid-template-columns:1fr;gap:4px;margin:0;display:grid;overflow:visible}.auth-benefits li{justify-content:flex-start;min-height:26px}.auth-form-panel{padding:6px 20px}.auth-heading h2{margin:7px 0 0;font-size:27px}.auth-heading p{display:none}.auth-tabs{margin:9px 0}.auth-tabs button{min-height:34px}.auth-fields{gap:8px}.auth-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-password-grid.is-login{grid-template-columns:1fr}.auth-card .field-label{gap:4px}.auth-card .field-label input{min-height:42px}.auth-password-help{display:none}.auth-avatar-picker{margin:8px 0 7px}.auth-avatar-picker>div{grid-template-columns:repeat(8,1fr);gap:6px;padding:0;display:grid;overflow:visible}.auth-avatar-picker button{min-width:0;height:36px}.auth-submit{min-height:42px;margin-top:8px}.privacy-copy{display:none}}.hand-scroll,.jass-card{--card-height:calc(var(--card-width) * 10 / 7)}.jass-card{aspect-ratio:7/10}.hand-scroll button.jass-card{z-index:var(--card-i)}.hand-scroll button.jass-card.is-selected{z-index:100}@media (hover:none),(pointer:coarse){.hand-scroll button.jass-card.is-kenney:not(.is-selected),.hand-scroll button.jass-card.is-kenney:not(.is-selected):hover,.hand-scroll button.jass-card.is-kenney:not(.is-selected):active{z-index:var(--card-i);transform:none}}.game-table .center-pile{min-height:clamp(184px,24vh,226px)}.game-table .pile-cards{align-items:flex-end;min-width:250px;height:clamp(142px,18vh,174px)}.game-table .pile-cards .jass-card{--card-width:clamp(94px, 6.4vw, 116px);margin-left:clamp(-66px,-3.4vw,-52px)}.game-table .pile-cards .jass-card:first-child{margin-left:0}.game-table .center-pile>p{gap:6px;margin-top:10px;padding:8px 14px 8px 8px;font-size:clamp(12px,.92vw,15px)}.game-table .center-pile>p span{font-size:18px}.game-table .requirement-chip b{font-size:clamp(13px,.9vw,15px)}.game-table .requirement-chip span{font-size:clamp(9px,.65vw,11px)}.center-pile.is-cleared .pile-cards{animation:.76s cubic-bezier(.16,1,.3,1) both table-clear-impact}.center-pile.is-cleared:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#f5c45157,#73e2bd1a 38%,#0000 70%);border-radius:50%;width:300px;height:240px;animation:.9s ease-out both table-clear-burst;position:absolute;top:44%;left:50%;translate:-50% -50%}.table-clear-callout{color:#fff9e9;letter-spacing:.05em;text-shadow:0 1px 3px #4b250959;white-space:nowrap;z-index:25;background:linear-gradient(#ffffff1f,#0000 42%),linear-gradient(135deg,#f3b936,#d76527);border:1px solid #ffe6a4d1;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;animation:2.8s cubic-bezier(.16,1,.3,1) both table-clear-callout;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff52,0 10px 30px #964a154d}.table-clear-callout span{font-size:17px;line-height:1}@keyframes table-clear-impact{0%{filter:brightness(1.7)saturate(1.35);translate:0 -28px;scale:.82}34%{filter:brightness(1.18)saturate(1.12)drop-shadow(0 0 20px #f5c45180);translate:0 3px;scale:1.12}58%{scale:.97}to{filter:none;translate:0;scale:1}}@keyframes table-clear-burst{0%{opacity:0;scale:.35}26%{opacity:1}to{opacity:0;scale:1.35}}@keyframes table-clear-callout{0%{opacity:0;translate:0 -10px;scale:.7}12%{opacity:1;translate:0;scale:1.08}20%,86%{opacity:1;scale:1}to{opacity:.88}}.emote-trigger{background:radial-gradient(circle at 35% 22%,#ffffff29,#0000 34%),linear-gradient(145deg,#244b40,#102922);border-color:#97dcc580;box-shadow:inset 0 1px #ffffff2e,0 10px 28px #0000004d}.emote-control.is-open .emote-trigger{box-shadow:inset 0 1px #fff3,0 0 0 4px #73e2bd1a,0 10px 28px #00000057}.reaction-bubble,.reaction-bubble.tone-violet{background:radial-gradient(circle at 35% 24%,#fff3,#0000 33%),linear-gradient(145deg,#315d50,#15362d);border-color:#cdf2e5b8;box-shadow:inset 0 1px #ffffff38,0 12px 30px #00000057}@media (max-width:780px){.game-table .center-pile{min-height:clamp(158px,22dvh,194px)}.game-table .pile-cards{min-width:210px;height:clamp(120px,16dvh,148px)}.game-table .pile-cards .jass-card{--card-width:clamp(82px, 22.5vw, 96px);margin-left:clamp(-58px,-14vw,-46px)}.game-table .center-pile>p{margin-top:7px;font-size:clamp(11px,3vw,13px)}.game-table .center-pile>p span{font-size:16px}.game-table .requirement-chip b{font-size:clamp(12px,3.2vw,14px)}.game-table .requirement-chip span{font-size:9px}.table-clear-callout{padding:6px 10px;font-size:10px;top:8px}}@media (max-width:430px) and (max-height:700px) and (orientation:portrait){.game-table .center-pile{min-height:146px}.game-table .pile-cards{height:108px}.game-table .pile-cards .jass-card{--card-width:clamp(74px, 21vw, 84px)}}@media (max-height:520px) and (min-aspect-ratio:3/2){.game-table .center-pile{min-height:102px}.game-table .pile-cards{min-width:140px;height:76px}.game-table .pile-cards .jass-card{--card-width:clamp(52px, 7vw, 66px);margin-left:-34px}.game-table .center-pile>p{margin-top:3px;padding:4px 8px 4px 4px;font-size:9px}.table-clear-callout{padding:4px 8px;font-size:8px;top:4px}}
