.spectator-screen{position:fixed;inset:0;z-index:160;background:radial-gradient(ellipse at top,#143332,#030f12 75%);overflow:auto;overscroll-behavior:contain;padding:env(safe-area-inset-top,0px) 8px env(safe-area-inset-bottom,0px);color:#fff0d5}
.spectator-shell{width:min(100%,740px);margin:auto;min-height:100%;display:flex;flex-direction:column}.spectator-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.spectator-header button{font:inherit;color:inherit;border:1px solid #d9b97570;background:#102b2b;border-radius:12px;min-height:44px;padding:8px 12px;cursor:pointer}.spectator-close{min-width:44px;font-size:25px!important}.spectator-header button:active{transform:scale(.96)}.spectator-header button:focus-visible,.spectator-sponsor:focus-visible{outline:3px solid #5ee3d0;outline-offset:3px}.spectator-live{font-size:12px;color:#a8e5ca;white-space:nowrap}.spectator-live:before{content:'';display:inline-block;width:7px;height:7px;margin-inline-end:6px;border-radius:50%;background:#80e4b5;box-shadow:0 0 10px #80e4b580}.spectator-loading,.spectator-connection{text-align:center;font-size:14px;line-height:1.9;margin:0 0 8px}.spectator-loading{padding:30px 12px}.spectator-connection:empty{display:none}.spectator-content{width:100%;flex:1}.spectator-content[hidden]{display:none}
.spectator-score{position:relative;padding:8px 44px 10px;border:1px solid #e4c68122;border-radius:16px;background:#092120}.spectator-teams{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:center}.spectator-teams>div{display:grid;gap:2px;min-width:0}.spectator-teams span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-teams strong{font-size:26px;line-height:1.2;color:var(--accent)}.spectator-teams small{font-size:12px;opacity:.75}.spectator-trump{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent);font:bold 27px Georgia,serif}
.spectator-screen .spectator-table{position:relative;margin:10px 0 0;width:100%;height:clamp(370px,calc(100dvh - 240px),700px);min-height:370px;border-radius:28px;background-image:var(--table);background-position:center;background-size:100% 100%;border:1px solid #dbb67266;overflow:hidden}.spectator-table .player{z-index:3;max-width:28%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.spectator-table .player.south{bottom:8px;left:50%;transform:translateX(-50%)}.spectator-table .player.north{top:8px;left:50%;transform:translateX(-50%)}.spectator-table .player.west{left:8px;top:50%;transform:translateY(-50%)}.spectator-table .player.east{right:8px;top:50%;transform:translateY(-50%)}.spectator-table .player .avatar{width:42px;height:42px;margin:auto;overflow:hidden}.spectator-table .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.spectator-table .player span{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.spectator-table .player small{font-size:11px}.spectator-table .player em{font-size:19px}.spectator-table .player.turn .spectator-name{font-size:14px}
.spectator-screen .spectator-trick{z-index:2;left:50%;top:50%;width:min(64%,340px);height:min(65%,350px);transform:translate(-50%,-50%);pointer-events:none}.spectator-trick .played-card.card{--spectator-card:clamp(65px,18vw,94px);width:var(--spectator-card)!important;height:auto!important;aspect-ratio:5/7;margin:0;position:absolute;pointer-events:none}.spectator-trick .north-card{left:50%;top:0;bottom:auto;right:auto;translate:-50% 0}.spectator-trick .south-card{left:50%;bottom:0;top:auto;right:auto;translate:-50% 0}.spectator-trick .west-card{left:0;top:50%;bottom:auto;right:auto;translate:0 -50%}.spectator-trick .east-card{right:0;top:50%;bottom:auto;left:auto;translate:0 -50%}.spectator-trick .played-card:after{top:-20px;max-width:100px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.spectator-trick .card.deck-face{background-size:100% 100%}
.spectator-sponsor{position:absolute;z-index:1;left:50%;top:50%;translate:-50% -50%;width:65%;text-align:center;white-space:pre-line;color:var(--accent);opacity:.4;font-size:13px;text-decoration:none;pointer-events:none}.spectator-sponsor.spotlight{font-size:22px;opacity:.9;text-shadow:0 0 18px #e6c47888}.spectator-sponsor[href]{pointer-events:auto;z-index:4}.spectator-phase{text-align:center;font-size:14px;line-height:1.7;margin:9px 4px 4px;min-height:24px}.spectator-privacy{text-align:center;font-size:12px;line-height:1.7;opacity:.7;margin:0 4px 12px}
#tournamentModal .cup-watch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0 0;min-height:44px;border-color:#dfbd7280;color:#ffe2a4;background:#123b36}#tournamentModal .cup-watch:disabled{opacity:.6;cursor:wait}.cup-watch svg{width:20px;height:20px;flex-shrink:0}.cup-spectator-hint{color:#b8ddcc!important}
@media(max-width:360px){.spectator-header button{font-size:12px;padding:8px}.spectator-live{font-size:11px}.spectator-score{padding-inline:25px}.spectator-teams span{font-size:11px}.spectator-table .player{max-width:28%}.spectator-screen .spectator-trick{width:64%;height:64%}.spectator-table .player span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.spectator-screen *{animation:none!important;transition:none!important}}