@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#edf2ee;background:#101b21;font-synthesis:none;--bg:#101b21;--panel:#17252c;--line:#ffffff0e;--muted:#8b9c9f;--accent:#c1ee8d;--hero:#183a30}*{box-sizing:border-box}body{margin:0;min-width:min(320px,100%)}body[data-theme=plum]{--bg:#201b2d;--panel:#2a2438;--hero:#352849;--accent:#d9b6fa;background:var(--bg)}body[data-theme=ocean]{--bg:#102431;--panel:#183341;--hero:#133e49;--accent:#97dcf5;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{transition:background .18s,transform .18s,border-color .18s,opacity .18s}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.42;filter:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.sidebar{position:fixed;right:0;top:0;bottom:0;width:234px;padding:39px 22px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#121f25;z-index:10}.brand{display:flex;gap:14px;align-items:center;padding:0 13px}.brand img{width:46px;height:46px;transform:rotate(-8deg)}.brand>span{font-size:31px;font-weight:900;line-height:1.3}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px;letter-spacing:.2px}.nav-caption{font-size:10px;color:#697d81;margin:55px 16px 17px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;gap:14px;align-items:center;padding:15px 17px;width:100%;border-radius:12px;text-align:right;font-size:13px;color:#97a8aa}.nav-link.active{color:var(--accent);background:#c1ee8d0d}.nav-link.active .icon{stroke-width:2}.nav-link i{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:auto}.nav-link:hover{background:#ffffff07}.sidebar-note{border:1px solid #b8d49813;border-radius:18px;padding:22px 16px;background:linear-gradient(135deg,#2a3e2c50,transparent);margin:45px 8px 28px}.orbit{display:flex;align-items:center;justify-content:center;background:#c1ee8d13;border:1px solid #c1ee8d12;width:36px;height:36px;color:var(--accent);border-radius:12px;transform:rotate(-9deg);margin-bottom:16px}.sidebar-note b{font-size:14px}.sidebar-note p{color:var(--muted);font-size:11px;line-height:2;margin:9px 0 18px}.sidebar-note button{display:flex;align-items:center;gap:13px;color:var(--accent);font-size:11px;padding:0}.sidebar-note .icon{width:16px}.sidebar-bottom{margin-top:auto;display:grid;gap:17px;padding:0 15px}.sidebar-bottom button{display:flex;gap:12px;align-items:center;font-size:12px;color:#8fa0a4;padding:0}.sidebar-bottom .icon{width:18px}.sidebar-bottom small{font-size:9px;color:#4e666d;border-top:1px solid var(--line);padding-top:18px;margin-top:7px}.workspace{margin-right:234px;max-width:1800px;background:var(--bg);min-height:100vh}.topbar{height:103px;margin:0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#74898e;display:flex;gap:15px}.breadcrumb b{color:#c1cccd;font-weight:400}.breadcrumb span{color:#40565d}.account{display:flex;align-items:center;gap:22px}.offline-ready{display:flex;align-items:center;gap:7px;font-size:10px;color:#9dafaa}.offline-ready i,.hero-kicker i,.game-tag i{height:5px;width:5px;background:#b9ec87;border-radius:50%;box-shadow:0 0 10px #bdff8b3b}.icon-button{display:grid;place-items:center;padding:8px;color:#9badb1;border-radius:10px}.icon-button:hover{background:#ffffff09}.account>.icon-button{border-left:1px solid var(--line);padding-left:23px;border-radius:0}.profile{display:flex;align-items:center;gap:10px;text-align:right;padding:0}.avatar{width:40px;height:40px;border:3px solid #30473f;background:#bedbb2;border-radius:14px;color:#263b2b;display:grid;place-items:center;font-size:20px;font-weight:800}.profile>span:last-child{font-size:11px;line-height:1.7}.profile small{display:block;font-size:8px;color:#839498}main{padding:32px 44px 0;max-width:1600px;margin:auto}.hero{height:382px;background:var(--hero);border:1px solid #91c9a51a;border-radius:22px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('/assets/hero.png') center 58%/cover no-repeat;opacity:.96}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#15342fec 0%,#15342fca 29%,#15342f08 57%,transparent 75%)}.hero-copy{position:relative;padding:35px 38px;z-index:2;max-width:52%}.hero-kicker{font-size:10px;color:#c0d4c6;display:flex;align-items:center;gap:8px;letter-spacing:.2px}.hero h1{font-size:49px;line-height:1.5;font-weight:900;letter-spacing:-1.8px;margin-top:11px}.hero h1 em{color:#c8ef98;font-style:normal}.hero p{font-size:12px;line-height:2.1;color:#b2c4bc;margin-top:9px}.hero-actions{display:flex;gap:10px;margin-top:22px;align-items:center}.button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 23px;border-radius:10px;font-size:12px;font-weight:650;white-space:nowrap}.button .icon{width:18px}.primary{background:var(--accent);color:#203428;box-shadow:0 5px 15px #0b1b2720}.primary:hover{background:#d0f7a5}.ghost{background:#e8f6e40b;border:1px solid #d9e5d724;color:#e0eadf}.outline{border:1px solid #a3bcab45;color:#c9e5b6;background:#c6dfba05}.hero-foot{display:flex;align-items:center;gap:13px;margin-top:19px;color:#8fa99a;font-size:9px}.hero-foot>i{width:3px;height:3px;border-radius:50%;background:#6e8977}.hero-foot span{display:flex;align-items:center;gap:6px}.hero-foot .icon{width:13px;height:13px}.art-caption{position:absolute;left:40px;bottom:25px;text-align:left;display:flex;flex-direction:column;gap:4px;color:#dbe8d4;opacity:.6}.art-caption span{font-size:8px;letter-spacing:3px}.art-caption b{font-size:10px;font-weight:400}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.quick-tile{border:1px solid var(--line);border-radius:13px;background:#17252a;display:flex;align-items:center;gap:12px;text-align:right;padding:17px 16px}.tile-icon{display:flex;align-items:center;justify-content:center;flex:none;width:41px;height:41px;border-radius:13px}.mint{background:#95d9b515;color:#a4d6b6}.lavender{background:#bfa1eb16;color:#b6a5d2}.peach{background:#e8b28912;color:#dab58d}.quick-tile b{font-size:11px;font-weight:600;display:block}.quick-tile small{font-size:9px;color:#819699;display:block;margin-top:5px}.quick-tile>.icon{margin-right:auto;width:16px;color:#61767d}.games-section{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:18px}.eyebrow{font-size:10px;color:#82989c;display:block;margin-bottom:6px}.section-heading h2{font-size:22px;font-weight:750;letter-spacing:-.6px}.filters{display:flex;gap:5px;background:#152329;border:1px solid var(--line);padding:5px;border-radius:10px}.filters button{font-size:10px;padding:7px 14px;border-radius:7px;color:#8f9fa1}.filters .selected{background:#2b3d36;color:#c7e5ab}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{padding:0;background:#17252b;border:1px solid #ffffff09;border-radius:16px;text-align:right;overflow:hidden;min-width:0}.game-card:hover{transform:translateY(-4px);border-color:#b2d7964a}.game-art{height:166px;position:relative;overflow:hidden;display:grid;place-items:center;direction:ltr}.art-ludo{background:radial-gradient(ellipse at 50% 70%,#3b7764,#234e41 65%,#264638)}.art-memory{background:radial-gradient(ellipse at 50% 70%,#8371a7,#44374f 80%)}.art-hokm{background:radial-gradient(ellipse at 50% 70%,#826246,#44392f 80%)}.art-backgammon{background:radial-gradient(ellipse at 50% 70%,#426171,#2b3a48 80%)}.game-tag{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:5px;direction:rtl;font-size:8px;background:#0a171d42;border:1px solid #ffffff13;padding:4px 7px;border-radius:5px;z-index:2;color:#d6e4d4}.game-tag i{width:4px;height:4px}.mini-board{width:112px;height:112px;background:#ebe6d5;border:6px solid #d6d3b9;box-shadow:4px 6px 0 #747e64,8px 15px 15px #061b1940;border-radius:10px;transform:rotate(-19deg) skew(12deg,3deg);display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:6px;position:relative}.mini-board i{border:6px solid #84c4a3;background:#d4e5b9;border-radius:5px;box-shadow:inset 2px 2px 2px #183c2845}.mini-board i:nth-child(2){border-color:#a39dd1;background:#d5c9e8}.mini-board i:nth-child(3){border-color:#7fbbc9;background:#d9eeee}.mini-board i:nth-child(4){border-color:#e3a77d;background:#f4d7b7}.mini-board>span{position:absolute;inset:0;display:grid;place-items:center;color:#537955;font-size:24px}.die{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;padding:15px;width:88px;height:88px;background:linear-gradient(135deg,#fffef1,#d9daca);border-radius:20px;box-shadow:0 7px 0 #959e8f,0 14px 21px #03131b55;transform:rotate(-12deg);direction:ltr}.die i{border-radius:50%}.die .pip{background:#304d40;box-shadow:inset 1px 2px 2px #07140d6b}.die.art-die{position:absolute;width:45px;height:45px;padding:8px;gap:3px;border-radius:10px;left:28px;bottom:23px;box-shadow:2px 4px 0 #a3ad97,3px 6px 9px #102a2444;transform:rotate(21deg)}.mini-pawn{position:absolute;right:37px;bottom:26px;width:24px;height:35px;background:linear-gradient(90deg,#da8c4c,#ffd49b);border-radius:50% 50% 35% 35%;box-shadow:2px 5px 5px #153d2a60}.mini-pawn:before{content:'';position:absolute;width:20px;height:20px;background:linear-gradient(110deg,#f9da9d,#e19c68);border-radius:50%;top:-10px;left:2px}.art-cards{display:flex;align-items:center;justify-content:center;width:120px;height:120px;position:relative;margin-top:20px}.art-cards i{font-family:Georgia,serif;position:absolute;width:68px;height:92px;background:#e0dce8;border:5px solid #f4ecf7;border-radius:9px;box-shadow:2px 5px 0 #91839d,4px 8px 14px #10092740;transform:rotate(-22deg) translateX(-22px);display:grid;place-items:center;font-style:normal;font-size:38px;color:#8360ac}.art-cards i:nth-child(2){background:repeating-linear-gradient(45deg,#aa98c6 0 7px,#b1a2cc 7px 9px);transform:rotate(-3deg);color:#f4e9ce}.art-cards i:nth-child(3){transform:rotate(18deg) translateX(26px);background:#c4b4df;color:#f5ecda}.hokm i{background:#dfd4be!important;color:#414642!important}.hokm i:nth-child(2){color:#b25b54!important}.hokm i:nth-child(3){color:#4a6654!important}.hokm small{font-size:13px;position:absolute;top:1px;left:5px}.game-card.soon .game-art{filter:saturate(.65)}.backgammon-art{background:#a68b63;border:7px solid #b9986f;border-radius:9px;transform:rotate(-15deg) skew(7deg);width:132px;height:106px;box-shadow:3px 6px 0 #5f5548,4px 10px 15px #14232d70;display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-top:10px}.backgammon-art div{font-size:26px;letter-spacing:-5px;color:#534332;line-height:1.1}.backgammon-art span{font-size:24px;line-height:.6;color:#eee5cf;text-shadow:1px 2px #696750}.game-info{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:16px 15px 0}.game-info h3{font-size:17px;font-weight:750}.game-info p{font-size:8px;color:#94a3a3;margin-top:4px}.card-arrow{display:grid;place-items:center;border:1px solid #ffffff12;width:28px;height:28px;border-radius:8px;color:#adc5a5}.card-arrow .icon{width:14px;height:14px}.game-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 15px 0;border-top:1px solid var(--line);padding:11px 0;font-size:8px;color:#6f898d}.game-meta span{display:flex;align-items:center;gap:4px}.game-meta .icon{width:12px;height:12px}.bottom-banner{display:flex;align-items:center;gap:18px;margin-top:26px;padding:23px 25px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(100deg,#23352940,transparent)}.banner-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#c1ee8d0b;color:#b9d28e}.bottom-banner b{font-size:12px;font-weight:600}.bottom-banner p{font-size:9px;color:#849594;margin-top:5px}.banner-label{margin-right:auto;color:#667c72;font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;margin:26px 44px 0;padding:20px 0 24px;font-size:9px;color:#5e777c;border-top:1px solid var(--line)}.footer span:last-child{display:flex;gap:10px;align-items:center}.footer .icon{width:13px;height:13px}.mobile-nav{display:none}.page-heading{padding:24px 0}.page-heading h1{font-size:34px;margin:9px 0}.page-heading p{font-size:13px;color:var(--muted)}.friends-page,.lobby{text-align:center;padding:30px 0;max-width:850px;margin:auto}.large-symbol{display:grid;place-items:center;width:80px;height:80px;background:#c1ee8d0f;border:1px solid #c1ee8d25;border-radius:24px;color:var(--accent);margin:0 auto 25px;transform:rotate(-6deg)}.large-symbol .icon{width:37px;height:37px}.friends-page h1,.lobby h1{font-size:32px;margin:12px 0}.friends-page>p,.lobby>p{font-size:13px;color:var(--muted);line-height:2}.friend-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 0 24px}.panel{background:var(--panel);border:1px solid #ffffff0f;border-radius:18px;padding:28px;text-align:right}.panel h2{font-size:21px}.panel>p{font-size:12px;line-height:2;color:var(--muted);margin:10px 0 22px}.panel .button{margin-top:20px}.panel label{margin-top:15px}label{display:block;font-size:12px;color:#b2c2c1}input,select{width:100%;background:#0b1c23;border:1px solid #839b9b3b;border-radius:9px;color:#e2ebe5;padding:12px 14px;margin-top:8px;min-height:46px}select{color-scheme:dark}input::placeholder{color:#4d6a72}input#room-code{font-size:27px;letter-spacing:7px;text-align:center;margin-top:12px}.full{width:100%}.subtle{font-size:11px!important;line-height:2;color:var(--muted);margin-top:20px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#a6bca3;padding:12px 0}.text-button .icon{width:16px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.theme-card{text-align:right;background:var(--panel);border:1px solid #ffffff0d;border-radius:18px;overflow:hidden;padding:0 0 20px}.theme-card.chosen{border-color:var(--accent)}.theme-preview{height:240px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse,#42754c,#213d30)}.theme-preview.plum{background:radial-gradient(ellipse,#85659b,#3c2a4e)}.theme-preview.ocean{background:radial-gradient(ellipse,#3c8b98,#1b3a4c)}.theme-preview .mini-board{transform:scale(1.2) rotate(-20deg) skew(12deg,3deg)}.theme-preview .art-die{left:40px;bottom:42px;transform:scale(1.2) rotate(24deg)}.theme-preview .mini-pawn{right:35px;bottom:50px}.theme-card h2{font-size:20px;margin:20px 20px 5px}.theme-card p{font-size:12px;color:var(--muted);margin:0 20px 16px}.theme-card>span{font-size:12px;color:var(--accent);margin:0 20px}.theme-card .icon{width:15px}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#071217c9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px;z-index:100}.modal{position:relative;width:100%;max-width:460px;max-height:90dvh;overflow:auto;background:#192b30;border:1px solid #b6cdac29;box-shadow:0 25px 100px #0007;border-radius:24px;padding:36px}.modal-close{position:absolute;left:18px;top:17px}.modal h2{font-size:28px;margin:10px 0}.modal>p{font-size:13px;color:var(--muted);line-height:2}.modal form{margin-top:23px}.modal .text-button{width:100%;font-size:10px;margin-top:9px}.modal fieldset{padding:0;border:0;margin:24px 0}.modal legend{font-size:12px;margin-bottom:12px;color:#c7d4ce}.choice-row{display:flex;gap:12px}.choice-row label{flex:1;cursor:pointer}.choice-row input{position:absolute;opacity:0;width:1px;height:1px}.choice-row span{height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #a4bfaa26;border-radius:12px;background:#12272c;color:#afbeb9;font-size:12px}.choice-row small{font-size:9px;color:#75968c}.choice-row input:checked+span{background:#bced8412;border-color:#c1ee8d;color:var(--accent)}.choice-row input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.choice-row.compact span{height:48px}.setup-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#91a69c;margin-bottom:20px}.setup-note .icon{width:14px}.setup-note>span{margin-right:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row>span:first-child{display:flex;gap:12px;align-items:center}.toggle{width:42px;height:24px;background:#485a60;border-radius:20px;padding:3px;direction:ltr}.toggle:after{content:'';display:block;border-radius:50%;width:18px;height:18px;background:#d7ddd6;transition:transform .2s}.toggle.on{background:#aed989}.toggle.on:after{background:#234234;transform:translateX(18px)}.rules{font-size:12px;color:#b2c3bd;line-height:2.2;margin:23px 0}.rules h3{color:var(--accent);margin:20px 0 7px;font-size:16px}.rules p+p{margin-top:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);background:#d5edbf;color:#203526;padding:14px 24px;border-radius:12px;box-shadow:0 10px 35px #0004;font-size:12px;max-width:90%;width:max-content;opacity:0;pointer-events:none;z-index:200;transition:all .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.game-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.game-heading>div{text-align:center}.game-heading h1{font-size:25px}.game-heading>div>span{font-size:10px;color:var(--muted)}.play-layout{display:grid;grid-template-columns:minmax(360px,1fr) 270px;gap:30px;align-items:start}.table-area{padding:20px;border-radius:24px;background:radial-gradient(ellipse at center,#274e3e,var(--panel));border:1px solid #b1d99d18;min-width:0}.players-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:23px}.player-seat{background:#102a2680;border:1px solid #bdd6b119;padding:10px;display:flex;align-items:center;gap:10px;border-radius:12px;min-width:0}.player-seat.turn{border-color:var(--seat-color);box-shadow:0 0 15px #c9ff9910}.player-avatar{background:var(--seat-color);color:#18392d;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:none;font-weight:800}.player-seat b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.player-seat small{display:block;font-size:8px;color:#88a293;margin-top:3px}.player-seat>i{margin-right:auto;width:6px;height:6px;border-radius:50%;background:var(--seat-color);flex:none}.board-wrap{max-width:540px;aspect-ratio:1;margin:auto;filter:drop-shadow(0 12px 8px #071a2750)}.ludo-board{width:100%;height:100%;overflow:visible;display:block}.pawn.selectable{cursor:pointer}.pawn.selectable:hover{filter:brightness(1.2)}.pulse-ring{animation:pulse 1.4s infinite}.table-note{text-align:center;font-size:9px;line-height:1.8;color:#8ca799;margin-top:22px}.turn-panel{border-radius:20px;background:var(--panel);border:1px solid #c1d7a311;padding:28px;text-align:center}.turn-panel h2{font-size:23px;margin-top:10px}.turn-art{height:166px;display:grid;place-items:center}.turn-art>.icon{width:90px;height:90px;color:#c4a8ee;transform:rotate(-10deg)}.live-event{font-size:11px;line-height:1.9;color:#9fb3a5;min-height:47px;margin-bottom:17px}.turn-details{border-top:1px solid var(--line);margin-top:26px;padding:20px 0 7px;display:grid;gap:13px;text-align:right}.turn-details>span{display:flex;align-items:center;gap:8px;color:#7f9990;font-size:9px}.turn-details .icon{width:15px;height:15px}.rolling{animation:roll .12s infinite}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;height:100%;padding:5px}.memory-card{border-radius:13px;border:3px solid #a28cb769;background:repeating-linear-gradient(45deg,#6e5b8540 0 10px,#a28ac53a 10px 12px),#4a415c;box-shadow:0 4px 0 #262534;position:relative;transition:all .2s;min-width:0}.memory-card>span{font-family:Georgia,serif;font-size:36px;color:#c9b6e3;display:block}.memory-card.flipped{background:#f2e6d3;border-color:#f2e6d3;transform:rotateY(0);opacity:1}.memory-card.flipped>span{color:#665280}.memory-card.matched{background:var(--card-color);border-color:var(--card-color);opacity:.7}.memory-card small{font-size:7px;display:block;color:#294838;position:absolute;bottom:7px;left:3px;right:3px;white-space:nowrap;overflow:hidden}.memory-card:disabled:not(.flipped){opacity:.7}.status-chip{padding:12px;border:1px solid #afcf9829;border-radius:10px;font-size:11px;color:var(--accent)}.invite-code{display:flex;align-items:center;gap:30px;margin:25px auto;background:var(--panel);border:1px dashed #a3ca85aa;padding:15px 30px;border-radius:15px;color:var(--accent)}.invite-code b{letter-spacing:8px;font-size:35px}.invite-code .icon{width:20px}.lobby-seats{display:flex;justify-content:center;gap:20px;margin:35px 0}.lobby-seat{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;width:150px}.lobby-seat>span{height:52px;width:52px;margin:0 auto 15px;border-radius:20px;background:#33423d;color:#8d9e90;display:grid;place-items:center;font-size:25px}.lobby-seat.joined>span{background:#bdd7a7;color:#29422e}.lobby-seat b{display:block;font-size:12px}.lobby-seat small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.connection-error{color:#f1ab8e;font-size:11px}.lobby>.text-button{display:flex;margin:15px auto}@keyframes roll{0%{transform:rotate(-15deg) translateY(-4px)}50%{transform:rotate(20deg) translateY(4px)}100%{transform:rotate(-15deg) translateY(-4px)}}@keyframes pulse{50%{opacity:.45;stroke-width:4}}
@media(min-width:1550px){.hero{height:440px}.hero-copy{padding:45px 48px}.hero h1{font-size:58px}.hero p{font-size:14px}.game-art{height:205px}.game-info p{font-size:10px}.game-meta{font-size:10px}.quick-tile b{font-size:13px}.quick-tile small{font-size:11px}}
@media(max-width:1190px){.sidebar{width:200px;padding-right:14px;padding-left:14px}.workspace{margin-right:200px}main{padding:25px 25px 0}.topbar{margin:0 25px}.footer{margin-right:25px;margin-left:25px}.offline-ready{display:none}.hero{height:370px}.hero-copy{padding:30px 25px;max-width:58%}.hero h1{font-size:43px}.hero-actions .button{padding:0 16px;font-size:11px}.game-grid{gap:12px}.game-art{height:145px}.game-info{padding:12px 11px 0}.game-info p{font-size:7px}.game-meta{margin-left:11px;margin-right:11px;font-size:7px}.quick-tile{padding:13px 10px;gap:9px}.quick-tile b{font-size:9px}.quick-tile small{font-size:8px}.tile-icon{width:35px;height:35px}.quick-tile>.icon{display:none}.play-layout{grid-template-columns:minmax(300px,1fr) 220px;gap:18px}.turn-panel{padding:23px 16px}.table-area{padding:16px}.theme-preview{height:190px}}
@media(max-width:950px){.sidebar{width:82px;padding:30px 12px}.brand{padding:0;justify-content:center}.brand>span,.nav-caption,.nav-link span,.nav-link i,.sidebar-note,.sidebar-bottom{display:none}.brand img{width:43px}.sidebar nav{margin-top:50px;gap:18px}.nav-link{justify-content:center;padding:15px}.workspace{margin-right:82px}.hero h1{font-size:43px}.game-info p{font-size:8px}.hero-art{background-position:46% 50%}.play-layout{grid-template-columns:minmax(300px,1fr) 215px}.theme-grid{gap:15px}.theme-card h2{font-size:18px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-right:0}.topbar{height:76px;margin:0 20px}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>b{display:none}.account{gap:14px}.account>.icon-button{border:0;padding:6px}.profile>span:last-child{display:none}.avatar{width:35px;height:35px;font-size:18px;border-radius:12px}.topbar:before{content:'دورهم';font-size:27px;font-weight:900;color:#d9edc5}.breadcrumb{display:none}main{padding:19px 18px 0}.hero{height:510px;border-radius:20px}.hero-copy{max-width:none;padding:27px 25px}.hero-kicker{font-size:9px}.hero h1{font-size:42px;line-height:1.4;margin-top:14px}.hero h1 br{display:none}.hero h1 em{display:block}.hero p{font-size:11px;margin-top:10px}.hero-art{background-position:25% bottom;background-size:auto 430px;background-color:#12342b;opacity:.94}.hero-art:after{background:linear-gradient(180deg,#15342f 0%,#15342fe8 32%,#15342f00 69%)}.hero-actions{margin-top:21px}.hero-actions .button{height:43px}.hero-foot{margin-top:14px;font-size:8px}.art-caption{left:19px;bottom:15px}.art-caption b{display:none}.art-caption span{font-size:6px;letter-spacing:2px}.quick-row{gap:10px;grid-template-columns:1fr 1fr;margin-top:14px}.quick-tile{padding:13px 10px;gap:9px;border-radius:12px}.quick-tile:last-child{display:none}.quick-tile b{font-size:9px}.quick-tile small{font-size:7px}.tile-icon{width:31px;height:35px}.tile-icon .icon{width:19px}.games-section{margin-top:29px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:16px}.section-heading h2{font-size:23px}.eyebrow{font-size:9px}.filters{padding:4px;gap:6px}.filters button{padding:6px 17px;font-size:10px}.game-grid{grid-template-columns:repeat(2,1fr);gap:13px}.game-art{height:152px}.game-info{padding:13px 12px 0}.game-info h3{font-size:17px}.game-info p{font-size:7px;line-height:1.8}.card-arrow{width:23px;height:25px}.game-meta{font-size:7px;margin:11px 12px 0;padding:10px 0}.game-tag{font-size:7px}.mini-board{width:95px;height:95px;gap:12px;border-width:5px}.mini-board i{border-width:5px}.die.art-die{left:18px;width:38px;height:38px;padding:6px;gap:3px}.mini-pawn{right:22px;width:20px;height:28px}.mini-pawn:before{width:17px;height:17px}.art-cards{transform:scale(.9)}.backgammon-art{transform:scale(.85) rotate(-15deg) skew(7deg)}.bottom-banner{margin-top:22px;padding:18px 13px;gap:12px}.bottom-banner b{font-size:10px}.bottom-banner p{font-size:8px;line-height:1.9}.banner-label{display:none}.banner-mark{width:32px;height:32px;flex:none}.banner-mark .icon{width:18px}.footer{margin:22px 19px 70px;padding:15px 0 20px;font-size:8px}.footer span:last-child{font-size:7px;gap:5px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#14252bef;border-top:1px solid #bcc6b31b;backdrop-filter:blur(15px);z-index:20}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#7f9699;min-width:60px}.mobile-nav .icon{width:21px;height:21px}.mobile-nav .active{color:var(--accent)}.friend-panels{grid-template-columns:1fr;margin:25px 0;gap:16px}.friends-page,.lobby{padding:15px 0}.friends-page h1,.lobby h1{font-size:24px}.friends-page>p,.lobby>p{font-size:11px}.panel{padding:24px}.theme-grid{grid-template-columns:1fr;gap:20px}.theme-preview{height:215px}.page-heading{padding:13px 0}.page-heading h1{font-size:27px}.page-heading p{font-size:12px;line-height:2}.modal{padding:30px 24px}.modal h2{font-size:25px}.modal-backdrop{padding:17px}.play-layout{display:flex;flex-direction:column;gap:18px}.table-area{width:100%;padding:13px;border-radius:16px}.turn-panel{width:100%;padding:20px;position:relative}.turn-art{height:110px}.turn-art .die{width:70px;height:70px;padding:13px;gap:4px;border-radius:17px}.turn-panel h2{font-size:21px}.turn-panel .eyebrow{font-size:9px}.turn-details{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:17px;padding-top:15px}.turn-details span{font-size:8px}.live-event{margin-bottom:10px;min-height:25px}.turn-panel>.text-button{display:none}.game-heading{margin-bottom:18px}.game-heading .text-button{font-size:9px}.game-heading h1{font-size:23px}.game-heading>div>span{font-size:8px}.players-row{gap:7px;margin-bottom:17px}.player-seat{gap:7px;padding:8px}.player-seat b{font-size:9px;max-width:83px}.player-seat small{font-size:7px}.player-avatar{width:28px;height:28px;font-size:15px}.table-note{font-size:8px;margin-top:16px}.memory-board{gap:9px}.memory-card{border-radius:9px}.memory-card>span{font-size:30px}.lobby-seats{gap:10px;flex-wrap:wrap}.lobby-seat{width:calc(50% - 5px);padding:15px}.invite-code b{font-size:30px}#toast{bottom:86px;font-size:11px;text-align:center}}
.move-options{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:12px}.move-options button{padding:10px 8px;min-width:44px;min-height:44px;border:1px solid #abc48d88;background:#c1ee8d12;border-radius:8px;color:var(--accent);font-size:11px}.quick-tile b{font-size:12px}.quick-tile small{font-size:10px}.game-info p{font-size:10px}.game-meta{font-size:9px}.game-tag{font-size:9px}.sidebar-note p{font-size:12px}.hero p{font-size:13px}.footer{font-size:10px}
@media(max-width:1190px) and (min-width:701px){.quick-tile b{font-size:10px}.quick-tile small{font-size:9px}.game-info p{font-size:8px}.game-meta{font-size:8px}}
@media(max-width:700px){.quick-tile b{font-size:10px}.quick-tile small{font-size:8px}.game-info p{font-size:8px}.game-meta{font-size:8px}.game-tag{font-size:8px}.hero p{font-size:12px}body[data-page=game] .topbar,body[data-page=game] .mobile-nav,body[data-page=game] .footer{display:none}body[data-page=game] main{padding-top:14px;padding-bottom:20px}.game-heading{margin-bottom:13px}.turn-panel{display:grid;grid-template-columns:1fr 78px;column-gap:14px;row-gap:6px;text-align:right;padding:17px}.turn-panel>.eyebrow,.turn-panel>h2,.turn-panel>.live-event,.turn-panel>.button,.turn-panel>.status-chip{grid-column:1}.turn-panel>.eyebrow{margin:0}.turn-panel>h2{font-size:19px;margin:0}.turn-panel>.turn-art{grid-column:2;grid-row:1/5;height:auto;align-self:center}.turn-panel>.turn-art>.icon{width:65px;height:65px}.turn-panel>.live-event{font-size:10px;min-height:0;margin-bottom:3px}.turn-panel>.button{height:42px;font-size:11px}.turn-details{grid-column:1/-1;margin-top:6px;padding-top:11px;gap:8px;justify-content:space-between}.turn-details>span:last-child{display:none}.turn-panel>.move-options{grid-column:1/-1;margin-top:2px}.turn-panel>.connection-error{grid-column:1/-1}}
@media(max-width:700px){.quick-tile[data-action=resume]{display:flex;grid-column:1/-1}.quick-tile[data-action=resume]>.icon{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}