:root{color-scheme:dark;--bg:#071018;--panel:#0e1b25;--line:#29404d;--gold:#e9bb55;--felt:#0f6a4f;--text:#f4fbff;--muted:#96aebb}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top,#153449,#071018 55%);color:var(--text);font-family:Inter,system-ui,sans-serif}button,a,input{font:inherit}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px clamp(10px,2vw,24px);background:#071018ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:8px;color:white;text-decoration:none;font-weight:800}.brand img{width:34px;height:34px}.top nav{display:flex;gap:7px;flex-wrap:wrap}.top a,.top button,.panel button,.controls button,.ask button{background:#11232f;color:white;border:1px solid var(--line);border-radius:9px;padding:8px 11px;text-decoration:none;cursor:pointer}.shell{width:min(1500px,100%);margin:auto;padding:clamp(8px,1.7vw,22px)}.profile,.panel,.arena{background:linear-gradient(180deg,#10222e,#0a171f);border:1px solid var(--line);border-radius:16px}.profile{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:10px 14px;margin-bottom:12px}.profile img{width:46px;height:46px;border-radius:50%;object-fit:cover}.profile span,.profile small{display:block;color:var(--muted);font-size:11px}.panel{padding:16px;margin-bottom:12px}.section-head,.matchbar,.hand-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-head h1,.section-head h2,.matchbar h2{margin:3px 0}.section-head span,.matchbar>div>span{font-size:11px;letter-spacing:.15em;color:var(--gold)}.belot-tier-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.belot-tier-tabs .active{background:var(--gold);color:#111}.table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.v155-table-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#091720}.v155-table-card h3{margin:6px 0}.belot-tier-tag{font-size:10px;color:var(--gold)}.v155-stake{font-size:24px;font-weight:800}.v155-status,.v155-table-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:10px}.v155-mini-seats,.waiting-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.v155-mini-seat,.v155-seat{border:1px solid #253d49;border-radius:9px;padding:7px;text-align:center;font-size:11px}.v155-mini-seat img,.v155-seat img{width:28px;height:28px;border-radius:50%;object-fit:cover}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.summary>div{padding:10px;background:#08141c;border-radius:9px}.summary span{display:block;color:var(--muted);font-size:10px}.arena{padding:12px}.stats{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.stats span{padding:6px 8px;background:#07141c;border-radius:8px;font-size:11px}.scoreboard{display:flex;gap:8px;margin:8px 0;overflow:auto}.scoreboard article{min-width:130px;flex:1;background:#07141c;padding:8px;border-radius:8px}.scoreboard span,.scoreboard small{display:block;color:var(--muted);font-size:10px}.scoreboard strong{font-size:24px}.belot-table{position:relative;width:100%;height:clamp(360px,57vh,650px);min-height:360px;border-radius:50%/44%;background:radial-gradient(ellipse,#17815f 0,#0f6048 58%,#093d31 72%);border:clamp(8px,1vw,15px) solid #714a28;box-shadow:inset 0 0 0 4px #b5874b,0 15px 40px #0009;overflow:hidden}.belot-seat{position:absolute;z-index:5;width:min(190px,28%);text-align:center}.north{top:2%;left:50%;transform:translateX(-50%)}.south{bottom:2%;left:50%;transform:translateX(-50%)}.west{left:1%;top:50%;transform:translateY(-50%)}.east{right:1%;top:50%;transform:translateY(-50%)}.seat-chip{display:inline-grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;background:#071018dd;border:1px solid #ffffff2d;border-radius:12px;padding:6px 9px;max-width:100%}.seat-chip img{grid-row:1/3;width:34px;height:34px;border-radius:50%;object-fit:cover}.seat-chip small{color:var(--muted)}.opponent-hand{margin-top:4px}.card-back-mini{display:inline-block;width:18px;height:27px;margin-left:-7px;background:#d5aa4b;border:1px solid #fff5;border-radius:3px}.felt-center{position:absolute;inset:22% 25%;display:grid;grid-template:1fr 1fr 1fr/1fr 1fr 1fr;place-items:center}.played{min-width:60px;min-height:84px}.north-card{grid-area:1/2}.west-card{grid-area:2/1}.east-card{grid-area:2/3}.south-card{grid-area:3/2}.played-card{width:clamp(44px,5.5vw,74px);border-radius:6px;box-shadow:0 5px 12px #0008}.announcement{grid-area:2/2;text-align:center;background:#071018cc;border-radius:10px;padding:8px;min-width:150px}.controls{margin-top:10px}.controls>div{margin:6px 0}.my-hand{height:clamp(100px,18vw,190px);display:flex;justify-content:center;align-items:end;overflow-x:auto;overflow-y:hidden;padding:8px}.my-card{height:clamp(90px,16vw,170px);margin-left:clamp(-34px,-2.6vw,-18px);border-radius:7px;cursor:pointer;transition:.16s}.my-card:first-child{margin-left:0}.my-card.legal:hover,.my-card.legal:focus{transform:translateY(-12px)}.my-card.discard-selected{transform:translateY(-16px);outline:3px solid var(--gold)}.phase-helper{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:6px}.phase-helper span{padding:5px 8px;border-radius:8px;background:#07141c;color:var(--muted)}.phase-helper span.active{background:var(--gold);color:#111}.phase-helper b{margin-left:auto}.ask{display:flex;gap:8px}.ask input{flex:1;background:#071018;color:white;border:1px solid var(--line);border-radius:9px;padding:10px}.notice.err{color:#ff9a9a}@media(max-width:760px){.profile{grid-template-columns:auto 1fr}.profile>div:nth-last-child(-n+2){text-align:left}.matchbar,.hand-head{align-items:flex-start;flex-direction:column}.stats{justify-content:flex-start}.belot-table{height:min(54vh,510px);min-height:350px}.belot-seat{width:34%;font-size:11px}.seat-chip{padding:4px 6px}.seat-chip img{width:28px;height:28px}.felt-center{inset:22% 19%}.played{min-width:44px;min-height:64px}.announcement{font-size:11px;min-width:110px}.summary{grid-template-columns:1fr 1fr}.v155-mini-seats,.waiting-seats{grid-template-columns:1fr 1fr}.phase-helper b{width:100%;margin:0}}@media(max-width:480px){.top{position:relative;align-items:flex-start;flex-direction:column}.shell{padding:6px}.profile{font-size:12px}.belot-table{height:430px;border-width:7px;border-radius:32%}.north{top:1%}.south{bottom:1%}.west{left:0}.east{right:0}.seat-chip b{max-width:70px;overflow:hidden;text-overflow:ellipsis}.opponent-hand{display:none}.felt-center{inset:20% 15%}.played-card{width:46px}.my-hand{justify-content:flex-start;height:132px}.my-card{height:115px;margin-left:-24px}.controls button{padding:7px 8px;font-size:12px}}:fullscreen .shell{width:100%;max-width:none}:fullscreen .top{display:none}:fullscreen .belot-table{height:min(67dvh,760px)}