.eights-shell{max-width:1100px;margin:auto}.eights-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.eights-heading h1{margin:0;font-size:clamp(32px,5vw,56px)}.eights-start{border-radius:24px;background:#eaf5f3;padding:32px}.eights-start label{display:grid;gap:8px;max-width:340px;margin:22px 0}.eights-start select{min-height:48px}.eights-table{border-radius:26px;background:radial-gradient(ellipse at 50% 32%,#347e80,#153f54 72%);box-shadow:0 15px 50px #11374428;border:6px solid #dbe9e4;color:#fff5d9;overflow:hidden;perspective:1000px}.eights-hud{padding:20px 24px;display:flex;justify-content:space-between;gap:12px;background:#12314180;font-size:14px}.eights-hud strong{letter-spacing:.13em}.eights-rivals{display:flex;justify-content:space-evenly;gap:12px;padding:22px 18px 0}.eights-rival{text-align:center;min-width:0;max-width:145px;border:2px solid transparent;border-radius:18px;padding:8px;transition:background .25s,border .25s}.eights-rival.is-turn{border-color:#ffd286;background:#d7f4eb15}.eights-rival b,.eights-rival>span:not(.eights-avatar){display:block;font-size:12px;overflow-wrap:anywhere}.eights-avatar{width:34px;height:34px;display:grid;place-items:center;background:#f1be93;color:#233746;border-radius:50%;font-weight:800;margin:0 auto 6px}.eights-backs{display:flex;justify-content:center;padding:10px 0}.eights-backs i{width:24px;height:34px;background:repeating-linear-gradient(45deg,#1c3954 0 5px,#badeca 5px 6px);border:1px solid #f4dfb8;border-radius:4px;margin-left:-8px;transform:rotate(-8deg)}.eights-backs i:nth-child(2n){transform:rotate(6deg)}.eights-center{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,64px);padding:28px 20px;min-height:205px}.eights-stock{background:none;border:0;color:inherit;cursor:pointer;font:inherit;display:grid;gap:10px;justify-items:center}.eights-stock:disabled{cursor:default;opacity:.6}.eights-back{display:grid;place-items:center;width:84px;height:120px;border:3px solid #d9dfc0;border-radius:12px;background:repeating-linear-gradient(35deg,#223d5a 0 8px,#76ada4 8px 9px);font-size:64px;font-weight:800;text-shadow:0 3px #183844;box-shadow:3px 4px 0 #e6d6b8,5px 7px 0 #bba879;transform:rotate(-6deg);transition:transform .2s}.eights-stock:hover:not(:disabled) .eights-back{transform:rotate(-6deg) translateY(-5px)}.eights-discard{display:grid;gap:10px;text-align:center;font-size:13px;justify-items:center}.eights-discard .gin-card{width:86px;height:122px;transform:rotate(5deg);animation:eights-drop .35s ease-out}.eights-stock>span:last-child{font-size:13px}.eights-current-suit{border-radius:50%;border:1px solid #d8f1d94a;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102d4370}.eights-current-suit>span{font-size:40px;line-height:1}.eights-current-suit b{font-size:13px}.eights-current-suit small{font-size:10px}.eights-current-suit[data-suit="1"],.eights-current-suit[data-suit="2"]{color:#ffc4af}.eights-message{text-align:center;margin:0 20px 14px;font-size:15px;min-height:25px;font-weight:700}.eights-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:22px 22px 18px;max-width:900px;margin:auto}.eights-hand .gin-card{width:64px;height:92px;flex-shrink:0;transition:transform .2s,box-shadow .2s}.eights-hand .gin-card.is-legal{box-shadow:0 0 0 2px #99e9c8,0 6px 8px #0c192b4d}.eights-hand .gin-card.is-selected{transform:translateY(-13px) rotate(-3deg);box-shadow:0 0 0 3px #ffd589,0 12px 10px #0c192b66}.eights-hand .gin-card.is-new{animation:eights-deal .35s ease-out}.eights-actions{display:flex;justify-content:center;gap:12px;padding:0 20px 16px}.eights-primary{background:#ffd28c;color:#193c4c;border:0;border-radius:13px;min-height:48px;font:inherit;font-weight:800;padding:12px 25px;cursor:pointer}.eights-primary:disabled{opacity:.5;cursor:default}.eights-actions h2{font-size:28px;color:#ffe6ae}.eights-suits{margin:0 20px 16px;border:1px solid #91bfb6;border-radius:15px;padding:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.eights-suits legend{font-size:14px;padding:0 8px}.eights-suits button{border:0;border-radius:10px;padding:12px;background:#fff5df;color:#133b4e;font:inherit;cursor:pointer;min-height:46px}.eights-suits button[data-suit="1"],.eights-suits button[data-suit="2"]{color:#ad364c}.eights-own-score{display:flex;justify-content:space-between;margin:0 22px;padding:15px 0;border-top:1px solid #a6d3c537;font-size:14px}.eights-help{padding:0 22px 18px;font-size:13px}.eights-help summary{padding:12px 0;cursor:pointer}.eights-help p,.eights-help li{font-size:13px;line-height:1.6;color:#dbecdc}.eights-table [hidden]{display:none!important}.eights-room-stage{padding:0!important;border:0!important;background:none!important}.eights-table :focus-visible{outline:3px solid #ffd286;outline-offset:4px}.eights-hero{border-radius:28px;overflow:hidden;aspect-ratio:1.2;background:#16495a}.eights-hero img{width:100%;height:100%;object-fit:cover}.room-is-live .eights-details{display:none}@keyframes eights-drop{from{transform:translateY(-20px) rotate(-10deg);opacity:.3}to{transform:rotate(5deg);opacity:1}}@keyframes eights-deal{from{transform:translate(-60px,-70px) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}@media(max-width:650px){.eights-shell{padding:24px 10px}.eights-table{border-width:3px;border-radius:19px}.eights-hud{padding:15px;font-size:11px}.eights-rivals{gap:2px;padding:12px 6px 0}.eights-rival{padding:4px}.eights-rival b,.eights-rival>span:not(.eights-avatar){font-size:10px}.eights-avatar{width:27px;height:27px}.eights-backs i{width:18px;height:27px;margin-left:-10px}.eights-center{gap:25px;padding:20px 12px;min-height:160px}.eights-back{width:62px;height:91px;font-size:48px}.eights-discard .gin-card{width:65px;height:94px}.eights-current-suit{width:76px;height:76px}.eights-current-suit>span{font-size:27px}.eights-current-suit small{display:none}.eights-message{font-size:13px;margin:0 12px 8px}.eights-hand{gap:6px;padding:19px 10px 14px}.eights-hand .gin-card{width:47px;height:68px}.eights-hand .gin-face{font-size:28px}.eights-hand .gin-corner{font-size:11px}.eights-hand .gin-bottom{display:none}.eights-suits{margin:0 12px 15px}.eights-suits button{font-size:13px;padding:11px}.eights-own-score{margin:0 15px}.eights-heading a{font-size:13px}.eights-start{padding:22px}}@media(prefers-reduced-motion:reduce){.eights-table *{animation:none!important;transition:none!important}}