@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/dm-sans.ttf') format('truetype')}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('assets/playfair.ttf') format('truetype')}
.language-select{margin-left:auto;background:#ffffff0a;color:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font:12px 'DM Sans',sans-serif;cursor:pointer}.language-select option{background:#103d35;color:#fff}html[dir="rtl"] body{font-family:'Geeza Pro','Noto Sans Arabic',Tahoma,sans-serif}html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] .brand,html[dir="rtl"] .art-caption{font-family:'Geeza Pro','Noto Naskh Arabic',Georgia,serif}html[dir="rtl"] .language-select{margin-left:0;margin-right:auto}html[dir="rtl"] .playing-card,html[dir="rtl"] .scoreboard,html[dir="rtl"] .game-table{direction:ltr}html[dir="rtl"] .rules-list,html[dir="rtl"] dialog,html[dir="rtl"] .friends-form{text-align:right}
:root{--bg:#103d35;--deep:#082c27;--gold:#e1c28b;--white:#faf4e7;--muted:#aac1b7;--line:#ffffff26;--red:#a84b38;color-scheme:dark;font-family:'DM Sans',sans-serif;color:var(--white);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 65% 50%,#1e57484d,transparent 65%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}.topbar{height:112px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:500 46px 'Playfair Display',Georgia,serif;letter-spacing:-2px;display:flex;align-items:center;gap:20px}.brand span{font:22px Georgia;border-left:1px solid var(--line);padding-left:20px;letter-spacing:0;color:var(--gold)}.top-note{font-size:14px;color:var(--muted)}.quiet{border:0;background:transparent;color:var(--white);font-size:14px;padding:12px}.quiet span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:23px;height:23px;margin-left:12px}.welcome{min-height:calc(100dvh - 185px);max-width:1240px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:50px 50px;gap:30px}.small-label{font-size:13px;color:var(--gold)}h1{font:400 clamp(48px,5.5vw,80px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:24px 0}p{line-height:1.7;color:var(--muted);font-size:16px}.mode-picker{display:flex;gap:12px;margin:30px 0 22px}.mode{border:1px solid var(--line);background:transparent;padding:16px 22px;text-align:left;min-width:165px;color:var(--white);border-radius:9px}.mode b{display:block;font-size:16px;font-weight:500}.mode span{font-size:13px;display:block;margin-top:5px;color:var(--muted)}.mode.selected{border-color:var(--gold);background:#e1c28b0c;box-shadow:inset 0 0 0 1px var(--gold)}.primary{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;background:var(--gold);color:var(--deep);border:none;border-radius:7px;font-weight:600;padding:16px 24px;min-width:342px}.primary:hover{background:#f1d5a5}.primary span{font-size:24px}.subtle{font-size:13px;margin:15px 0;color:var(--muted)}.welcome-cards{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.card-preview{position:absolute;width:225px;height:343px;background:var(--white);border-radius:12px;color:var(--deep);box-shadow:0 25px 50px #001c2466;transform:rotate(-14deg);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid var(--white)}.card-preview span{position:absolute;top:8px;left:8px;font:bold 28px Georgia}.card-preview strong{font:32px Georgia;color:#a52c25}.card-preview small{margin-top:16px}.card-preview.back{transform:translate(110px,-25px) rotate(14deg);z-index:1;background:repeating-conic-gradient(#317963 0 25%,#b2cfae 0 50%) 50%/12px 12px}.art-caption{position:absolute;bottom:0;right:20px;font-size:13px;line-height:1.5;color:var(--muted)}.footer{height:73px;border-top:1px solid var(--line);margin:0 5vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.footer i{color:var(--gold);padding:0 15px}dialog{border:1px solid #e1c28b55;border-radius:18px;color:var(--white);background:#143e35;padding:36px;max-width:min(620px,92vw);max-height:85dvh}dialog::backdrop{background:#031b18be;backdrop-filter:blur(8px)}.close{position:absolute;right:14px;top:10px;background:none;color:var(--white);border:0;font-size:30px}.welcome-copy{position:relative;z-index:3}@media(max-width:760px){.topbar{height:82px;padding:0 6vw}.brand{font-size:36px}.brand span{font-size:18px}.top-note{display:none}.welcome{padding:35px 7vw;grid-template-columns:1fr;gap:0;min-height:calc(100dvh - 145px)}.welcome-copy{text-align:center}.small-label{font-size:12px}h1{font-size:48px;margin:16px 0}.welcome p{margin:12px 0}.mode-picker{justify-content:center;margin:24px 0 18px}.mode{min-width:0;flex:1;max-width:190px;padding:14px}.primary{width:100%;min-width:0;max-width:392px;margin:auto}.welcome-cards{height:260px;margin-top:15px;order:-1}.card-preview{width:137px;height:208px;border-width:5px}.card-preview.back{transform:translate(75px,-14px) rotate(14deg)}.card-preview strong{font-size:21px}.art-caption{display:none}.footer{height:63px;font-size:11px}.footer span:first-child{max-width:100px}.quiet{font-size:13px}.quiet span{margin-left:5px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}