.dg-root{--dg-bg: #0a0d12;--dg-surface: rgba(17, 22, 30, .72);--dg-surface-solid: #11161e;--dg-surface-hover: rgba(28, 36, 48, .85);--dg-border: rgba(255, 255, 255, .12);--dg-border-strong: rgba(255, 255, 255, .22);--dg-text: #e6edf6;--dg-text-dim: #9fb0c6;--dg-text-faint: #6b7d94;--dg-accent: #4ea1ff;--dg-accent-soft: rgba(78, 161, 255, .14);--dg-gold: #ffb454;--dg-radius: 10px;--dg-radius-card: 16px;--dg-blur: 14px;--dg-gap: 16px;--dg-pad: 20px;--dg-hit: 44px;--dg-font: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;color:var(--dg-text);font-family:var(--dg-font);font-size:16px;line-height:1.7;background:var(--dg-bg)}.dg-shell{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 18% -10%,rgba(38,64,96,.55),transparent 60%),var(--dg-bg)}.dg-lobby-nav{position:absolute;bottom:16px;left:16px;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:var(--dg-hit);height:var(--dg-hit);border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);color:var(--dg-text-dim);text-decoration:none;backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur));transition:border-color .12s ease,color .12s ease}.dg-lobby-nav:hover,.dg-lobby-nav:focus-visible{border-color:var(--dg-border-strong);color:var(--dg-text);outline:none}.dg-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:32px 20px 64px}.dg-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--dg-gap);padding:12px 20px;border-bottom:1px solid var(--dg-border);backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur));background:#0a0d128c}.dg-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow:hidden;font-size:16px;font-weight:600;color:var(--dg-text)}.dg-topbar__right{display:flex;align-items:center;gap:var(--spacer-12);flex:0 0 auto}.dg-brand__sub{font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--dg-text-faint)}.dg-lang{position:relative;flex:0 0 auto}.dg-lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:var(--dg-hit);padding:0 14px;border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);color:var(--dg-text-dim);font-size:14px;backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur));transition:border-color .12s ease,color .12s ease;user-select:none}.dg-lang>summary::-webkit-details-marker{display:none}.dg-lang>summary:hover,.dg-lang>summary:focus-visible,.dg-lang[open]>summary{border-color:var(--dg-border-strong);color:var(--dg-text);outline:none}.dg-lang__list{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;padding:6px;margin:0;list-style:none;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-surface-solid);box-shadow:0 18px 40px #00000073;z-index:40}.dg-lang__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--dg-hit);padding:0 12px;border-radius:8px;color:var(--dg-text-dim);text-decoration:none;font-size:14px}.dg-lang__list a:hover,.dg-lang__list a:focus-visible{background:var(--dg-accent-soft);color:var(--dg-text);outline:none}.dg-lang__list a[aria-current=true]{color:var(--dg-accent);font-weight:600}.dg-hero{margin:8px 0 32px;text-align:center}.dg-logo-art{display:flex;align-items:center;justify-content:center;width:100%;max-width:240px;margin:0 auto var(--dg-gap);color:var(--dg-text);line-height:0}.dg-logo-art svg{display:block;width:auto;height:auto;max-width:100%;max-height:160px}.dg-hero__title{margin:0 0 8px;font-size:30px;line-height:1.3;letter-spacing:-.02em}.dg-hero__sub{margin:0;font-size:16px;color:var(--dg-text-dim)}.dg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--dg-gap);margin:0 0 32px;padding:0;list-style:none}.dg-card{display:flex;flex-direction:column;gap:10px;min-height:var(--dg-hit);padding:var(--dg-pad);border:1px solid var(--dg-border);border-radius:var(--dg-radius-card);background:var(--dg-surface);backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur));text-decoration:none;color:inherit;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.dg-card:hover,.dg-card:focus-visible{border-color:var(--dg-border-strong);background:var(--dg-surface-hover);outline:none}.dg-card:focus-visible{box-shadow:0 0 0 2px var(--dg-accent) inset}.dg-card--primary{border-color:#4ea1ff6b;box-shadow:0 0 0 1px #4ea1ff2e inset}.dg-card__icon{font-size:24px;line-height:1}.dg-card__title{margin:0;font-size:18px;font-weight:600}.dg-card__desc{margin:0;font-size:14px;color:var(--dg-text-dim)}.dg-card__cta{margin-top:auto;padding-top:12px;font-size:14px;font-weight:600;color:var(--dg-accent)}.dg-card--primary .dg-card__cta{color:var(--dg-gold)}.dg-rules-quiet{margin:var(--spacer-24) auto 0;max-width:720px;padding:0;border:none;background:none;text-align:center}.dg-rules-quiet__title{margin:0 0 var(--spacer-8);font:var(--weight-medium) var(--text-body) var(--font-sans);color:var(--dg-text-dim)}.dg-rules-quiet__text{margin:0 0 var(--spacer-8);font:var(--weight-regular) var(--text-body) var(--font-sans);color:var(--dg-text-faint)}.dg-rules-quiet__more{margin:0;font:var(--weight-regular) var(--text-body) var(--font-sans)}.dg-rules-quiet__more a{color:var(--dg-text-dim);text-decoration:underline;text-underline-offset:3px}.dg-rules-quiet__more a:hover,.dg-rules-quiet__more a:focus-visible{color:var(--dg-text);outline:none}.dg-version{flex:0 0 auto;max-width:34vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:18px;color:var(--dg-text-faint);opacity:.75;pointer-events:none;user-select:text}@media(max-width:560px){.dg-version{font-size:12px;max-width:42vw}}.dg-footer{padding:20px;border-top:1px solid var(--dg-border);color:var(--dg-text-faint);font-size:12px;text-align:center}.dg-footer a{color:var(--dg-text-dim);text-decoration:none}.dg-footer a:hover{color:var(--dg-text)}.dg-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.dg-card,.dg-lang>summary{transition:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dg-topbar,.dg-card,.dg-lang>summary{background:var(--dg-surface-solid)}}@media(max-width:560px){.dg-main{padding:24px 16px 48px}.dg-hero__title{font-size:24px}.dg-cards{grid-template-columns:1fr}.dg-topbar{padding:10px 16px}}.dg-footer{margin-top:80px;padding:40px 20px 20px;border-top:1px solid rgba(255,255,255,.05);background:transparent;color:#fff6;font-family:system-ui,-apple-system,sans-serif}.dg-seo-silo{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:0 auto 40px}.seo-col h3{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:16px}.seo-col ul{list-style:none;padding:0;margin:0}.seo-col li{margin-bottom:10px}.seo-col a{color:inherit;text-decoration:none;font-size:.85rem;transition:color .2s ease}.seo-col a:hover{color:#ffffffe6;text-decoration:underline}.dg-footer-copyright{text-align:center;font-size:.75rem;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.sp-in-room .dg-hero,.sp-in-room .dg-rules-quiet,.sp-in-room .dg-footer,.sp-in-room .dg-lobby-nav{display:none}.sp-in-room .dg-main{max-width:none;padding:12px 12px 40px}.spades-app{width:100%}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--dg-hit);padding:0 18px;border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);color:var(--dg-text);font:600 15px/1 var(--dg-font);cursor:pointer;backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur));transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.sp-btn:hover,.sp-btn:focus-visible{border-color:var(--dg-border-strong);background:var(--dg-surface-hover);outline:none}.sp-btn:active{transform:translateY(1px)}.sp-btn--primary{background:var(--dg-accent);border-color:var(--dg-accent);color:#06111f}.sp-btn--primary:hover,.sp-btn--primary:focus-visible{background:#6cb4ff;border-color:#6cb4ff;outline:none}.sp-btn--ghost{background:transparent;color:var(--dg-text-dim)}.sp-btn--block{width:100%}.sp-btn--round{width:var(--dg-hit);padding:0;font-size:20px}.sp-input{box-sizing:border-box;width:100%;min-height:var(--dg-hit);padding:0 14px;border:1px solid var(--dg-border);border-radius:10px;background:var(--dg-surface-solid);color:var(--dg-text);font:600 20px/1 var(--dg-font);letter-spacing:.35em;text-transform:uppercase}.sp-input:focus{border-color:var(--dg-accent);outline:none;box-shadow:0 0 0 2px var(--dg-accent-soft)}.sp-note{margin:12px 0 0;font-size:13px;color:var(--dg-text-faint);text-align:center}.sp-status{margin:0;font-size:16px;color:var(--dg-text-dim);text-align:center}.sp-lobby{max-width:560px;margin:0 auto}.sp-panel{padding:var(--dg-pad);border:1px solid var(--dg-border);border-radius:var(--dg-radius-card);background:var(--dg-surface);backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur))}.sp-variant-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--dg-gap)}.sp-variant{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:72px;padding:10px 8px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:transparent;color:var(--dg-text-dim);font:600 14px/1.2 var(--dg-font);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.sp-variant:hover,.sp-variant:focus-visible{border-color:var(--dg-border-strong);outline:none}.sp-variant--active,.sp-variant--active:hover{border-color:var(--dg-accent);background:var(--dg-accent-soft);color:var(--dg-text)}.sp-variant__emoji{font-size:22px;line-height:1}.sp-join{display:flex;align-items:flex-end;gap:8px;margin-top:var(--dg-gap)}.sp-field{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.sp-field__label{font-size:12px;color:var(--dg-text-faint);letter-spacing:.06em;text-transform:uppercase}.sp-room{max-width:560px;margin:0 auto;padding:var(--dg-pad);border:1px solid var(--dg-border);border-radius:var(--dg-radius-card);background:var(--dg-surface);backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur))}.sp-room__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-room__code{font:700 34px/1 var(--dg-font);letter-spacing:.18em;color:var(--dg-text);margin-right:auto}.sp-seats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:var(--dg-gap) 0}.sp-seat{display:flex;align-items:center;gap:10px;min-height:var(--dg-hit);padding:10px 14px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-surface-solid)}.sp-seat--you{border-color:var(--dg-accent);background:var(--dg-accent-soft)}.sp-seat--bot{opacity:.85}.sp-seat--empty{border-style:dashed;opacity:.55}.sp-seat__emoji{font-size:20px;line-height:1}.sp-seat__label{font-size:14px;color:var(--dg-text-dim)}.sp-seat--you .sp-seat__label{color:var(--dg-text);font-weight:600}.sp-room__start{width:100%;margin-top:4px}.sp-game{display:flex;flex-direction:column;gap:12px;max-width:900px;margin:0 auto}.sp-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-surface);backdrop-filter:blur(var(--dg-blur));-webkit-backdrop-filter:blur(var(--dg-blur))}.sp-hud__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-hud__hand{font-weight:700;font-size:15px}.sp-hud__score{font:700 20px/1.2 var(--dg-font);letter-spacing:.02em}.sp-hud__badge{font-size:13px;padding:4px 10px;border:1px solid var(--dg-gold);border-radius:999px;color:var(--dg-gold)}.sp-hud__stats{display:flex;gap:14px;font-size:13px;color:var(--dg-text-dim)}.sp-hud__stats b{color:var(--dg-text)}.sp-table-wrap{position:relative;width:100%;height:clamp(380px,68vh,720px);min-height:320px;border:1px solid var(--dg-border);border-radius:var(--dg-radius-card);background:radial-gradient(ellipse 75% 70% at 50% 42%,#1d6a55,#124638 52%,#0a2a24),#0a2a24;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 60px #00000073;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sp-canvas{display:block;width:100%;height:100%}.sp-controls{min-height:var(--dg-hit);display:flex;justify-content:center;align-items:center}.sp-bid{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-surface);width:100%}.sp-stepper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.sp-bid__value{min-width:44px;text-align:center;font:700 28px/1 var(--dg-font)}.sp-bid__extras{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sp-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#05080c99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sp-overlay__card{width:100%;max-width:420px;padding:24px;border:1px solid var(--dg-border-strong);border-radius:var(--dg-radius-card);background:var(--dg-surface-solid);text-align:center}.sp-overlay__title{margin:0 0 16px;font-size:24px;font-weight:700}.sp-result__emoji{font-size:52px;line-height:1;margin-bottom:8px}.sp-result__score{margin:0 0 16px;font:700 26px/1.2 var(--dg-font)}.sp-result__teams{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sp-result__team{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:10px 12px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);font-size:14px;color:var(--dg-text-dim)}.sp-result__team--me{border-color:var(--dg-accent)}.sp-result__label{font-weight:700;color:var(--dg-text)}.sp-result__detail{font-size:13px;text-align:left}.sp-result__total{grid-column:1 / -1;font-size:12px;color:var(--dg-text-faint);text-align:right}.sp-result__delta{font-weight:700;font-size:16px}.sp-result__delta--pos{color:#7cd992}.sp-result__delta--neg{color:#f27ea0}.sp-result__actions{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.sp-history{text-align:left;max-height:70vh;display:flex;flex-direction:column}.sp-history__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sp-history__head .sp-overlay__title{margin:0}.sp-history__list{list-style:none;margin:16px 0 0;padding:0 4px 0 0;overflow-y:auto}.sp-history__item{display:grid;grid-template-columns:1fr auto auto;gap:8px 12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--dg-border);font-size:14px}.sp-history__rule{font-weight:600;color:var(--dg-text)}.sp-history__score{color:var(--dg-text-dim)}.sp-history__time{grid-column:1 / -1;font-size:12px;color:var(--dg-text-faint)}.sp-history__outcome{font-weight:700}.sp-history__outcome--win{color:#7cd992}.sp-history__outcome--lose{color:#f27ea0}.sp-history__empty{margin:16px 0 0;color:var(--dg-text-faint);text-align:center}.sp-promo{margin-top:24px;padding:14px 16px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-surface);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;animation:sp-float 5s ease-in-out infinite}.sp-promo--compact{margin:16px 0 0;padding:10px 12px;background:transparent;animation:none}.sp-promo__tag{font-size:13px;color:var(--dg-text-faint)}.sp-promo__links{display:flex;gap:10px;flex-wrap:wrap}.sp-promo a{color:var(--dg-text-dim);text-decoration:none;font-size:14px;min-height:36px;display:inline-flex;align-items:center;transition:color .12s ease}.sp-promo a:hover,.sp-promo a:focus-visible{color:var(--dg-accent);outline:none}@keyframes sp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sp-toast{position:fixed;left:50%;bottom:28px;z-index:80;transform:translate(-50%) translateY(12px);max-width:90vw;padding:12px 20px;border:1px solid var(--dg-border-strong);border-radius:999px;background:var(--dg-surface-solid);color:var(--dg-text);font-size:15px;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.sp-toast--show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:560px){.sp-hud__top{gap:6px 8px}.sp-hud__score{font-size:14px}.sp-hud__score b{font-size:16px}.sp-hud__target{display:none}.sp-hud__tools{gap:4px}.sp-join{flex-direction:column;align-items:stretch}.sp-table-wrap{height:58vh;min-height:300px}.sp-hud__stats{gap:8px}.sp-room__code{font-size:28px}}.dg-main{box-sizing:border-box}.sp-level{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:var(--dg-gap)}.sp-level .sp-field__label{flex-basis:100%}.sp-level .sp-chip{flex:1}.sp-chip{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--dg-border);background:var(--dg-surface-solid);color:var(--dg-text-dim);font:600 14px/1 var(--dg-font);cursor:pointer}.sp-chip--active{border-color:var(--dg-accent);color:var(--dg-text);box-shadow:0 0 0 2px var(--dg-accent-soft)}.sp-bubble{position:absolute;font-size:32px;line-height:1;pointer-events:none;animation:sp-pop 2.6s ease-out forwards}.sp-bubble--0{left:50%;bottom:96px;transform:translate(-50%)}.sp-bubble--1{left:20px;top:38%}.sp-bubble--2{left:50%;top:96px;transform:translate(-50%)}.sp-bubble--3{right:20px;top:38%}@keyframes sp-pop{0%{opacity:0;scale:.4}12%{opacity:1;scale:1.15}80%{opacity:1;scale:1}to{opacity:0;scale:1}}.sp-emotes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.sp-emotes__pal{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sp-emote{width:44px;height:44px;border-radius:12px;border:1px solid var(--dg-border);background:var(--dg-surface-solid);font-size:22px;cursor:pointer}.sp-history__tabs{display:flex;gap:8px}.sp-history__body{overflow-y:auto;margin-top:12px}.sp-history__sub{margin:16px 0 0;font-size:14px;color:var(--dg-text-dim)}.sp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin-top:8px}.sp-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid var(--dg-border);border-radius:12px}.sp-stat b{font-size:20px}.sp-stat span{font-size:12px;color:var(--dg-text-faint)}.sp-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sp-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--dg-border);font-size:13px;color:var(--dg-text-dim)}.sp-rating{text-align:center;padding:8px 0}.sp-rating__tier{font-size:16px;color:var(--dg-accent);font-weight:700}.sp-rating__pts{font-size:44px;font-weight:800;line-height:1.1}.sp-result__rating{margin:4px 0 12px;color:var(--dg-text-dim);font-size:14px}#sp-conn{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:60;padding:10px 16px;border-radius:999px;background:#5a3b00;color:#ffe2a8;font-size:14px;box-shadow:0 4px 16px #0006}.dg-brand{min-height:44px;display:inline-flex;align-items:center}.sp-promo a{min-height:44px}.lang-menu summary,.lang-menu a,.dg-rules-quiet__more a,.dg-footer__siblings a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}.lang-menu a{display:flex;padding-inline:8px}.dg-footer__siblings a{padding-inline:6px}#sp-mute,.sp-iconbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--dg-border);background:var(--dg-surface-solid);color:inherit;font-size:20px;line-height:1;cursor:pointer;flex:none}#sp-mute{margin-right:8px}.sp-in-room #sp-mute{display:none}.sp-iconbtn--on{border-color:var(--dg-accent);box-shadow:0 0 0 2px var(--dg-accent-soft)}.sp-hud__tools{margin-left:auto;display:flex;gap:6px}.sp-hud__target{color:var(--dg-text-faint);font-size:13px}.sp-hud__score b{font-size:18px}.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-red{color:#ff7b84}.sp-last{position:absolute;left:8px;top:8px;z-index:5;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 16px);padding:6px 10px;border-radius:12px;background:#080c12d1;border:1px solid var(--dg-border);font-size:14px}.sp-lc{display:inline-flex;flex-direction:column;align-items:center;padding:2px 8px;border-radius:8px;background:#ffffff14;font-weight:700;line-height:1.2}.sp-lc small{font-size:12px;font-weight:500;color:var(--dg-text-dim)}.sp-lc--win{outline:2px solid #7cd992}@media(max-width:560px){.dg-version{display:none}}@media(orientation:landscape)and (max-height:520px){.sp-in-room .dg-topbar{display:none}.sp-in-room .dg-main{padding:6px 8px}.sp-game{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto 1fr auto;gap:8px;height:calc(100dvh - 12px)}.sp-game .sp-table-wrap{grid-column:1;grid-row:1 / span 3;height:100%;min-height:0}.sp-game .sp-hud{grid-column:2;grid-row:1}.sp-game .sp-controls{grid-column:2;grid-row:2;align-items:flex-start;overflow-y:auto}.sp-game .sp-emotes{grid-column:2;grid-row:3;margin-top:0}.sp-bubble--0{bottom:120px}}@media(prefers-reduced-motion:reduce){.sp-promo,.sp-bubble{animation:none}.sp-btn,.sp-variant,.sp-promo a{transition:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sp-btn,.sp-panel,.sp-room,.sp-hud,.sp-bid{background:var(--dg-surface-solid)}}