.spectator-shell{margin:18px;border:1px solid var(--line);border-radius:22px;background:var(--soft);overflow:hidden;box-shadow:0 20px 50px #18060d15}.spectator-head{min-height:72px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.spectator-head>div:first-child{display:grid;gap:2px}.spectator-head strong{font:800 15px Georgia,serif}.spectator-live{color:#bd2347;font-size:8px;font-weight:950;letter-spacing:.12em}.spectator-live i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #bd234719;animation:spectatorPulse 1.4s ease-in-out infinite}.spectator-room-code{display:grid;padding-left:14px;border-left:1px solid var(--line)}.spectator-room-code span{font-size:7px;color:var(--muted);text-transform:uppercase}.spectator-room-code b{font-size:13px;letter-spacing:.1em}.spectator-status{margin-left:auto;padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:8px;font-weight:900}.spectator-head>button,.spectator-error button{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font:800 8px inherit;cursor:pointer}.spectator-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:420px}.spectator-stage{min-width:0;padding:24px;display:grid;align-content:center;justify-items:center;gap:24px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 62%)}.spectator-layout>aside{padding:18px;border-left:1px solid var(--line)}.spectator-layout>aside h3,.spectator-trick h3,.spectator-dealer h3{margin:0 0 12px;font:800 12px Georgia,serif}.spectator-players{margin:0;padding:0;list-style:none;display:grid;gap:8px}.spectator-players li{padding:9px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px}.spectator-players li>i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-style:normal;font-size:8px}.spectator-players li>div{display:grid}.spectator-players strong{font-size:10px}.spectator-players small{color:var(--muted);font-size:8px}.spectator-players li>span{color:#bd2347;animation:spectatorPulse 1.4s infinite}.spectator-big-number{display:grid;justify-items:center}.spectator-big-number span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.spectator-big-number strong{font:800 clamp(78px,14vw,150px)/.9 Georgia,serif;color:var(--accent)}.spectator-big-number small{color:var(--muted)}.spectator-balls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.spectator-balls i{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--paper);font-style:normal;font-weight:850}.spectator-balls i.latest{background:var(--accent);color:#fff;transform:scale(1.15)}.spectator-winner{padding:12px 16px;border:1px solid #d1ad52;border-radius:13px;background:#d1ad5216;font-weight:850}.spectator-cards{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.spectator-card{width:58px;aspect-ratio:.69;padding:6px;border:1px solid #c6b8bd;border-radius:9px;background:#faf8f6;color:#171113;display:grid;align-content:space-between;box-shadow:0 5px 12px #0002}.spectator-card.red{color:#b92f48}.spectator-card>span{font-weight:900}.spectator-card>strong{font-size:24px;text-align:center}.spectator-card.back{place-content:center;text-align:center;background:repeating-linear-gradient(45deg,#53172d,#53172d 5px,#7c2947 6px,#7c2947 10px);color:#fff}.spectator-card.back small{font-size:5px}.spectator-dealer{text-align:center}.spectator-casino-players{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.spectator-casino-players article{padding:12px;border:1px solid var(--line);border-radius:14px}.spectator-casino-players header{display:flex;justify-content:space-between;margin-bottom:10px}.spectator-casino-players small{display:block;margin-top:8px;text-align:center;color:var(--muted)}.belote-stage{grid-template-columns:1fr 1fr}.spectator-score{grid-column:1/-1;display:flex;align-items:center;gap:14px}.spectator-score span{font-size:9px;text-transform:uppercase}.spectator-score b{font:800 29px Georgia,serif}.spectator-score i{font-style:normal;color:var(--muted)}.spectator-trump,.spectator-turned{grid-column:1/-1}.spectator-trump b{font-size:25px}.spectator-turned{display:flex;align-items:center;gap:10px}.spectator-trick{width:100%;text-align:center}.spectator-trick>div{min-height:112px;display:flex;justify-content:center;align-items:center;gap:5px}.spectator-trick article{display:grid;gap:4px;justify-items:center}.spectator-trick small{font-size:7px}.spectator-bomber{width:min(720px,100%);aspect-ratio:13/11;padding:5px;border:4px solid #36242b;border-radius:15px;background:#2e6945;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:2px}.spectator-bomber>i{min-width:0;border-radius:4px;background:#4f8b5f;display:grid;place-items:center;font-style:normal;font-size:clamp(8px,1.8vw,20px)}.spectator-bomber .wall{background:linear-gradient(135deg,#d1bfc4,#8f777f)}.spectator-bomber .block{background:repeating-linear-gradient(0deg,#96573b,#96573b 45%,#693b2a 46%,#693b2a 54%)}.spectator-bomber .bomb{color:#111;animation:spectatorBomb .45s infinite alternate}.spectator-bomber .explosion{z-index:2;background:#ffbe35;color:#db3d2e}.spectator-bomber .bonus{background:#fff4c9}.spectator-bomber .player{z-index:3;border:3px solid var(--player);border-radius:50%;background:#fff;color:#111;font-weight:950}.spectator-bomber .p0{--player:#e25772}.spectator-bomber .p1{--player:#4e8fcd}.spectator-bomber .p2{--player:#d6aa43}.spectator-bomber .p3{--player:#6fa65f}.spectator-uno-meta{width:100%;display:flex;justify-content:space-between;gap:10px}.spectator-uno-top{display:grid;justify-items:center;gap:8px}.spectator-uno-card{width:110px;aspect-ratio:.68;border:8px solid #fff;border-radius:16px;background:#222;color:#fff;display:grid;place-items:center;box-shadow:0 14px 25px #0003;transform:rotate(3deg)}.spectator-uno-card.c-R{background:#c63d47}.spectator-uno-card.c-Y{background:#d5a928}.spectator-uno-card.c-G{background:#398756}.spectator-uno-card.c-B{background:#3c72b5}.spectator-uno-card strong{font-size:36px}.spectator-uno-card i{font-style:normal}.spectator-loading,.spectator-error{min-height:280px;display:grid;place-content:center;justify-items:center;gap:12px}.spectator-loading i{width:38px;height:38px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spectatorSpin .8s linear infinite}.spectator-error strong{max-width:420px;text-align:center}.spectator-error span{color:var(--muted);font-size:9px}@keyframes spectatorPulse{50%{opacity:.35;transform:scale(.8)}}@keyframes spectatorSpin{to{transform:rotate(360deg)}}@keyframes spectatorBomb{to{transform:scale(1.18)}}
@media(max-width:800px){.spectator-shell{margin:8px}.spectator-layout{grid-template-columns:1fr}.spectator-layout>aside{border-left:0;border-top:1px solid var(--line)}.spectator-players{grid-template-columns:1fr 1fr}.spectator-stage{padding:18px 8px}.belote-stage{grid-template-columns:1fr}.belote-stage>*{grid-column:1}.spectator-head{padding:12px}.spectator-status{margin-left:0}.spectator-head>button{margin-left:auto}.spectator-bomber{border-width:2px;padding:2px;gap:1px}.spectator-bomber>i{border-radius:2px}}
@media(max-width:480px){.spectator-players{grid-template-columns:1fr}.spectator-head{gap:9px}.spectator-head>button{width:100%;margin:0}.spectator-casino-players{grid-template-columns:1fr}.spectator-card{width:45px}.spectator-uno-card{width:88px}.spectator-uno-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.spectator-live i,.spectator-players li>span,.spectator-bomber .bomb,.spectator-loading i{animation:none}}