:root{color-scheme:dark;--background: #04131b;--surface-strong: #061721;--surface-soft: #0a202a;--border: #1d4549;--border-strong: #376461;--text: #f2fbff;--text-muted: #a3bdc2;--accent: #3b7063;--accent-bright: #6ca697;--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: #eef5f2;--surface-strong: #ffffff;--surface-soft: #f7fbf9;--border: #cadbd5;--border-strong: #a7c0b7;--text: #13232c;--text-muted: #58726f;--accent: #3b7063;--accent-bright: #315f54;--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)}.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}}