:root{color-scheme:dark;--background: #0e1015;--surface-strong: #141820;--surface-soft: #1b2029;--border: #3d424b;--border-strong: #5e6269;--text: #fff9f4;--text-muted: #c6b7aa;--accent: #b14d18;--accent-bright: #f07b3f;--games-accent: var(--accent-bright);--surface: var(--surface-strong);--text-primary: var(--text);--text-secondary: var(--text-muted);--danger: #ff807c;--success: #59bd86;font-family:Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none}:root[data-theme=light]{color-scheme:light;--background: #f8f2ec;--surface-strong: #ffffff;--surface-soft: #fdf8f3;--border: #dfcec0;--border-strong: #c3a996;--text: #2a1d16;--text-muted: #735f52;--accent: #b14d18;--accent-bright: #903a10;--danger: #b73d3a}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--background)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 34rem),radial-gradient(circle at 100% 45%,color-mix(in srgb,var(--accent-bright) 6%,transparent),transparent 38rem),var(--background);color:var(--text)}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent) 42%,transparent)}.solitaire-page{position:relative;width:min(1480px,100%);min-height:100%;margin:0 auto;padding:clamp(1.2rem,3vw,2.4rem);overflow:hidden}.solitaire-page>:not(.solitaire-backdrop){position:relative;z-index:1}.solitaire-backdrop{position:absolute;z-index:0;inset:0 0 auto;height:34rem;overflow:hidden;color:color-mix(in srgb,var(--games-accent) 30%,transparent);pointer-events:none;-webkit-mask-image:linear-gradient(#000,transparent 90%);mask-image:linear-gradient(#000,transparent 90%)}.solitaire-backdrop span{position:absolute;font-family:Georgia,serif;font-size:clamp(8rem,19vw,18rem);opacity:.14;transform:rotate(-15deg)}.solitaire-backdrop span:nth-child(1){top:-5rem;right:4%}.solitaire-backdrop span:nth-child(2){top:7rem;right:20%}.solitaire-backdrop span:nth-child(3){top:-3rem;right:36%}.solitaire-backdrop span:nth-child(4){top:10rem;right:-2%}.solitaire-page .privacy-note{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:.8rem 0 0;color:var(--text-secondary);font-size:.7rem;text-align:center}.solitaire-page .privacy-note svg{width:14px;height:14px;color:var(--games-accent)}.home-page .available-section{margin-top:20px;padding:clamp(18px,3vw,28px);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:20px;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent-bright) 10%,transparent),transparent 23rem),color-mix(in srgb,var(--surface-strong) 84%,transparent)}.home-page .available-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,.65fr);align-items:end;gap:28px;margin-bottom:18px}.home-page .available-heading h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.9rem);letter-spacing:-.035em}.home-page .available-heading>p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.55}.home-page .available-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-page .available-card{--game-accent: var(--accent-bright);position:relative;isolation:isolate;display:grid;min-height:220px;grid-template-columns:86px minmax(0,1fr);gap:14px;overflow:hidden;padding:16px;border:1px solid color-mix(in srgb,var(--game-accent) 34%,var(--border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--game-accent) 8%,transparent),transparent 55%),var(--surface-soft)}.home-page .available-card:after{position:absolute;z-index:-1;right:-44px;bottom:-54px;width:150px;height:150px;border:28px solid color-mix(in srgb,var(--game-accent) 5%,transparent);border-radius:50%;content:""}.home-page .available-card--belote{--game-accent: #d9a27c}.home-page .available-card--solitaire{--game-accent: #6ca697}.home-page .available-card--neon{--game-accent: #6dbde4}.home-page .available-card--blocks{--game-accent: #a878ff}.home-page .available-visual{position:relative;width:78px;height:112px;align-self:center;border:1px solid color-mix(in srgb,var(--game-accent) 64%,var(--border));border-radius:10px;background:repeating-linear-gradient(45deg,transparent 0 7px,color-mix(in srgb,var(--game-accent) 8%,transparent) 7px 9px),var(--surface-strong);box-shadow:8px 10px color-mix(in srgb,var(--game-accent) 9%,transparent);color:var(--game-accent);font-family:Georgia,serif}.home-page .available-visual span,.home-page .available-visual b,.home-page .available-visual i{position:absolute}.home-page .available-visual span{top:8px;left:9px;font-weight:800}.home-page .available-visual b{inset:0;display:grid;place-items:center;font-size:2rem}.home-page .available-visual i{right:8px;bottom:7px;color:var(--game-accent);font-size:1rem;font-style:normal}.home-page .available-card--neon .available-visual{border-radius:15px 15px 7px 7px;box-shadow:inset 0 0 22px color-mix(in srgb,var(--game-accent) 14%,transparent),8px 10px color-mix(in srgb,var(--game-accent) 9%,transparent);font-family:Courier New,monospace}.home-page .available-card--blocks .available-visual{border-radius:7px;background:linear-gradient(90deg,transparent 47%,color-mix(in srgb,var(--game-accent) 13%,transparent) 48% 52%,transparent 53%),linear-gradient(transparent 47%,color-mix(in srgb,var(--game-accent) 13%,transparent) 48% 52%,transparent 53%),var(--surface-strong);background-size:22px 22px;box-shadow:8px 10px color-mix(in srgb,var(--game-accent) 9%,transparent);font-family:Courier New,monospace}.home-page .available-copy{display:flex;min-width:0;flex-direction:column}.home-page .available-copy p{margin:2px 0 5px;color:var(--game-accent);font-size:.58rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase}.home-page .available-copy h3{margin:0 0 7px;font-size:1.08rem}.home-page .available-copy>span{margin-bottom:13px;color:var(--text-muted);font-size:.7rem;line-height:1.45}.home-page .play-link{display:inline-flex;min-height:38px;align-items:center;align-self:flex-start;gap:7px;margin-top:auto;padding:0 12px;border:1px solid color-mix(in srgb,var(--game-accent) 72%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--game-accent) 12%,var(--surface-strong));color:var(--text);font-size:.68rem;font-weight:800;text-decoration:none;transition:.15s ease}.home-page .play-link:hover{border-color:var(--game-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--game-accent) 13%,transparent);transform:translateY(-1px)}.home-page .play-link svg{width:15px;height:15px;color:var(--game-accent)}@media(max-width:1120px){.home-page .available-grid{grid-template-columns:1fr}.home-page .available-card{min-height:170px}}@media(max-width:680px){.home-page .available-heading{grid-template-columns:1fr;gap:8px}.home-page .available-card{min-height:185px;grid-template-columns:70px minmax(0,1fr)}.home-page .available-visual{width:62px;height:92px}}.belote-page>:not(.belote-backdrop){position:relative;z-index:1}.belote-backdrop{position:absolute;z-index:0;inset:-2rem 0 auto;height:650px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0 54%,transparent 94%);mask-image:linear-gradient(to bottom,#000 0 54%,transparent 94%)}.belote-backdrop:before{content:"";position:absolute;top:1rem;right:1rem;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--games-accent) 16%,transparent),transparent 68%);filter:blur(12px)}.backdrop-card{position:absolute;top:-115px;right:34px;width:315px;aspect-ratio:.7;border:3px solid color-mix(in srgb,var(--games-accent) 46%,transparent);border-radius:28px;color:color-mix(in srgb,var(--games-accent) 72%,var(--text-primary));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 68%,transparent),color-mix(in srgb,var(--games-accent) 7%,transparent)),repeating-linear-gradient(45deg,transparent 0 15px,color-mix(in srgb,var(--games-accent) 8%,transparent) 15px 17px);box-shadow:0 45px 90px #0003,inset 0 0 80px color-mix(in srgb,var(--games-accent) 8%,transparent);font-family:Georgia,serif;opacity:.34;transform:rotate(13deg)}.backdrop-card:before{content:"";position:absolute;inset:58px;border:2px solid currentColor;border-radius:17px;opacity:.42;transform:rotate(180deg)}.backdrop-card span,.backdrop-card b,.backdrop-card em{position:absolute;font-style:normal}.backdrop-card span{top:30px;left:32px;font-size:3.7rem;font-weight:800}.backdrop-card b{top:87px;left:35px;font-size:3.2rem}.backdrop-card i{position:absolute;inset:0;display:grid;place-items:center;font-size:8.5rem;font-style:normal;text-shadow:0 0 45px color-mix(in srgb,var(--games-accent) 35%,transparent)}.backdrop-card em{right:32px;bottom:30px;font-size:3.3rem;transform:rotate(180deg)}.backdrop-suit{position:absolute;top:215px;right:350px;color:color-mix(in srgb,var(--games-accent) 28%,transparent);font-family:Georgia,serif;font-size:15rem;line-height:1;opacity:.5;filter:blur(1.5px);transform:rotate(-14deg)}@media(max-width:820px){.belote-backdrop{height:500px}.backdrop-card{top:-95px;right:-125px;width:260px;opacity:.25}.backdrop-suit{top:180px;right:85px;font-size:10rem;opacity:.34}}@media(max-width:480px){.belote-page .game-table.game-table--bidding{min-height:700px}.belote-page .game-table.game-table--bidding .opponent--west,.belote-page .game-table.game-table--bidding .opponent--east{top:5.4rem}.belote-page .game-table.game-table--bidding .opponent--west{left:.7rem}.belote-page .game-table.game-table--bidding .opponent--east{right:.7rem}.belote-page .game-table.game-table--bidding .table-center{inset:12.2rem .7rem auto;min-height:255px}.belote-page .game-table.game-table--bidding .bidding-panel{grid-template-columns:62px minmax(0,1fr);gap:.75rem;padding:.85rem}.belote-page .game-table.game-table--bidding .bidding-panel h2{font-size:1.45rem}.belote-page .game-table.game-table--bidding .turn-up-card{width:58px;padding:.4rem}.belote-page .game-table.game-table--bidding .turn-up-card span{font-size:1rem}.belote-page .game-table.game-table--bidding .turn-up-card b{font-size:1.4rem}.belote-page .game-table.game-table--bidding .turn-up-card>.court-figure{min-height:34px}.belote-page .game-table.game-table--bidding .turn-up-card>.court-figure em{font-size:1.2rem}.belote-page .game-table.game-table--bidding .bid-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.belote-page .game-table.game-table--bidding .bid-actions button{min-width:0;padding-right:.45rem;padding-left:.45rem}.belote-page .game-table.game-table--bidding .player-zone--preview{bottom:.8rem}}