@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap";:root{font-family:Golos Text,system-ui,sans-serif;color:#eeeae1;background:#101b18;font-synthesis:none;font-weight:400;--bg: #101b18;--panel: #182620;--panel2: #203029;--line: #ffffff10;--muted: #91a197;--accent: #e4c27a;--table: #174b3a;--hero: #1c4434;--sidebar: #111c18}:root[data-theme=dark]{--bg: #14171e;--panel: #1c212b;--panel2: #262c39;--line: #ffffff12;--muted: #929bac;--table: #283143;--hero: #283447;--sidebar: #11151d;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,transform .18s,opacity .18s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.15}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px;font-weight:600}small{font-size:12px}svg{flex-shrink:0}.muted{color:var(--muted);font-size:13px;line-height:1.6}.app-shell{display:flex;min-height:100dvh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);border-right:1px solid var(--line);padding:34px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-size:24px;letter-spacing:2px;font-weight:800}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:5px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#19271d;width:43px;height:48px;border-radius:13px}.sidebar-label{font-size:9px;color:#718176;letter-spacing:1.5px;margin:57px 12px 18px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:14px 13px;border-radius:10px;color:var(--muted);font-size:13px;text-align:left}.sidebar nav button:hover{background:var(--panel)}.sidebar nav button.active{background:#e4c27a12;color:var(--accent)}.nav-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:24px 10px 0;border-top:1px solid var(--line);color:var(--muted)}.sidebar-bottom p{font-size:11px;margin:12px 0 8px}.sidebar-bottom small{font-size:10px;line-height:1.7;display:block}.mini-suits{letter-spacing:9px;font-size:20px;color:#72867a}.mini-suits i{font-style:normal;color:#b67d6d}.workspace{margin-left:238px;width:calc(100% - 238px)}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:20px}.desktop-crumb{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.desktop-crumb span{margin:0 16px;opacity:.35}.account{display:flex;align-items:center;gap:27px}.wallet-pill{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#e4c27a0b;border:1px solid #e4c27a22;border-radius:9px;color:var(--accent);font-size:13px}.wallet-pill svg:last-child{margin-left:5px;color:#a89871}.profile-button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px}.profile-button small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.avatar{width:35px;height:35px;flex-shrink:0;border-radius:12px;display:inline-grid;place-items:center;background:#67877833;border:1px solid #a5c9a52b;color:#c7d5c9;font-weight:700;font-size:16px}.avatar.large{width:60px;height:60px;border-radius:20px;font-size:24px}.content{max-width:1270px;padding:36px 44px 54px;margin:0 auto;min-height:calc(100dvh - 150px)}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:21px;display:flex;align-items:center;gap:13px}.eyebrow span{color:var(--accent)}.hero{position:relative;background:linear-gradient(115deg,var(--hero),var(--panel));min-height:325px;border-radius:19px;overflow:hidden;border:1px solid #87aa801c;display:flex}.hero-copy{padding:39px 36px;width:58%;position:relative;z-index:2}.live-label{font-size:10px;color:#bdd1bc;display:flex;gap:7px;align-items:center;margin-bottom:20px}.live-label>span{width:5px;height:5px;background:#a9c494;border-radius:50%}.hero h1{font-size:clamp(30px,3.7vw,49px);font-weight:700;letter-spacing:-2px;margin-bottom:16px}.hero p{font-size:13px;line-height:1.8;color:#b3c2b6;max-width:330px;margin-bottom:25px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:12px 20px;border-radius:9px;font-size:12px;font-weight:600}.primary{background:var(--accent);color:#24291e;box-shadow:0 4px 14px #0000000f}.primary:hover:not(:disabled){background:#efd397}.secondary{background:var(--panel2);border:1px solid #ffffff13;color:#e2e6dd}.secondary:hover:not(:disabled){background:#526c4d44}.hero-copy>small{font-size:10px;color:#a7baa8;display:flex;gap:6px;align-items:center;margin-top:13px}.hero-art{position:absolute;top:0;right:0;bottom:0;left:48%;overflow:hidden}.orbit{border:1px solid #ffffff08;border-radius:50%;position:absolute;width:390px;height:390px;top:0;left:0}.orbit-two{width:530px;height:530px;top:-70px;left:-70px}.hero-card{position:absolute;top:91px;left:22%;filter:drop-shadow(0 16px 18px #0004)}.hero-card.one{transform:rotate(-17deg);z-index:3}.hero-card.two{transform:rotate(11deg);left:40%;top:74px;z-index:2}.hero-card.three{transform:rotate(29deg);left:58%;top:82px;z-index:1}.hero-card .card{width:115px;height:162px;border-radius:10px}.hero-card .card-suit{font-size:62px}.hero-card .card-corner{font-size:24px}.hero-card .card-corner small{font-size:20px}.art-star{position:absolute;top:41px;right:44px;font-size:30px;color:#b2c3a658}.coin-art{position:absolute;bottom:28px;left:40%;width:51px;height:51px;display:grid;place-items:center;color:#846232;border-radius:50%;background:linear-gradient(135deg,#f9dba0,#b89146);border:4px double #d1ad60;box-shadow:2px 5px #8c6b35,3px 10px 13px #0005;transform:rotate(-20deg);font-size:24px;z-index:5}.card{width:75px;height:106px;background:#f4f0e6;color:#21332b;border:1px solid #d5d3c9;border-radius:7px;position:relative;box-shadow:0 3px 6px #0003;flex-shrink:0;-webkit-user-select:none;user-select:none;display:grid;place-items:center;padding:0}.card.red{color:#b64c48}.card-corner{position:absolute;left:6px;top:4px;font-size:17px;font-weight:700;line-height:1.05;text-align:center}.card-corner small{display:block;font-size:15px}.card-corner.bottom{top:auto;left:auto;right:6px;bottom:4px;transform:rotate(180deg)}.card-suit{font-size:39px}.card-back{background:repeating-linear-gradient(45deg,#cdb58218 0px,#cdb58218 1px,transparent 1px,transparent 7px),repeating-linear-gradient(-45deg,#cdb58218 0px,#cdb58218 1px,transparent 1px,transparent 7px),#344a3d;border:5px solid #dfd9c9;outline:1px solid #e9dec244;color:#c5b68b}.card.selected{outline:3px solid var(--accent);transform:translateY(-9px)}.card.small{width:49px;height:70px}.small .card-corner{font-size:11px;left:4px;top:3px}.small .card-corner small{font-size:10px}.small .card-corner.bottom{left:auto;right:4px;top:auto;bottom:3px}.small .card-suit{font-size:24px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 34px}.stat{display:flex;gap:15px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:19px 21px}.stat-icon{display:grid;place-items:center;width:45px;height:45px;background:#9cae9a0b;border:1px solid #a9cbb315;border-radius:11px;color:#a3b8a7}.stat-icon.gold{color:var(--accent);background:#e4c27a0a;border-color:#e4c27a18}.stat small{font-size:10px;color:var(--muted)}.stat strong{display:flex;align-items:baseline;gap:8px;font-size:23px;letter-spacing:-.5px;margin-top:4px}.stat strong span{font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted)}.stat>svg,.stat>.icon-button{margin-left:auto;color:var(--muted)}.icon-button{display:grid;place-items:center;background:#ffffff06;border:1px solid var(--line);border-radius:8px;width:30px;height:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.section-heading h2{font-size:18px}.section-heading>span{font-size:10px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-tile{display:flex;align-items:center;text-align:left;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:25px 20px}.mode-tile:hover{border-color:#e4c27a45;background:var(--panel2)}.mode-tile p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:7px}.mode-tile>svg{margin-left:auto;color:#94a394}.mode-symbol{width:48px;height:55px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#a2b89e0e;color:#c1cdb8}.symbol-1{color:#c6ad7c;background:#c6ad7c0b}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.reward{padding:21px 19px;display:flex;align-items:center;gap:14px;border:1px dashed #e4c27a28;border-radius:12px;background:#e4c27a03}.reward>svg{color:#bca36f}.reward h3{font-size:12px}.reward p{font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}.reward small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.reward-amount{margin-left:auto;color:#cbb074;font-size:20px;font-weight:600}.reward.subdued{border-color:var(--line)}.reward.subdued>svg,.reward.subdued>.reward-amount{color:var(--muted)}.footer{display:flex;justify-content:space-between;padding:20px 44px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#65786a}.mobile-nav,.mobile-brand{display:none}.page-title{margin:8px 0 30px}.page-title h1{font-size:32px}.page-title p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:12px}.panel{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:15px}.narrow{max-width:600px}.form{display:flex;flex-direction:column;gap:23px}.form label{font-size:12px;display:flex;flex-direction:column;gap:10px;color:#c4cec6}.form input,.form select{width:100%;padding:13px 14px;background:var(--bg);border:1px solid #ffffff14;border-radius:8px;color:#e7e9e2;outline:none}.form input:focus,.form select:focus{border-color:var(--accent)}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:12px;color:#c4cec6;margin-bottom:12px}.segmented{display:flex;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:4px}.segmented button{flex:1;padding:11px 15px;border-radius:7px;font-size:12px;color:var(--muted);display:flex;gap:7px;justify-content:center;align-items:center}.segmented .selected{color:var(--accent);background:#e4c27a14}.form fieldset>p{margin-top:10px;font-size:11px}.theme-options{display:flex;gap:12px}.theme-option{padding:19px;display:flex;align-items:center;gap:11px;flex:1;border:1px solid var(--line);border-radius:10px;font-size:12px}.theme-option.green{background:#204232}.theme-option.dark{background:#202736}.theme-option.chosen{border-color:var(--accent)}.theme-option>svg:last-child{margin-left:auto}.cost{display:flex;gap:10px;color:var(--accent);align-items:center;font-size:12px;padding:16px;background:#e4c27a08;border-radius:9px}.toolbar{display:flex;justify-content:space-between;margin-bottom:25px;gap:10px}.lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lobby-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.lobby-head>span:last-child{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.pill{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border:1px solid #adc4a624;border-radius:6px;color:#adc4a6;font-size:10px}.lobby-card>p{color:var(--muted);font-size:12px;margin:8px 0 20px}.lobby-foot{display:flex;justify-content:space-between;align-items:center}.lobby-foot>span{color:var(--accent);display:flex;align-items:center;gap:7px;font-size:13px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:65px 15px;gap:20px;color:var(--muted)}.empty h2,.empty h1{color:#e2e6dd}.empty p{font-size:13px;line-height:1.7}.resume{margin-top:18px;border:1px solid #e4c27a40;border-radius:10px;padding:14px 20px;display:flex;gap:14px;width:100%;align-items:center;color:var(--accent);font-size:13px}.resume>svg:last-child{margin-left:auto}.waiting-room{max-width:800px}.waiting-top{display:flex;justify-content:space-between;align-items:center}.connection{display:flex;align-items:center;gap:6px;font-size:10px;color:#c7a77c}.connection.online{color:#8bb88c}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:33px 0}.seat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 5px;border:1px dashed var(--line);border-radius:13px;font-size:12px;color:var(--muted)}.seat.occupied{border-style:solid;background:#ffffff02}.seat strong{font-size:12px;color:#e1e5de;overflow-wrap:anywhere}.seat small{font-size:9px}.seat-status{display:flex;align-items:center;gap:4px;font-size:10px;padding:5px 7px;border-radius:5px;background:#ffffff05}.seat-status.is-ready{color:#a9ce96;background:#a9ce960b}.empty-seat{background:transparent;border:1px dashed #ffffff22;color:#7b8f80}.invite-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #e4c27a44;border-radius:9px;padding:15px;color:var(--accent);font-size:12px}.waiting-actions{display:flex;justify-content:center;gap:12px;margin:26px 0 12px}.text-button{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding:9px}.waiting-room>.text-button{margin:auto}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px}.game-table{position:relative;min-height:400px;border-radius:100px 100px 60px 60px;border:5px solid #c0ae7014;outline:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 40%,#ffffff05,transparent 70%),var(--table);box-shadow:inset 0 0 60px #0002;padding:24px 25px 20px}.opponents{display:flex;justify-content:space-evenly;gap:14px}.opponent{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;padding:9px 14px;border-radius:12px;position:relative}.opponent.active-player{outline:1px solid var(--accent);background:#e4c27a09}.opponent small{font-size:9px;color:#b8c9b9}.hand-count{display:flex;align-items:center;gap:4px;position:absolute;right:0;top:4px;background:#16281e;padding:3px 5px;border-radius:5px;font-size:10px}.table-middle{position:relative;min-height:210px;display:flex;align-items:center;padding:22px 0}.deck{display:flex;align-items:center;position:relative;width:70px;flex-shrink:0}.deck .card:first-child{transform:rotate(90deg)}.deck .card-back{position:absolute;top:-20px;left:2px}.deck>span{position:absolute;top:85px;left:-3px;font-size:8px;color:#c0cdbb;line-height:1.8}.table-pairs{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;padding-left:10px}.table-watermark{display:flex;flex-direction:column;align-items:center;gap:10px;color:#dbdfbb18}.table-watermark span{font-size:9px;letter-spacing:3px}.card-pair{position:relative;margin-right:12px;margin-bottom:13px}.defense-card{position:absolute;top:12px;left:17px;transform:rotate(10deg)}.turn-banner{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.turn-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.timer{font-variant-numeric:tabular-nums;margin-left:5px;background:#0002;padding:5px 9px;border-radius:7px;font-size:11px;color:var(--accent)}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 16px;font-size:12px}.hand-heading b{margin-left:6px;color:var(--muted);font-size:11px}.hand-heading small{color:var(--muted);font-size:10px;text-align:right}.hand{display:flex;justify-content:center;overflow-x:auto;padding:14px 8px 17px;gap:7px;min-height:137px}.hand .card{flex-shrink:0}.hand .card:hover{transform:translateY(-6px)}.hand .card.selected{transform:translateY(-10px)}.game-actions{min-height:50px;display:flex;gap:9px;justify-content:center}.help-text{color:var(--muted);font-size:11px;line-height:1.7;text-align:center;margin:22px 0}.period-tabs{max-width:390px;margin-bottom:25px}.rankings{padding:10px 24px}.result-row{display:flex;align-items:center;gap:15px;padding:18px 9px;border-bottom:1px solid var(--line)}.result-row:last-child{border:0}.result-row strong{font-size:13px}.result-row small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.result-row.self{background:#e4c27a08}.position{width:30px;text-align:center;font-size:17px;color:var(--muted)}.pos-1{color:var(--accent)}.score{margin-left:auto;text-align:right;font-size:18px;font-weight:600}.results{max-width:650px;margin:auto;text-align:center}.result-trophy{color:var(--accent);margin:10px 0 25px}.results .primary{margin-top:28px}.balance-banner{display:flex;align-items:center;gap:14px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:13px;margin-bottom:25px;color:var(--accent)}.balance-banner>span{font-size:12px;color:var(--muted)}.balance-banner strong{margin-left:auto;font-size:26px}.balance-banner small{font-size:11px;font-weight:400;margin-left:8px;color:var(--muted)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.package{position:relative;text-align:center;padding:35px 18px 22px}.package.featured{border-color:#e4c27a55;background:linear-gradient(135deg,#e4c27a09,var(--panel))}.coin-stack{color:var(--accent);margin-bottom:23px}.package h2{font-size:33px;font-weight:700}.package>p{font-size:11px;color:var(--muted);margin:7px 0 27px}.package>button{width:100%}.bonus-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#302f20;padding:5px 10px;white-space:nowrap;font-size:9px;border-radius:5px}.ad-reward{margin-top:25px;flex-wrap:wrap}.ad-reward .secondary{margin-left:auto;font-size:10px}.history-row{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.history-row:last-child{border:0}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.positive{color:#9fc392}.order-id{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:15px}.alert{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;border:1px solid #db857b44;background:#522e2a;color:#f5d0bf;border-radius:10px;margin-bottom:22px;font-size:12px;line-height:1.6}.alert>button{display:flex;align-items:center}.toast{position:fixed;z-index:90;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:15px 24px;background:#d2e0c7;border:1px solid #b8caaa;color:#24422c;border-radius:11px;box-shadow:0 5px 25px #0003;font-size:12px;max-width:90vw}.splash{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:25px}.splash p{font-size:14px;line-height:1.8;max-width:430px;color:var(--muted)}.loader{width:23px;height:23px;border:2px solid #e4c27a25;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboarding{max-width:480px;margin:auto;padding:40px 25px 60px}.onboarding>.brand{justify-content:center;font-size:20px;color:var(--accent)}.onboarding h1{text-align:center;font-size:29px;margin:20px 0 12px}.onboarding>p{text-align:center}.intro-cards{display:flex;justify-content:center;margin:35px 0}.intro-cards>.card:first-child{transform:rotate(-15deg);z-index:1;margin-right:-10px}.intro-cards>.card:last-child{transform:rotate(12deg)}.bonus-banner{display:flex;align-items:center;justify-content:center;gap:10px;background:#e4c27a09;border:1px solid #e4c27a22;padding:16px 12px;color:var(--accent);border-radius:10px;margin:24px 0;font-size:12px}@media(min-width:1500px){.content{padding-top:47px}.hero{min-height:360px}.hero-copy{padding:45px}.hero-card{top:100px}.hero-card.two{top:80px}.hero-card.three{top:90px}.hero-card .card{width:130px;height:184px}}@media(max-width:1100px){.sidebar{width:190px;padding:28px 15px}.brand{font-size:21px;gap:9px}.brand small{font-size:7px}.workspace{margin-left:190px;width:calc(100% - 190px)}.content{padding:28px}.topbar{padding:0 28px}.hero-copy{padding:30px;width:63%}.hero p{max-width:260px}.hero-card .card{width:95px;height:138px}.hero-card .card-suit{font-size:50px}.hero-art{left:52%}.mode-tile{gap:10px;padding:20px 14px}.mode-symbol{width:37px}.mode-tile h3{font-size:14px}.reward{padding:17px 13px;gap:10px}.reward-amount{font-size:17px}.reward>svg{width:23px}.seats{grid-template-columns:repeat(2,1fr)}.game-table{border-radius:60px 60px 35px 35px;padding:18px}.game-table .card{width:63px;height:90px}.game-table .card.small{width:43px;height:63px}}@media(max-width:760px){.sidebar,.desktop-crumb,.footer{display:none}.workspace{margin:0;width:100%}.topbar{height:76px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));gap:12px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:1px;color:var(--accent)}.account{gap:14px}.profile-button>span:last-child{display:none}.profile-button{padding:0}.wallet-pill{padding:8px 9px;font-size:12px;gap:7px}.avatar{width:33px;height:33px}.content{padding:23px 20px 110px;min-height:calc(100dvh - 76px)}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px;gap:9px}.hero{min-height:305px;border-radius:15px}.hero-copy{padding:26px 23px;width:67%}.hero h1{font-size:36px;letter-spacing:-1.6px;max-width:200px;line-height:1.05}.live-label{font-size:8px;line-height:1.6;max-width:160px;margin-bottom:18px}.hero p{font-size:11px;line-height:1.7;max-width:180px;margin-bottom:21px}.hero-copy>small{font-size:9px}.hero .primary{font-size:11px;padding:11px 17px;gap:14px}.hero-art{left:57%;overflow:visible}.hero-card{left:0;top:114px}.hero-card.two{left:40px;top:97px}.hero-card.three{left:70px;top:110px}.hero-card .card{width:79px;height:115px}.hero-card .card-corner{font-size:17px}.hero-card .card-corner small{font-size:15px}.hero-card .card-suit{font-size:42px}.coin-art{width:39px;height:39px;bottom:37px;left:35px;font-size:20px}.art-star{top:35px;right:20px;font-size:23px}.orbit{width:290px;height:290px;top:45px;left:-20px}.orbit-two{width:390px;height:390px;top:-5px;left:-70px}.stats-grid{gap:11px;margin:15px 0 25px}.stat{padding:15px 12px;gap:10px;border-radius:11px}.stat-icon{width:34px;height:37px;border-radius:9px}.stat-icon>svg{width:20px}.stat small{font-size:9px}.stat strong{font-size:21px;gap:6px}.stat strong span{font-size:9px}.stat>.icon-button,.stat>svg{display:none}.section-heading{margin:25px 0 14px}.section-heading h2{font-size:17px}.section-heading>span{font-size:9px}.mode-grid{gap:11px}.mode-tile{padding:17px 13px;display:block;position:relative}.mode-symbol{width:37px;height:40px;margin-bottom:15px}.mode-symbol>svg{width:25px}.mode-tile h3{font-size:14px}.mode-tile p{font-size:10px;margin-top:7px;line-height:1.6;min-height:32px}.mode-tile>svg{position:absolute;top:25px;right:13px;width:16px}.reward-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.reward{padding:17px;gap:15px}.reward h3{font-size:12px}.reward p{font-size:10px}.reward-amount{font-size:22px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:10px 8px max(12px,env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid var(--line);z-index:40}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:6px;color:var(--muted);padding:3px 8px;font-size:9px;min-width:50px}.mobile-nav button.active{color:var(--accent)}.page-title{margin:5px 0 24px}.page-title h1{font-size:28px;letter-spacing:-1px}.page-title p{font-size:12px}.panel{padding:20px}.lobby-grid{grid-template-columns:1fr}.packages{gap:10px;grid-template-columns:1fr}.package{display:grid;grid-template-columns:50px 1fr auto;align-items:center;text-align:left;column-gap:18px;padding:24px 18px}.coin-stack{grid-row:1/3;margin:0}.coin-stack>svg{width:38px}.package h2{font-size:26px;grid-column:2}.package>p{grid-column:2;margin:3px 0 0;font-size:10px}.package>button{grid-column:3;grid-row:1/3;padding:12px;font-size:11px}.bonus-tag{left:auto;right:15px;transform:none;top:-7px;font-size:8px}.balance-banner{padding:18px}.ad-reward{gap:12px}.ad-reward .secondary{width:100%;margin-top:5px}.theme-option{padding:15px 12px;gap:8px}.theme-option>svg{width:18px}.waiting-top{gap:10px}.seats{gap:10px;margin:25px 0}.seat{padding:18px 6px}.game-table{border-radius:35px;min-height:360px;padding:16px 12px;border-width:3px}.opponents{gap:5px}.opponent{padding:8px 6px;min-width:70px;max-width:110px}.opponent strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:80px;white-space:nowrap}.opponent small{font-size:8px}.table-middle{min-height:190px}.table-pairs{gap:7px 10px}.game-table .card{width:49px;height:72px}.game-table .card-suit{font-size:29px}.game-table .card-corner{font-size:12px;left:4px;top:3px}.game-table .card-corner small{font-size:11px}.game-table .card-corner.bottom{right:4px;bottom:3px;left:auto;top:auto}.game-table .card.small{width:35px;height:52px}.game-table .card.small .card-suit{font-size:23px}.deck{width:41px}.deck>span{top:67px;font-size:7px;left:-5px}.deck .card-back{left:-3px;top:-10px}.card-pair{margin-right:6px;margin-bottom:12px}.defense-card{left:10px;top:10px}.hand{justify-content:flex-start;padding-top:15px;gap:0;min-height:120px}.hand>.card{width:62px;height:89px;margin-right:-13px}.hand>.card:last-child{margin-right:0}.hand>.card .card-suit{font-size:31px}.hand>.card .card-corner{font-size:14px}.hand>.card .card-corner small{font-size:12px}.hand>.card.selected{z-index:10}.hand-heading{margin:20px 0 4px;gap:8px}.hand-heading small{max-width:200px;font-size:9px}.game-actions .primary,.game-actions .secondary{font-size:11px;padding:12px 16px}.game-heading{margin-bottom:15px}.game-heading>span{font-size:11px}.game-heading .connection{font-size:8px}.result-row{gap:10px;padding:15px 4px}.result-row strong{font-size:12px}.result-row .score{font-size:17px}.position{width:25px}.rankings{padding:8px 13px}.form{gap:20px}.toast{top:12px;width:max-content}.toolbar .primary,.toolbar .secondary{font-size:11px;padding:12px 14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.hero-art{z-index:1}@media(max-width:760px){.hero-art{left:68%}.hero p{max-width:160px}.hero-card .card{width:70px;height:103px}.hero-card.two{left:32px}.hero-card.three{left:61px}.coin-art{left:10px}.hero-art .art-star{right:10px}}