.spades-page{--bridge:#123d3e}.sp-nav,.sp-heading,.sp-reading,.sp-entry{max-width:1180px;margin:16px auto;width:94%}.sp-nav{display:flex;align-items:center;gap:24px;margin:8px auto}.sp-nav button{margin-left:auto}.sp-heading{display:flex;align-items:center;justify-content:space-between}.sp-heading h1{font-size:2.3rem;margin:3px 0}.sp-heading p{margin:0}.sp-entry{max-width:800px}.sp-entry label{display:block;margin:14px 0}.sp-layout{width:min(1350px,96%);margin:16px auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:center}.sp-host{position:relative;text-align:center;filter:drop-shadow(0 8px 13px #0c192e77)}.sp-host img{width:100%;height:360px;object-fit:contain;animation:corin-breathe 6s ease-in-out infinite;transform-origin:50% 80%;mask-image:linear-gradient(black 94%,transparent)}.sp-host p{font-style:italic;min-height:48px}.sp-host.cheer img{animation:corin-cheer .8s ease-in-out 2}.sp-table{border:2px solid #ac8a52;border-radius:26px;padding:16px;background:radial-gradient(ellipse at 50% 35%,#235354,#102e38 80%);color:#fff4dd;box-shadow:inset 0 0 35px #001c27,0 15px 50px #080c2544;min-width:0}.sp-score{display:flex;justify-content:space-between;gap:8px;font-size:.9rem;color:#ffe3a0;border-bottom:1px solid #a4895955;padding-bottom:10px}.sp-opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.sp-seat{text-align:center;border:1px solid #a7c1b02b;border-radius:12px;padding:6px;min-width:0;font-size:.8rem}.sp-seat.active{border-color:#ffdb88;background:#ffffff0d}.sp-seat strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-fan{height:26px;display:flex;justify-content:center;margin:5px 0}.sp-fan i{width:18px;height:24px;border:1px solid #be9b60;background:repeating-linear-gradient(45deg,#4c3274 0 3px,#30254c 4px 5px);border-radius:3px;margin-left:-6px;transform:rotate(calc(var(--i)*3deg));transform-origin:50% 200%}.sp-center{height:160px;position:relative;display:grid;place-items:center}.sp-lantern{position:absolute;opacity:.12;font-size:110px;color:#e2c17c;pointer-events:none}.sp-trick{display:flex;gap:10px;justify-content:center;align-items:center;min-height:130px}.sp-trick figure{margin:0;width:69px;text-align:center}.sp-trick .card{position:relative;height:96px;width:69px;--rank-size:17px}.sp-trick figcaption{font-size:.65rem;white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis}.sp-center>#stock{position:absolute;left:8px;top:36px;width:45px;height:65px;opacity:.5}.sp-hand{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;min-height:94px;margin:10px 0}.sp-hand .card{position:relative;height:91px;width:100%;--rank-size:15px;padding:2px}.sp-hand .card:disabled{opacity:.72;filter:saturate(.7)}.sp-hand .card.selected{outline:3px solid #ffd16a;outline-offset:1px;box-shadow:0 0 17px #ffc74e77;transform:translateY(-5px)}.sp-hand .card .pip{font-size:28px}.sp-status{text-align:center;min-height:26px;margin:5px 0;color:#ffe2a1;font-size:.9rem}.sp-actionbar{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 3px;min-height:46px}.sp-actionbar span{font-size:.8rem}.sp-footer{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:.75rem}.sp-footer button{font-size:.75rem;min-height:34px;padding:4px 9px}.sp-bidding{text-align:center;min-height:46px}.sp-bidding button{padding:8px 12px}.sp-bidding select{padding:8px;border-radius:8px;background:#1b243c;color:#fff4dd}.sp-error{text-align:center;color:var(--gold);margin:4px 0;min-height:0}.sp-reading{max-width:960px;margin-top:40px}.sp-reading h3{margin-bottom:10px}#result,#score-dialog{max-height:85dvh;overflow:auto;width:min(94vw,610px);border-color:var(--gold)}.sp-breakdown{padding:14px;background:var(--panel2);border-radius:12px;margin:12px 0}.sp-breakdown p{margin:3px 0}.sp-recap{width:100%;border-collapse:collapse}.sp-recap td,.sp-recap th{padding:7px;border-bottom:1px solid var(--line);text-align:left}#nickname{width:100%;padding:10px;border-radius:8px;background:var(--bg);color:var(--text);border:1px solid var(--line)}.sp-hidden *,html[data-motion=reduced] .sp-host img{animation-play-state:paused!important}.sp-hand .card:focus-visible{outline:3px solid #ffd16a;outline-offset:2px}@keyframes corin-breathe{50%{transform:translateY(-3px) rotate(.5deg)}}@keyframes corin-cheer{50%{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:1050px){.sp-layout{grid-template-columns:1fr;position:relative}.sp-host{position:absolute;right:10px;top:-94px;width:70px;z-index:2}.sp-host img{height:85px}.sp-host p{display:none}.sp-heading{padding-right:85px}.sp-heading>button{font-size:.8rem;padding:8px}.sp-center{height:145px}}
@media(max-width:600px){.sp-nav{gap:10px;font-size:.8rem;margin:5px auto}.sp-nav button{min-height:36px;padding:5px 10px}.sp-heading{margin:10px auto;gap:5px}.sp-heading h1{font-size:1.7rem}.sp-heading .eyebrow{font-size:.6rem}.sp-heading p{font-size:.7rem}.sp-heading>button{font-size:.65rem;max-width:93px;line-height:1.2}.sp-layout{margin:8px auto;width:96%}.sp-host{top:-75px;width:58px}.sp-host img{height:72px}.sp-table{padding:9px;border-radius:17px}.sp-score{font-size:.7rem;padding-bottom:5px}.sp-opponents{gap:4px;margin:7px 0}.sp-seat{padding:4px;font-size:.65rem}.sp-fan{height:18px;margin:3px 0}.sp-fan i{width:12px;height:19px;margin-left:-4px}.sp-center{height:120px}.sp-trick{gap:5px;min-height:105px}.sp-trick figure{width:52px}.sp-trick .card{width:52px;height:73px;--rank-size:14px}.sp-center>#stock{left:0;width:26px;height:40px;top:35px}.sp-center>#stock:after{font-size:1rem}.sp-hand{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-height:151px;margin:7px 0}.sp-hand .card{height:74px;--rank-size:14px}.sp-hand .card .pip{font-size:25px}.sp-status{font-size:.77rem;min-height:33px;line-height:1.3;display:grid;place-items:center}.sp-actionbar{gap:7px;margin:8px 0 3px;position:sticky;bottom:0;z-index:6;background:#14363e;padding:5px;border-radius:9px}.sp-actionbar button{font-size:.8rem;padding:8px 12px;min-height:42px}.sp-actionbar span{font-size:.68rem;max-width:85px}.sp-bidding{font-size:.8rem}.sp-bidding button{font-size:.8rem;padding:6px;min-height:39px}.sp-footer{margin:3px 0;font-size:.6rem;gap:5px}.sp-footer .muted{display:none}.sp-footer button{font-size:.7rem;min-height:30px}.sp-reading{font-size:.9rem}.sp-entry{padding:18px}.sp-entry h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.sp-host img{animation:none!important}}
.sp-hand .card:disabled{opacity:1;filter:none}.sp-hand .card.unavailable{opacity:.65}.sp-host img{mask-image:radial-gradient(ellipse at center,black 48%,#000d 72%,transparent 99%)}
.sp-seat{overflow:hidden}@media(max-width:600px){.sp-fan i{width:10px;margin-left:-5px}.sp-fan{overflow:hidden;padding:0 7px;height:24px}}
.sp-trick{position:relative;z-index:1}.sp-trick .card:disabled{opacity:1;filter:none}.sp-lantern{z-index:0}