:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7fc;background:#0d111c;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f4f7fc;--muted: #8791a5;--faint: #5b667b;--line: rgba(255, 255, 255, .09);--panel: #141a28;--panel-hi: #1a2234;--felt: #1a2532;--felt-deep: #121c28;--coral: #ff6f61;--yellow: #f7c95c;--green: #4fd09a;--blue: #70a6ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 60% -10%,#263148 0,#0d111c 48%)}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted);background:#0d111c}.loading-screen p{margin:0;font-size:13px;letter-spacing:.04em}.loading-screen h1{margin:8px 0 0;color:var(--ink);font-size:26px}.error-screen{text-align:center;padding:24px}.loading-mark,.brand-mark{color:var(--ink);font-size:25px;font-weight:900;font-style:italic;letter-spacing:-.12em;line-height:.82}.loading-mark small,.brand-mark small{display:block;color:var(--coral);font-size:7px;font-style:normal;letter-spacing:.27em;margin:4px 0 0 15px}.app-shell{min-height:100vh;padding:0 38px 34px}.topbar{max-width:1440px;margin:0 auto;height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand-lockup,.top-actions,.mode-switch,.brand-context,.round-meta,.hand-actions{display:flex;align-items:center}.brand-lockup{gap:18px;min-width:265px}.brand-divider{width:1px;height:28px;background:var(--line)}.brand-context{flex-direction:column;align-items:flex-start;gap:4px}.brand-context span,.eyebrow{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.18em}.brand-context small{color:var(--faint);font-size:10px}.mode-switch{gap:3px;padding:4px;background:#ffffff09;border:1px solid var(--line);border-radius:999px}.mode-button{padding:8px 13px;border:0;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.12em}.mode-button.is-selected{color:var(--ink);background:#263047;box-shadow:inset 0 0 0 1px #ffffff12}.mode-button:disabled{opacity:.55;cursor:not-allowed}.language-toggle{padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#ffffff12;cursor:pointer;font-size:9px;font-weight:900;letter-spacing:.08em;transition:.18s ease}.language-toggle:hover{border-color:#81e6d38c;color:var(--cyan);background:#81e6d31a}.mode-live-dot{display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #4fd09a24}.mode-lock{margin-left:5px;color:var(--faint);font-size:7px}.top-actions{justify-content:flex-end;gap:12px;min-width:265px}.profile-select{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.profile-select span{color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.14em}.profile-select select{max-width:170px;padding:0;color:var(--ink);background:transparent;border:0;cursor:pointer;font-size:11px;font-weight:700;text-align:right}.profile-select option{color:#111827}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:#ffffff06;cursor:pointer;font-size:19px;transition:.2s ease}.icon-button:hover{color:var(--ink);border-color:#ffffff3d;transform:rotate(45deg)}.game-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"table side" "hand hand";gap:26px;padding-top:34px}.table-column{grid-area:table;min-width:0}.side-column{grid-area:side;display:flex;flex-direction:column;gap:14px;padding-top:47px}.table-heading,.hand-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{margin:0 0 8px}h1,h2,p{margin-top:0}.table-heading h1{margin:0;font-size:clamp(25px,3vw,36px);letter-spacing:-.05em;line-height:1}.round-meta{gap:10px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.16em}.direction-mark{display:inline-grid;place-items:center;gap:1px;width:53px;min-height:38px;padding:3px 5px;border:1px solid rgba(245,201,107,.54);border-radius:11px;color:var(--yellow);background:#f5c96b14;box-shadow:0 0 0 3px #f5c96b14,inset 0 1px #ffffff1a;font-size:17px;line-height:1}.direction-mark small{color:#fff7d2a8;font-size:6px;font-weight:900;letter-spacing:.12em}.felt-table{position:relative;min-height:440px;margin-top:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:radial-gradient(circle at 50% 40%,#29394b 0,var(--felt) 50%,var(--felt-deep) 100%);box-shadow:0 25px 80px #0000003d,inset 0 0 0 7px #00000014}.felt-table:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;pointer-events:none}.table-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.045) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.045) 50%,transparent 50.1%);pointer-events:none}.opponent-row{position:relative;display:flex;justify-content:center;gap:clamp(16px,5vw,70px);padding:31px 40px 0}.player-chip{position:relative;display:flex;align-items:center;gap:9px;padding:7px 10px 7px 7px;border:1px solid transparent;border-radius:11px;opacity:.72;transition:.2s ease}.player-chip.is-active{opacity:1;background:#ffffff0f;border-color:#ffffff21}.avatar,.mini-avatar{display:grid;place-items:center;flex:0 0 auto;color:#111827;background:#dfe7f3;font-size:12px;font-weight:900}.avatar{width:29px;height:29px;border-radius:9px}.player-1 .avatar{background:var(--yellow)}.player-2 .avatar{background:var(--green)}.player-3 .avatar{background:var(--blue)}.player-copy{display:flex;flex-direction:column;gap:3px}.player-name{font-size:11px;font-weight:800}.player-hand-count{color:var(--muted);font-size:9px}.turn-dot{width:6px;height:6px;margin-left:3px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ff6f611f}.table-center{position:absolute;top:142px;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.center-label{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.live-pip{width:5px;height:5px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ff6f611f}.piles{display:flex;align-items:center;gap:30px}.pile-separator{width:1px;height:80px;background:#ffffff1a;transform:rotate(18deg)}.draw-stack,.discard-stack{position:relative;width:86px;height:120px;border:0;background:transparent}.draw-stack{cursor:pointer;transition:transform .2s ease}.draw-stack:hover:not(:disabled){transform:translateY(-5px) rotate(-2deg)}.draw-stack:disabled{cursor:not-allowed;opacity:.66}.stack-offset,.card-back,.playing-card,.discard-shadow{position:absolute;width:76px;height:108px;border-radius:10px}.stack-offset{left:5px;top:7px;border:1px solid rgba(255,255,255,.1);background:#27354a;transform:rotate(3deg)}.stack-offset-two{left:3px;top:4px;background:#32435b;transform:rotate(-2deg)}.card-back{left:0;top:0;display:grid;place-items:center;border:2px solid #e4eaf4;background:radial-gradient(circle at 30% 30%,#f15c58,#b93455 70%);box-shadow:0 12px 24px #00000040;transform:rotate(-5deg)}.card-back:before{content:"";position:absolute;top:18px;right:9px;bottom:18px;left:9px;border:1px solid rgba(255,255,255,.62);border-radius:50%;transform:rotate(-28deg)}.back-logo{position:relative;color:#fff5e6;font-size:13px;font-weight:950;font-style:italic;letter-spacing:-.12em;transform:rotate(-5deg)}.back-logo small{display:block;margin-top:3px;color:#ffffffb3;font-size:5px;font-style:normal;letter-spacing:.2em;text-align:center}.pile-count{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--felt);border-radius:50%;color:#111827;background:var(--yellow);font-size:9px;font-weight:900}.discard-stack{display:grid;place-items:center}.discard-shadow{left:8px;top:9px;background:#0000003d;transform:rotate(7deg)}.discard-stack .playing-card{left:4px;top:0;transform:rotate(5deg)}.active-color{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.11em}.active-color strong{color:var(--ink);font-size:9px}.color-swatch{display:inline-block;width:7px;height:7px;border-radius:50%}.swatch-red{background:var(--coral)}.swatch-yellow{background:var(--yellow)}.swatch-green{background:var(--green)}.swatch-blue{background:var(--blue)}.swatch-wild{background:linear-gradient(135deg,var(--coral) 0 25%,var(--yellow) 25% 50%,var(--green) 50% 75%,var(--blue) 75%)}.table-status{position:absolute;right:34px;bottom:54px;left:34px;display:flex;justify-content:space-between;gap:16px;color:#cbd4e3;font-size:11px}.status-code{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.table-footnote{position:absolute;right:34px;bottom:24px;left:34px;display:flex;gap:18px;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.12em}.panel{padding:18px;border:1px solid var(--line);border-radius:15px;background:#141a28c7}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.16em}.panel-count{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.player-list{display:flex;flex-direction:column;gap:4px}.player-row{display:flex;align-items:center;gap:9px;padding:8px 7px;border-radius:9px}.player-row.is-active{background:#1f2a40}.mini-avatar{width:25px;height:25px;border-radius:7px;font-size:10px}.player-row:nth-child(2) .mini-avatar{background:var(--yellow)}.player-row:nth-child(3) .mini-avatar{background:var(--green)}.player-row:nth-child(4) .mini-avatar{background:var(--blue)}.player-row-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.player-row-copy strong{font-size:11px}.player-row-copy span{overflow:hidden;color:var(--faint);font-size:8px;font-weight:700;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.count-pill{display:grid;place-items:center;width:24px;height:21px;border-radius:6px;color:#dce5f3;background:#ffffff12;font-size:10px;font-weight:900}.signal-bars{display:flex;gap:3px;align-items:flex-end;height:11px}.signal-bars i{display:block;width:3px;border-radius:3px;background:var(--green)}.signal-bars i:nth-child(1){height:5px;opacity:.4}.signal-bars i:nth-child(2){height:8px;opacity:.7}.signal-bars i:nth-child(3){height:11px}.rule-line{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.1em}.rule-line strong{color:#d9e4f2;font-size:8px;text-align:right}.rule-line strong.muted{color:var(--yellow)}.panel-note{margin-top:12px;color:var(--faint);font-size:10px;line-height:1.5}.hand-column{grid-area:hand;padding-top:2px}.hand-heading h2{margin:0;font-size:21px;letter-spacing:-.04em}.hand-actions{gap:8px}.primary-button,.ghost-button,.cancel-button{border:0;border-radius:8px;cursor:pointer;font-size:9px;font-weight:900;letter-spacing:.13em;transition:.18s ease}.primary-button{padding:12px 15px;color:#14151c;background:var(--yellow);box-shadow:0 8px 20px #f7c95c1f}.primary-button:hover:not(:disabled){background:#ffda7d;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.4}.ghost-button{padding:11px 13px;color:var(--muted);background:transparent;border:1px solid var(--line)}.ghost-button span{color:var(--coral)}.ghost-button:hover:not(:disabled){color:var(--ink);border-color:#ffffff40}.ghost-button:disabled{cursor:not-allowed;opacity:.35}.hand-rail{display:flex;align-items:flex-end;gap:9px;min-height:156px;margin-top:16px;padding:15px 15px 17px;overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:#121827;scrollbar-color:#34405a transparent}.playing-card{position:relative;display:block;width:76px;height:108px;flex:0 0 auto;overflow:hidden;border:2px solid rgba(255,255,255,.82);color:#fff;background:var(--coral);box-shadow:0 10px 16px #00000040;transform:translateY(0) rotate(var(--tilt, 0deg));transition:.18s ease}.playing-card:before{content:"";position:absolute;top:17px;right:5px;bottom:17px;left:5px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(-30deg)}.playing-card:hover:not(:disabled){z-index:2;transform:translateY(-12px) rotate(0)}.playing-card:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.5}.hand-rail .playing-card:not(:disabled){cursor:pointer;box-shadow:0 0 0 1px #ffffff2e,0 14px 24px #00000038}.hand-rail .playing-card:not(:disabled):after{content:"";position:absolute;right:7px;bottom:5px;left:7px;height:2px;border-radius:2px;background:#ffffff9e}.card-red{background:linear-gradient(145deg,#ff7b68,#d94355)}.card-yellow{color:#14151c;background:linear-gradient(145deg,#ffe179,#e6ac3b)}.card-green{background:linear-gradient(145deg,#62dcaa,#249a75)}.card-blue{background:linear-gradient(145deg,#83b5ff,#4d70d0)}.card-wild{background:conic-gradient(from 30deg,#f06b61 0,#f06b61 25%,#f5c852 25%,#f5c852 50%,#50c796 50%,#50c796 75%,#689cf1 75%)}.card-wild .card-glyph{text-shadow:0 1px 8px rgba(0,0,0,.2)}.card-corner{position:absolute;z-index:1;font-size:10px;font-weight:950;line-height:1}.card-corner-top{top:7px;left:8px}.card-corner-bottom{right:8px;bottom:7px;transform:rotate(180deg)}.card-glyph{position:absolute;top:50%;left:50%;z-index:1;font-size:28px;font-weight:950;letter-spacing:-.08em;transform:translate(-50%,-50%)}.card-action .card-glyph{font-size:22px}.card-compact{width:76px;height:108px}.card-compact:hover{transform:rotate(5deg)}.hand-help{display:flex;gap:18px;padding:11px 3px 0;color:var(--faint);font-size:9px}.hand-help kbd{margin-right:5px;padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:8px}.help-right{margin-left:auto}.notice{color:var(--coral);font-weight:600}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#070a11ba;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-modal{width:min(420px,100%);padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#182135;box-shadow:0 30px 90px #0000006b}.color-modal h2{margin:0 0 8px;font-size:27px;letter-spacing:-.06em}.color-modal p:not(.eyebrow){color:var(--muted);font-size:12px}.color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0 16px}.color-option{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffff0a;cursor:pointer;font-size:11px;font-weight:800}.color-option:hover{border-color:#ffffff4d;background:#ffffff1a}.cancel-button{padding:8px 0;color:var(--faint);background:transparent}@media(max-width:1000px){.app-shell{padding:0 22px 26px}.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:16px 0}.brand-lockup,.top-actions{min-width:0}.game-layout{grid-template-columns:1fr;grid-template-areas:"table" "hand" "side"}.side-column{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.felt-table{min-height:420px}}@media(max-width:620px){.app-shell{padding:0 14px 22px}.topbar{gap:12px}.brand-context,.brand-divider{display:none}.brand-lockup{flex:1}.mode-switch{order:3;width:100%;justify-content:center}.mode-button{flex:1}.top-actions{gap:8px}.profile-select{display:none}.table-heading h1{font-size:27px}.felt-table{min-height:400px;border-radius:18px}.opponent-row{gap:3px;justify-content:space-between;padding:20px 13px 0}.player-chip{padding:5px}.player-copy{display:none}.table-center{top:126px}.table-status{right:20px;bottom:52px;left:20px;font-size:10px}.status-code{display:none}.table-footnote{right:20px;bottom:20px;left:20px;gap:9px;font-size:7px}.table-footnote span:last-child{display:none}.side-column{grid-template-columns:1fr}.hand-heading{align-items:flex-start;flex-direction:column;gap:13px}.hand-actions{width:100%}.hand-actions>*{flex:1}.hand-help{flex-wrap:wrap}.help-right{margin-left:0;width:100%}.hand-rail{margin-right:-14px;margin-left:-14px;border-right:0;border-left:0;border-radius:0;padding-left:14px}}.main-menu{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;color:var(--ink);background:#071a18 url(/assets/uno-menu-hero-v2.jpg) center / cover no-repeat}.main-menu:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#040f10d6,#0412122e 54%,#030c0d8f),linear-gradient(0deg,rgba(3,12,13,.58),transparent 45%,rgba(3,12,13,.2));pointer-events:none}.main-menu:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(255,246,211,.08),transparent 30%),radial-gradient(circle at 70% 88%,rgba(100,192,169,.12),transparent 25%);mix-blend-mode:screen;pointer-events:none}.menu-hero-glow{position:absolute;z-index:-1;top:17%;left:34%;width:34vw;height:34vw;max-width:480px;max-height:480px;border-radius:50%;background:#4ec5a021;filter:blur(82px);pointer-events:none}.menu-topbar{display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 64px));height:88px;margin:0 auto;border-bottom:1px solid rgba(244,241,222,.16)}.menu-status,.menu-top-actions{display:flex;align-items:center;gap:10px;color:#f7f1e4bf;font-size:9px;font-weight:850;letter-spacing:.15em}.status-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #59d09c29,0 0 18px #59d09ca6}.menu-legacy-mark{color:#f7f1e45c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.2em}.menu-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:min(680px,calc(100% - 40px));min-height:calc(100vh - 88px);margin:0 auto;padding:clamp(58px,11vh,124px) 0 48px;text-align:center}.menu-wordmark{width:min(350px,73vw);margin-bottom:22px;filter:drop-shadow(0 18px 20px rgba(4,10,11,.5))}.menu-wordmark img{display:block;width:100%;height:auto}.menu-eyebrow{margin:0 0 14px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.25em}.menu-stage h1{margin:0;color:#fff9e5;font-size:clamp(39px,6vw,76px);font-weight:900;letter-spacing:-.075em;line-height:.94;text-shadow:0 4px 22px rgba(0,0,0,.35)}.menu-stage h1 span{display:block}.menu-subtitle{max-width:460px;margin:22px 0 0;color:#edf1e0b8;font-size:13px;line-height:1.7}.menu-actions{display:flex;flex-direction:column;width:min(330px,100%);gap:9px;margin-top:34px}.menu-action{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px 0 20px;border:1px solid rgba(242,238,213,.22);border-radius:11px;color:#f7f1e4;background:#0518178a;box-shadow:inset 0 1px #ffffff0f,0 11px 25px #0108092e;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.08em;text-align:left;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.menu-action b{color:var(--yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:500}.menu-action:hover{border-color:#f5c96bb3;background:#0d302ac7;transform:translateY(-2px)}.menu-action-primary{border-color:#fff4d0c7;color:#16251f;background:linear-gradient(120deg,#f8d77e,#dda940);box-shadow:0 12px 28px #dda94040}.menu-action-primary b{color:#16251f}.menu-action-primary:hover{background:linear-gradient(120deg,#ffe5a1,#e8b84e)}.menu-action-online{border-color:#81e6d361;background:#072f2a9e}.menu-action-online b{color:var(--cyan)}.menu-footnote{display:flex;align-items:center;gap:9px;margin:26px 0 0;color:#edf1e073;font-size:9px;letter-spacing:.06em}.menu-footnote i{display:block;width:1px;height:13px;background:#edf1e038}.menu-home-link{color:#f5c96bad;text-decoration:none;text-underline-offset:3px;transition:color .18s ease,text-decoration-color .18s ease}.menu-home-link:hover,.menu-home-link:focus-visible{color:var(--yellow);text-decoration:underline}.menu-error{max-width:330px;margin:14px 0 0;color:#ffad91;font-size:11px;line-height:1.45}.menu-sparkle{position:absolute;width:42px;height:42px;opacity:.75;filter:drop-shadow(0 0 16px rgba(255,224,138,.45))}.menu-sparkle-left{top:31%;left:-8%;transform:rotate(-12deg)}.menu-sparkle-right{right:-8%;bottom:22%;width:30px;height:30px;transform:rotate(22deg)}.drawer-layer,.about-layer,.history-layer{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .22s ease,visibility .22s ease}.drawer-layer.is-open,.about-layer.is-open,.history-layer.is-open{visibility:visible;pointer-events:auto;opacity:1}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#020a0bb8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(540px,100%);height:100%;overflow-y:auto;padding:34px clamp(22px,4vw,46px) 28px;border-left:1px solid rgba(231,239,222,.15);background:linear-gradient(145deg,#15362ffa,#061515fc);box-shadow:-30px 0 80px #00000059;transform:translate(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.drawer-layer.is-open .settings-drawer{transform:translate(0)}.drawer-heading,.history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.drawer-heading h2,.about-panel h2,.history-heading h2{margin:0;color:var(--ink);font-size:clamp(29px,4vw,44px);letter-spacing:-.07em;line-height:.95}.drawer-lede{max-width:380px;margin:16px 0 4px;color:var(--muted);font-size:12px;line-height:1.6}.drawer-close{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(244,241,222,.18);border-radius:50%;color:var(--muted);background:#ffffff0a;cursor:pointer;font-size:23px;line-height:1}.drawer-close:hover{color:var(--ink);border-color:#f4f1de7a}.drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px}.drawer-actions{display:flex;align-items:center;gap:12px}.drawer-actions .primary-button{min-width:122px}.online-lobby-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#254b46 0,#0b1c1d 48%,#071115)}.online-lobby-panel{width:min(560px,100%);min-height:480px;padding:clamp(26px,5vw,46px);border:1px solid rgba(214,237,217,.18);border-radius:24px;background:linear-gradient(145deg,#19342ff7,#091819fa);box-shadow:0 35px 100px var(--shadow),inset 0 1px #ffffff0f}.online-lobby-setup-panel{min-height:0}.online-lobby-panel code{margin-left:7px;padding:5px 8px;border:1px solid rgba(245,201,107,.34);border-radius:6px;color:var(--yellow);background:#f5c96b14;font-size:16px;letter-spacing:.18em}.online-lobby-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px;padding:5px;border:1px solid rgba(214,237,217,.12);border-radius:14px;background:#020f1061}.online-lobby-mode-switch button{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 13px 11px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.08em;text-align:left;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.online-lobby-mode-switch button span{color:var(--faint);font-size:9px;font-weight:600;letter-spacing:0;line-height:1.45}.online-lobby-mode-switch button:hover{color:var(--ink);background:#ffffff0a;transform:translateY(-1px)}.online-lobby-mode-switch button.is-selected{border-color:#81e6d373;color:var(--ink);background:linear-gradient(135deg,#185549cc,#072825bf);box-shadow:inset 0 1px #ffffff14,0 10px 22px #010c0c33}.online-lobby-mode-switch button.is-selected span{color:#daf7e5b8}.online-lobby-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:28px}.online-lobby-fields label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em}.online-lobby-fields input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#03101273}.online-range-field{grid-column:1 / -1}.online-range-field output{align-self:flex-end;color:var(--yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:0}.online-range-field input[type=range]{width:100%;accent-color:var(--cyan)}.online-range-field .range-scale{display:flex;justify-content:space-between;color:var(--faint);font-size:8px}.online-lobby-note,.online-room-meta{margin:23px 0;color:var(--faint);font-size:10px;line-height:1.65}.online-room-meta{color:var(--yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.online-player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none}.online-player-list li{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:var(--ink);background:#020f103d;font-size:11px}.online-player-list li span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-player-list li small{margin-left:auto;color:var(--cyan);font-size:8px}.online-player-list .seat-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;color:#132220;background:var(--yellow);font-size:10px;font-weight:950}.online-player-list .seat-avatar-2{background:var(--green)}.online-player-list .seat-avatar-3{background:var(--blue)}.online-table-shell .topbar{max-width:1240px}.online-table-shell .felt-table[data-animation=play] .discard-stack{animation:uno-play .68s ease both}.online-table-shell .felt-table[data-animation=draw] .draw-stack{animation:uno-draw .68s ease both}.about-panel{position:absolute;top:50%;left:50%;width:min(550px,calc(100% - 34px));padding:clamp(26px,5vw,48px);border:1px solid rgba(244,241,222,.18);border-radius:24px;background:linear-gradient(145deg,#193d35fa,#071616fa);box-shadow:0 30px 100px #00000085;transform:translate(-50%,-46%);transition:transform .28s ease}.about-layer.is-open .about-panel{transform:translate(-50%,-50%)}.about-wordmark{display:block;width:180px;margin:0 0 28px}.about-panel h2{margin-bottom:19px;font-size:clamp(30px,5vw,47px)}.about-copy{color:var(--muted);font-size:13px;line-height:1.75}.about-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--yellow);font-size:11px;font-weight:850;text-decoration:none}.about-link span{font-size:17px}.about-status{display:flex;align-items:center;gap:9px;margin-top:19px;color:var(--faint);font-size:9px}.card-art{position:relative;display:block;width:86px;height:120px;flex:0 0 auto;padding:0;border:0;border-radius:13px;background:transparent;cursor:default;transform:translateY(0) rotate(var(--tilt, 0deg));transition:transform .18s ease,filter .18s ease}.card-art img{display:block;width:100%;height:100%;object-fit:contain;overflow:visible;border-radius:7%}.card-art:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.card-art:disabled{cursor:not-allowed;filter:saturate(.48) brightness(.72);opacity:.56}.card-art:not(:disabled)[type=button]{cursor:pointer}.card-art-compact{width:86px;height:120px}.hand-rail .card-art{width:94px;height:132px}.hand-rail .card-art:not(:disabled):hover{z-index:3;transform:translateY(-13px) rotate(0);filter:drop-shadow(0 11px 10px rgba(0,0,0,.25)) brightness(1.08)}.hand-rail .card-art:not(:disabled){filter:drop-shadow(0 9px 8px rgba(0,0,0,.2))}.discard-stack{display:grid;place-items:center;padding:0;cursor:pointer}.discard-stack:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.discard-stack .card-art{width:86px;height:120px;transform:rotate(5deg);filter:drop-shadow(0 12px 12px rgba(0,0,0,.27)) brightness(1.16) saturate(1.12)}.discard-stack:hover .card-art{transform:rotate(2deg) translateY(-5px)}.card-back-image{position:absolute;top:0;left:0;width:86px;height:120px;border-radius:13px;object-fit:cover;box-shadow:0 12px 24px #00000052;transform:rotate(-5deg)}.draw-stack:hover:not(:disabled) .card-back-image{transform:rotate(-3deg) translateY(-5px)}.draw-stack:disabled .card-back-image{filter:saturate(.55)}.stack-offset{width:86px;height:120px;border-radius:13px}.stack-offset-one{left:5px;top:7px;background:#132343eb}.stack-offset-two{left:3px;top:4px;background:#253c70eb}.game-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"table" "hand";max-width:1240px;gap:20px;padding-top:24px}.felt-table{min-height:500px;margin-top:18px;border-color:#efebcc2e;border-radius:30px;background-image:linear-gradient(#07231f7a,#031112b8),url(/assets/uno-felt-texture.jpg);box-shadow:0 28px 78px #020c0c66,inset 0 0 0 7px #010c0b26}.table-grid-lines{opacity:.14}.opponent-row{min-height:72px;padding-top:23px}.table-center{top:160px}.piles{gap:38px}.pile-separator{height:96px;opacity:.7}.table-status{bottom:64px}.table-footnote{bottom:28px}.table-players-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:11px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#0617178c}.table-players-rail .player-row{min-width:0;display:flex;align-items:center;gap:8px;padding:8px 7px;border-radius:9px}.table-players-rail .player-row.is-active{background:#f5c96b21;box-shadow:inset 0 0 0 1px #f5c96b2e}.table-players-rail .player-row-copy{min-width:0;flex:1}.table-players-rail .player-row-copy strong,.table-players-rail .player-row-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-players-rail .player-row-copy strong{color:var(--ink);font-size:10px}.table-players-rail .player-row-copy span{color:var(--faint);font-size:8px}.table-players-rail .mini-avatar{width:25px;height:25px;border-radius:7px}.table-players-rail .player-row:nth-child(2n) .mini-avatar{background:var(--yellow)}.table-players-rail .player-row:nth-child(3n) .mini-avatar{background:var(--green)}.table-players-rail .player-row:nth-child(4n) .mini-avatar{background:var(--blue)}.table-players-rail .count-pill{width:22px;height:20px}.hand-column{padding-top:2px}.hand-rail{min-height:167px;padding:16px 19px 17px;border-color:#e5ebd229;background:#071918c2}.hand-help{color:var(--faint)}.discard-history{position:absolute;right:0;bottom:0;left:0;max-height:min(62vh,560px);overflow:auto;padding:26px max(22px,calc((100vw - 1100px)/2)) 22px;border-top:1px solid rgba(244,241,222,.18);border-radius:24px 24px 0 0;background:linear-gradient(145deg,#14362ffc,#051616fc);box-shadow:0 -24px 80px #0000006b;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.history-layer.is-open .discard-history{transform:translateY(0)}.history-rail{display:flex;align-items:flex-end;gap:13px;overflow-x:auto;padding:24px 2px 7px}.history-item{position:relative;flex:0 0 auto;padding-bottom:22px}.history-card{width:74px;height:104px}.history-item.is-latest .history-card{filter:drop-shadow(0 0 10px rgba(245,201,107,.52));transform:translateY(-4px) rotate(-2deg)}.history-latest{position:absolute;right:0;bottom:0;left:0;color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:.14em;text-align:center}.history-close-button{display:block;margin:0 0 0 auto;padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffff0f;cursor:pointer;font-size:10px;font-weight:850}.felt-table[data-animation=shuffle] .draw-stack{animation:uno-shuffle .7s ease both}.felt-table[data-animation=shuffle] .discard-stack{animation:uno-deal .7s .08s ease both}.felt-table[data-animation=deal] .card-art{animation:uno-deal .7s ease both}.felt-table[data-animation=draw] .draw-stack{animation:uno-draw .68s ease both}.felt-table[data-animation=play] .discard-stack{animation:uno-play .68s ease both}@keyframes uno-shuffle{0%{transform:translate(-11px) rotate(-8deg)}45%{transform:translate(9px) rotate(7deg)}to{transform:translate(0) rotate(0)}}@keyframes uno-deal{0%{opacity:.2;transform:translateY(-24px) rotate(-11deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes uno-draw{0%,to{transform:translateY(0) rotate(-5deg)}45%{transform:translateY(-14px) rotate(3deg)}}@keyframes uno-play{0%{transform:translateY(10px) rotate(10deg) scale(.95)}55%{transform:translateY(-8px) rotate(-2deg) scale(1.04)}to{transform:translateY(0) rotate(5deg) scale(1)}}@media(max-width:760px){.menu-topbar{width:calc(100% - 34px);height:74px}.menu-stage{min-height:calc(100vh - 74px);padding-top:54px}.menu-wordmark{width:min(300px,75vw)}.menu-stage h1{font-size:clamp(38px,11vw,60px)}.menu-subtitle{font-size:12px}.menu-sparkle-left{left:-13%}.menu-sparkle-right{right:-12%}.topbar{height:auto;min-height:74px;padding:15px 0}.topbar .brand-context,.topbar .brand-divider{display:none}.topbar .brand-lockup{min-width:0}.topbar .table-mode{order:3;width:100%;padding-top:6px;border-top:1px solid var(--line);text-align:center}.top-actions{min-width:0}.table-profile{display:none}.app-shell{padding:0 15px 24px}.felt-table{min-height:430px;border-radius:22px}.table-center{top:128px}.piles{gap:25px}.table-players-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.table-players-rail .player-row-copy span{display:none}.hand-rail{margin-right:-15px;margin-left:-15px;padding-left:15px;border-right:0;border-left:0;border-radius:0}.hand-rail .card-art{width:82px;height:115px}.table-status{right:20px;bottom:55px;left:20px;font-size:10px}.table-footnote{right:20px;bottom:21px;left:20px;gap:10px;font-size:7px}.table-footnote span:last-child{display:none}.drawer-footer{align-items:flex-end;flex-direction:column}.drawer-footer .language-toggle{align-self:flex-start}.drawer-actions{width:100%;justify-content:flex-end}.discard-history{max-height:70vh;padding-right:18px;padding-left:18px}.online-lobby-screen{padding:14px}.online-lobby-fields{grid-template-columns:1fr}.online-range-field{grid-column:auto}.online-player-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.felt-table[data-animation] .draw-stack,.felt-table[data-animation] .discard-stack,.felt-table[data-animation] .card-art{animation:none!important}}.seat-next-label{opacity:.72}.seat-next-marker{opacity:.72;transform:scale(.86)}.uno-shout{position:absolute;z-index:14;top:-33px;left:16px;padding:4px 10px 5px;border:2px solid #fff3b4;border-radius:999px 999px 999px 4px;color:#fff8d7;background:linear-gradient(135deg,#ef4c42,#a92137);box-shadow:0 0 0 4px #ef4c422e,0 8px 20px #00000057;font-size:11px;font-weight:1000;letter-spacing:.12em;animation:uno-shout-pop 3s cubic-bezier(.18,.8,.2,1) both}@keyframes uno-shout-pop{0%{opacity:0;transform:translate(-8px,10px) scale(.45) rotate(-10deg)}14%{opacity:1;transform:translate(0) scale(1.15) rotate(3deg)}25%,82%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(10px,-12px) scale(.78) rotate(5deg)}}.challenge-uno-button{position:absolute;z-index:12;right:-10px;bottom:-12px;min-height:25px;padding:4px 8px;border:1px solid rgba(255,130,117,.72);border-radius:999px;color:#ffe5d8;background:#661d1de0;box-shadow:0 5px 13px #0000004d,0 0 0 2px #ff82751f;font-size:7px;font-weight:950;letter-spacing:.04em;white-space:nowrap;animation:challenge-pulse 1.25s ease-in-out infinite}@keyframes challenge-pulse{0%,to{filter:brightness(.92)}50%{filter:brightness(1.18);box-shadow:0 5px 13px #0000004d,0 0 0 5px #ff82751f}}@keyframes uno-button-ready{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.06)}}.turn-transition-overlay{position:absolute;z-index:31;top:50%;left:50%;display:grid;justify-items:center;gap:6px;min-width:190px;padding:15px 22px 14px;border:1px solid rgba(255,245,216,.66);border-radius:18px;color:#fff4c9;background:#051b18db;box-shadow:0 0 0 8px #f6cc7114,0 22px 46px #0006;pointer-events:none;text-align:center;transform:translate(-50%,-50%);animation:turn-transition-in 2.6s ease both}.turn-transition-icon{color:var(--ui-gold);font-size:30px;line-height:1;text-shadow:0 0 18px rgba(246,204,113,.65)}.turn-transition-overlay strong{font-size:13px;letter-spacing:.1em}.turn-transition-overlay>span:last-child{color:#fff5d8b3;font-size:10px}.turn-transition-overlay b{color:var(--ui-mint);margin:0 5px}@keyframes turn-transition-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.64) rotate(-4deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(1deg)}25%,82%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}}.settlement-actions{display:flex;gap:8px;width:100%;margin-top:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.settlement-actions.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.settlement-actions>button{flex:1;min-height:38px}.settlement-actions-countdown{color:#fff7da85;font-size:9px}@media(prefers-reduced-motion:reduce){.uno-shout,.challenge-uno-button,.uno-call-button.is-uno-ready,.turn-transition-overlay{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:radial-gradient(circle at 50% 9%,rgba(52,101,77,.19),transparent 32%),#071918}.game-layout{max-width:1420px;gap:28px;padding-top:30px}.table-heading{padding:0 8px}.table-heading h1{color:#f8f0d7}.felt-table.table-scene{min-height:0;height:min(67vw,690px);margin-top:18px;border:1px solid rgba(229,202,119,.42);border-radius:42px;background-color:#063325;background-image:linear-gradient(#031b161f,#03111140),url(/assets/uno-table-oval-v2.jpg);background-position:center;background-size:cover;box-shadow:0 34px 88px #0000007a,0 0 0 8px #041211ad,inset 0 0 0 2px #fce1902e}.felt-table.table-scene:before{top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(255,243,190,.23);border-radius:34px;box-shadow:inset 0 0 38px #00000036}.table-grid-lines{opacity:.09;background:radial-gradient(ellipse at center,transparent 0 37%,rgba(255,245,193,.12) 37.1% 37.3%,transparent 37.5%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%)}.table-scene-badge{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(237,228,181,.18);border-radius:999px;color:#fff7d2bd;background:#03191687;box-shadow:0 8px 20px #0000002e;font-size:9px;font-weight:850;letter-spacing:.14em;transform:translate(-50%,-172px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.table-seats{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0}.table-seats .seat-player{position:absolute;display:flex;align-items:center;gap:8px;width:166px;min-height:62px;padding:7px 9px;border:1px solid rgba(246,237,195,.17);border-radius:16px;color:#f9f2d9;background:#031917b8;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.table-seats .seat-player.is-active{border-color:#f5c96bdb;background:#253b2ad1;box-shadow:0 0 0 3px #f5c96b1c,0 14px 30px #0000004d}.table-seats .seat-player.is-active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid rgba(245,201,107,.55);border-radius:20px;pointer-events:none;animation:turn-ring 1.4s ease-in-out infinite}.direction-mark{box-shadow:0 0 0 3px #f5c96b14}.table-direction-chip{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;padding:5px 10px;border:1px solid rgba(245,201,107,.56);border-radius:999px;color:#fff4c9;background:#1c372ac2;box-shadow:0 0 0 3px #f5c96b14,0 7px 16px #0003;font-size:9px;font-weight:900;letter-spacing:.08em}.table-direction-chip b{color:var(--yellow);font-size:16px;line-height:.8}.table-direction-chip span{font-size:8px}.pending-draw-badge{position:relative;margin-top:10px;padding:6px 12px;border:1px solid rgba(255,111,97,.68);border-radius:999px;color:#ffd3c9;background:#741f1b94;box-shadow:0 0 0 4px #ff6f6114,0 8px 18px #00000038;font-size:11px;font-weight:950;animation:pending-shake .48s ease-in-out infinite,pending-combo-pop .65s cubic-bezier(.18,.8,.2,1) both}.pending-draw-badge:before{content:"COMBO";position:absolute;top:-9px;right:9px;padding:2px 5px;border-radius:4px;color:#ffe9a7;background:#6f2a25;font-size:6px;font-weight:950;letter-spacing:.14em}.hand-card-slot{position:relative;transition:transform .18s ease,opacity .18s ease}.hand-card-slot.is-dragging{opacity:.52;transform:translateY(-8px) scale(.97)}.felt-table[data-animation=play] .discard-stack{filter:drop-shadow(0 0 18px rgba(245,201,107,.8))}.felt-table[data-animation=draw] .draw-stack{filter:drop-shadow(0 0 16px rgba(112,166,255,.75))}.felt-table[data-animation=draw] .discard-stack{animation:penalty-land .7s ease both}.action-effect-overlay{position:absolute;z-index:16;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;animation:action-effect-in .9s ease both}.action-effect-overlay span{display:inline-block;padding:13px 21px;border:2px solid rgba(255,245,210,.78);border-radius:999px;color:#fff7d9;background:#081a18b8;box-shadow:0 0 0 8px #f5c96b14,0 16px 38px #00000057;font-size:clamp(18px,3vw,28px);font-weight:950;letter-spacing:.08em;text-shadow:0 3px 12px rgba(0,0,0,.45)}.action-effect-overlay.effect-draw-four{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:radial-gradient(circle,#ff5f4b47,#0411120a 45%,#ff5f4b2e);animation:wild-four-flash 1.45s ease both}.action-effect-overlay.effect-draw-four span{color:#fff;border-color:#ff7e66f0;background:#711618b8;box-shadow:0 0 0 12px #ff5f4b1f,0 0 80px #ff5f4bb8;animation:wild-four-title 1.45s cubic-bezier(.18,.8,.2,1) both}.action-effect-overlay.effect-draw-two span{border-color:#ff6f61d1;background:#6e231fad}.action-effect-overlay.effect-skip span,.action-effect-overlay.effect-reverse span{border-color:#70a6ffb8;background:#152d47b3}.action-effect-overlay.effect-wild span{border-color:#81e6d3bf;background:#11483fb3}.penalty-draw-flight{--penalty-target-x: 0px;--penalty-target-y: 230px;position:absolute;z-index:17;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;animation:penalty-flight-in 1.1s cubic-bezier(.18,.72,.2,1) both}.penalty-draw-human{--penalty-target-x: 0px;--penalty-target-y: 230px}.penalty-draw-north{--penalty-target-x: 0px;--penalty-target-y: -205px}.penalty-draw-north-west{--penalty-target-x: -295px;--penalty-target-y: -150px}.penalty-draw-north-east{--penalty-target-x: 295px;--penalty-target-y: -150px}.penalty-draw-west{--penalty-target-x: -320px;--penalty-target-y: 0px}.penalty-draw-east{--penalty-target-x: 320px;--penalty-target-y: 0px}.penalty-draw-south-west{--penalty-target-x: -270px;--penalty-target-y: 170px}.penalty-draw-south-east{--penalty-target-x: 270px;--penalty-target-y: 170px}.penalty-draw-south-south-west{--penalty-target-x: -190px;--penalty-target-y: 220px}.penalty-draw-south-south-east{--penalty-target-x: 190px;--penalty-target-y: 220px}.penalty-draw-cards{position:absolute;top:50%;left:50%;width:88px;height:120px;transform:translate(-50%,-50%)}.penalty-draw-cards{animation:penalty-cards-to-hand 1.1s cubic-bezier(.18,.72,.2,1) both}.penalty-draw-cards img{position:absolute;top:0;left:calc(50% + (var(--penalty-index) - 3) * 11px);width:76px;height:108px;border:2px solid rgba(255,247,218,.72);border-radius:11px;object-fit:fill;box-shadow:0 10px 20px #0006;transform:translate(-50%) rotate(calc((var(--penalty-index) - 3) * 9deg));animation:penalty-stack 1.1s ease both;animation-delay:calc(var(--penalty-index) * 35ms)}.penalty-draw-flight strong{position:relative;z-index:2;margin-top:-7px;color:#fff8dd;font-size:28px;font-weight:950;text-shadow:0 3px 12px rgba(0,0,0,.62);animation:penalty-count-pop 1.1s ease both}.penalty-draw-label{position:relative;z-index:2;margin-top:88px;color:#fff7dad1;font-size:8px;font-weight:900;letter-spacing:.2em}@keyframes action-effect-in{0%{opacity:0;transform:scale(.72)}22%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}@keyframes wild-four-flash{0%{opacity:0}13%{opacity:1}44%{opacity:.48}to{opacity:0}}@keyframes wild-four-title{0%{opacity:0;transform:scale(.5) rotate(-5deg)}23%{opacity:1;transform:scale(1.15) rotate(2deg)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}@keyframes penalty-flight-in{0%{opacity:0;transform:translateY(26px) scale(.74)}24%{opacity:1;transform:translateY(-7px) scale(1.05)}68%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.94)}}@keyframes penalty-stack{0%{transform:translate(calc(-50% + (var(--penalty-index) - 3) * 2px),30px) rotate(calc((var(--penalty-index) - 3) * 18deg))}34%{transform:translate(calc(-50% + (var(--penalty-index) - 3) * 2px),-2px) rotate(calc((var(--penalty-index) - 3) * 9deg))}to{transform:translate(calc(-50% + (var(--penalty-index) - 3) * 2px)) rotate(calc((var(--penalty-index) - 3) * 2deg))}}@keyframes penalty-cards-to-hand{0%,44%{transform:translate(-50%,-50%) scale(1)}58%{transform:translate(-50%,-50%) scale(.92)}to{transform:translate(calc(-50% + var(--penalty-target-x)),calc(-50% + var(--penalty-target-y))) scale(.55)}}@keyframes penalty-count-pop{0%,30%{transform:scale(.6);opacity:0}50%{transform:scale(1.28);opacity:1}78%{transform:scale(1)}to{opacity:0}}@keyframes turn-ring{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes pending-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-1deg)}75%{transform:translate(3px) rotate(1deg)}}@keyframes pending-combo-pop{0%{opacity:0;transform:translateY(8px) scale(.6)}42%{opacity:1;transform:translateY(-2px) scale(1.18)}74%{transform:translateY(0) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes penalty-land{0%{transform:translateY(-18px) scale(.9);opacity:.55}60%{transform:translateY(4px) scale(1.05)}to{transform:translateY(0) scale(1);opacity:1}}.table-seats .seat-avatar{display:block;width:50px;height:50px;flex:0 0 50px;border:2px solid rgba(255,225,130,.88);border-radius:50%;background-image:url(/assets/uno-avatar-sheet-v2.png);background-repeat:no-repeat;background-size:200% 200%;box-shadow:0 6px 14px #00000059}.seat-avatar-0{background-position:0 0}.seat-avatar-1{background-position:100% 0}.seat-avatar-2{background-position:0 100%}.seat-avatar-3{background-position:100% 100%}.seat-player-info{min-width:0;display:flex;flex-direction:column;gap:4px}.seat-player-info strong{overflow:hidden;color:#fff8dc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.seat-player-info span{color:#eee9caa6;font-size:8px;font-weight:700;white-space:nowrap}.seat-card-fan{position:relative;display:block;width:38px;height:49px;margin-left:auto;flex:0 0 38px}.seat-card-fan img{position:absolute;top:3px;left:3px;width:28px;height:40px;border-radius:5px;object-fit:cover;box-shadow:0 3px 7px #00000061;transform:rotate(calc((var(--fan-index) - 1) * 12deg)) translate(calc((var(--fan-index) - 1) * 6px));transform-origin:bottom center}.seat-card-fan b{position:absolute;right:-2px;bottom:-4px;display:grid;place-items:center;width:21px;height:21px;border:2px solid #0b2b24;border-radius:50%;color:#17251e;background:#f5c96b;font-size:9px}.seat-turn-pip{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border:3px solid #104033;border-radius:50%;background:#f16f60;box-shadow:0 0 0 4px #f16f6026,0 0 18px #f16f60a6}.seat-turn-label{position:absolute;top:-9px;left:50%;z-index:4;padding:3px 6px;border:1px solid rgba(255,247,210,.62);border-radius:5px;color:#fff8dd;background:#8f3a30;box-shadow:0 4px 12px #00000047,0 0 0 3px #ee6c621f;transform:translate(-50%);font-size:6px;font-weight:950;letter-spacing:.12em;white-space:nowrap}.table-seats .seat-human{width:184px;padding:7px 11px}.table-center{top:50%;z-index:5;transform:translate(-50%,-50%)}.table-center:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:260px;height:180px;border:1px solid rgba(239,215,135,.2);border-radius:50%;box-shadow:0 0 0 14px #0219141f,inset 0 0 30px #00000026;transform:translate(-50%,-50%)}.piles{gap:34px}.pile-separator{height:112px;background:#fff3c33d}.draw-stack,.discard-stack{width:102px;height:142px}.card-back-image,.stack-offset{width:102px;height:142px;border-radius:15px}.stack-offset-one{left:8px;top:8px}.stack-offset-two{left:4px;top:5px}.draw-stack .pile-count{right:-7px;bottom:-4px;border-color:#0a2c24}.discard-stack .card-art{width:102px;height:142px}.discard-shadow{width:91px;height:128px}.active-color{margin-top:22px;color:#fff8d5b5}.active-color strong{color:#fff5c9}.table-scene-status{position:absolute;right:46px;bottom:61px;left:46px;z-index:3;display:flex;justify-content:space-between;gap:18px;color:#fff6d2c9;font-size:11px}.table-scene-footnote{position:absolute;right:46px;bottom:27px;left:46px;z-index:3;display:flex;align-items:center;gap:18px;color:#eee7be8f;font-size:8px;font-weight:850;letter-spacing:.11em}.history-link{margin-left:auto;padding:4px 8px;border:1px solid rgba(255,244,199,.24);border-radius:6px;color:#f5ca72;background:#03161459;cursor:pointer;font-size:8px;font-weight:850}.table-players-rail{display:none}.hand-column{padding-top:6px}.hand-heading{padding:0 8px}.hand-rail.hand-fan{min-height:190px;justify-content:center;gap:0;margin-top:15px;padding:26px 24px 18px;overflow-x:auto;border:1px solid rgba(229,235,210,.19);border-radius:22px;background:linear-gradient(180deg,#06221deb,#031414f0);box-shadow:inset 0 1px #ffffff12,0 18px 44px #0000003d}.hand-fan .hand-card{width:108px;height:151px;margin-left:-17px;transform:translateY(calc(abs(var(--hand-index) - (var(--hand-total) - 1) / 2)*4px)) rotate(calc((var(--hand-index) - (var(--hand-total) - 1) / 2) * 4deg));transform-origin:50% 100%}.hand-fan .hand-card:first-child{margin-left:0}.hand-fan .hand-card:not(:disabled):hover{z-index:8;transform:translateY(-17px) rotate(0) scale(1.04)}.hand-fan .hand-card:not(:disabled){filter:drop-shadow(0 12px 9px rgba(0,0,0,.28))}.hand-card-slot{position:relative;display:flex;align-items:flex-end;height:151px}.hand-card-slot.is-dragging{z-index:9}.hand-card-slot.is-dragging .hand-card{opacity:.42;transform:translateY(-18px) rotate(0) scale(1.05)}.felt-table.is-card-drop-target{border-color:#f5c96bd1;box-shadow:0 34px 88px #0000007a,0 0 0 8px #f5c96b14,inset 0 0 0 2px #fce19061}.felt-table.is-card-drop-target:after{content:"将牌拖到这里出牌";position:absolute;z-index:8;top:50%;left:50%;padding:11px 17px;border:1px solid rgba(245,201,107,.65);border-radius:999px;color:#fff4ca;background:#031916c7;box-shadow:0 10px 28px #0000004d;transform:translate(-50%,53px);font-size:11px;font-weight:850;letter-spacing:.08em;pointer-events:none}.wild-picker{position:absolute;z-index:18;bottom:calc(100% + 15px);left:50%;display:flex;align-items:center;gap:10px;min-width:212px;padding:11px 12px 11px 14px;border:1px solid rgba(255,241,181,.44);border-radius:16px;color:#fff5d2;background:linear-gradient(145deg,#173d34fa,#051716fa);box-shadow:0 18px 38px #0000007a,0 0 0 4px #f5c96b14;transform:translate(-50%);animation:wild-picker-in .2s cubic-bezier(.2,.8,.2,1) both}.wild-picker-stem{position:absolute;bottom:-7px;left:50%;width:14px;height:14px;border-right:1px solid rgba(255,241,181,.44);border-bottom:1px solid rgba(255,241,181,.44);background:#0d3029;transform:translate(-50%) rotate(45deg)}.wild-picker .eyebrow{margin:0;color:#f5c96b;font-size:7px}.wild-picker strong{font-size:10px;white-space:nowrap}.wild-picker-options{display:flex;gap:7px;margin-left:auto}.wild-picker-option{display:grid;place-items:center;width:27px;height:27px;padding:0;border:2px solid rgba(255,245,210,.7);border-radius:50%;cursor:pointer;box-shadow:0 4px 9px #00000040;transition:transform .15s ease,box-shadow .15s ease}.wild-picker-option:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 15px #00000059}.wild-picker-option .color-swatch{width:100%;height:100%;border-radius:inherit}.wild-picker-cancel{display:grid;place-items:center;width:21px;height:21px;padding:0;border:0;border-radius:50%;color:#fff5d2bd;background:#ffffff14;cursor:pointer;font-size:15px;line-height:1}.wild-picker-cancel:hover{color:#fff;background:#ffffff2e}@keyframes wild-picker-in{0%{opacity:0;transform:translate(-50%,7px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:760px){.game-layout{padding-top:16px}.table-heading{padding:0 2px}.felt-table.table-scene{height:590px;border-radius:28px}.felt-table.table-scene:before{top:13px;right:13px;bottom:13px;left:13px;border-radius:23px}.table-scene-badge{transform:translate(-50%,-137px)}.table-seats .seat-player{width:132px;min-height:53px;padding:5px 6px;border-radius:12px}.table-seats .seat-avatar{width:40px;height:40px;flex-basis:40px}.table-seats .seat-human .seat-avatar{width:44px;height:44px;flex-basis:44px}.seat-player-info strong{font-size:9px}.seat-player-info span{font-size:7px}.seat-card-fan{transform:scale(.82);transform-origin:right center}.table-seats .seat-north-west{left:5%}.table-seats .seat-north-east{right:5%}.table-seats .seat-east{right:1%}.table-seats .seat-west{left:1%}.table-seats .seat-south-east{right:5%}.table-seats .seat-south-west{left:5%}.table-center:before{width:208px;height:150px}.piles{gap:20px}.draw-stack,.discard-stack,.card-back-image,.stack-offset,.discard-stack .card-art{width:82px;height:115px}.discard-shadow{width:73px;height:103px}.table-scene-status{right:25px;bottom:58px;left:25px;font-size:9px}.table-scene-footnote{right:25px;bottom:23px;left:25px;gap:9px;font-size:7px}.table-scene-footnote span:nth-child(3){display:none}.history-link{font-size:7px}.hand-rail.hand-fan{justify-content:flex-start;margin-right:-15px;margin-left:-15px;border-right:0;border-left:0;border-radius:0;padding-left:24px}.hand-fan .hand-card{width:84px;height:118px;margin-left:-14px}.hand-fan .hand-card:first-child{margin-left:0}}:root{--ink: #f7f1e4;--muted: #a2afa8;--faint: #6f7d77;--line: rgba(232, 239, 226, .13);--panel: rgba(13, 28, 27, .82);--panel-hi: rgba(23, 47, 43, .92);--felt: #143d36;--felt-deep: #081e1e;--coral: #ee6c62;--yellow: #f5c96b;--green: #59d09c;--blue: #74b1ef;--cyan: #81e6d3;--shadow: rgba(2, 12, 15, .5)}body{background:radial-gradient(circle at 50% -16%,#254b46 0,#0b1c1d 44%,#071115)}.loading-screen{background:#081719}.loading-mark small,.brand-mark small{color:var(--coral)}.asset-loading-screen{background:radial-gradient(circle at 50% 44%,rgba(25,91,68,.34),transparent 37%),#071918}.asset-loading-card{position:relative;display:grid;justify-items:center;gap:14px;width:min(360px,calc(100% - 40px));padding:34px 32px 28px;border:1px solid rgba(245,201,107,.25);border-radius:22px;background:linear-gradient(145deg,#12342ceb,#051717f5);box-shadow:0 25px 80px #0000006b,inset 0 1px #ffffff12;overflow:hidden}.asset-loading-card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(255,244,199,.08);border-radius:15px;pointer-events:none}.asset-loading-card p{margin:2px 0 0;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em}.asset-loading-orbit{position:absolute;top:65px;width:76px;height:29px;border:1px solid rgba(129,230,211,.28);border-radius:50%;transform:rotate(-22deg);animation:loading-orbit 1.6s ease-in-out infinite;pointer-events:none}.asset-loading-track{position:relative;z-index:1;width:min(260px,100%);height:5px;overflow:hidden;border-radius:99px;background:#ffffff1a}.asset-loading-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--yellow));box-shadow:0 0 16px #81e6d375;transition:width .2s ease}.asset-loading-detail{color:var(--muted);font-size:9px;letter-spacing:.08em}@keyframes loading-orbit{0%,to{opacity:.45;transform:rotate(-22deg) scale(.92)}50%{opacity:1;transform:rotate(22deg) scale(1.08)}}.primary-button{color:#10211f;background:var(--yellow)}.primary-button:hover:not(:disabled){background:#ffe09a}.setup-shell{position:relative;min-height:100vh;overflow:hidden;padding:0 42px 46px;isolation:isolate}.setup-shell:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;opacity:.18;background:url(/assets/uno-felt-texture.jpg) center / 680px repeat;mix-blend-mode:screen;pointer-events:none}.setup-shell:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 20%,rgba(114,216,191,.13),transparent 32%),radial-gradient(circle at 88% 82%,rgba(245,201,107,.09),transparent 30%),linear-gradient(110deg,#0716163d,#071112d6);pointer-events:none}.setup-topbar{max-width:1240px;height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.setup-layout{position:relative;max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(48px,8vw,120px);padding:clamp(54px,8vh,108px) 0 34px}.setup-intro{max-width:500px}.setup-intro h1{margin:0;color:var(--ink);font-size:clamp(46px,6vw,84px);font-weight:820;letter-spacing:-.08em;line-height:.91}.setup-intro h1 em{color:var(--cyan);font-style:normal}.setup-lede{max-width:380px;margin:28px 0 0;color:var(--muted);font-size:14px;line-height:1.72}.setup-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px;color:var(--faint);font-size:8px;font-weight:850;letter-spacing:.13em}.setup-legend span{display:flex;align-items:center;gap:8px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.legend-dot-cyan{background:var(--cyan);box-shadow:0 0 0 4px #81e6d31f}.legend-dot-amber{background:var(--yellow);box-shadow:0 0 0 4px #f5c96b1f}.setup-card{width:100%;padding:clamp(24px,4vw,40px);border:1px solid rgba(214,237,217,.18);border-radius:24px;background:linear-gradient(145deg,#19342fed,#091819f0);box-shadow:0 35px 100px var(--shadow),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.setup-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.setup-card-heading h2{margin:0;color:var(--ink);font-size:30px;letter-spacing:-.06em}.setup-card-mark{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.16em}.setup-field{display:flex;flex-direction:column;gap:8px;margin-top:18px}.field-label,.field-label-row{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.16em}.field-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.field-label small{color:var(--faint);font-size:7px;letter-spacing:.12em}.setup-field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#03101273;cursor:pointer;font-size:12px;font-weight:700}.setup-field option{color:#132220;background:#eff1e7}.field-hint{color:var(--faint);font-size:10px}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-label-row output{color:var(--yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:0}.setup-range-field input[type=range],.seat-setting input[type=range]{width:100%;accent-color:var(--cyan);cursor:pointer}.range-scale{display:flex;justify-content:space-between;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.seat-settings{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.seat-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-button{padding:0;border:0;color:var(--cyan);background:transparent;cursor:pointer;font-size:8px;font-weight:850;letter-spacing:.12em}.text-button:hover{color:var(--ink)}.seat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.seat-setting{min-width:0;display:grid;grid-template-columns:26px minmax(66px,1fr) minmax(52px,.92fr) 31px;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#020f103b}.seat-setting-human{grid-template-columns:26px minmax(0,1fr) auto}.seat-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#132220;background:var(--yellow);font-size:10px;font-weight:950}.seat-avatar-human{background:var(--cyan)}.seat-avatar-2,.seat-avatar-6{background:var(--green)}.seat-avatar-3,.seat-avatar-7{background:var(--blue)}.seat-avatar-4{background:var(--coral)}.seat-avatar-5{background:#bca2ec}.seat-setting strong,.seat-setting small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-setting strong{color:var(--ink);font-size:10px}.seat-setting small{margin-top:3px;color:var(--faint);font-size:8px}.seat-setting output{color:var(--yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-align:right}.seat-ready{color:var(--cyan);font-size:7px;font-weight:850;letter-spacing:.1em}.setup-start-button{width:100%;margin-top:26px;padding:15px 17px;text-align:left}.setup-start-button span{float:right;font-size:17px;line-height:.6}.setup-footnote{display:flex;align-items:center;gap:8px;margin:15px 0 0;color:var(--faint);font-size:9px}.setup-error{margin:11px 0 0;color:var(--coral);font-size:10px}.table-profile{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.table-profile span,.table-profile small{color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.14em}.table-profile strong{color:var(--ink);font-size:10px}.table-profile small{font-size:7px;letter-spacing:.08em}.felt-table{background-image:linear-gradient(#0e322cc7,#051a1beb),url(/assets/uno-felt-texture.jpg);background-size:auto,680px}.opponent-row{flex-wrap:wrap;row-gap:7px}.player-chip{max-width:170px}.player-4 .avatar,.player-4 .mini-avatar{background:var(--coral)}.player-5 .avatar,.player-5 .mini-avatar{background:#bca2ec}.player-6 .avatar,.player-6 .mini-avatar{background:var(--green)}.player-7 .avatar,.player-7 .mini-avatar{background:var(--blue)}.table-seats .seat-avatar{display:block;width:50px;height:50px;flex:0 0 50px;border:2px solid rgba(255,225,130,.88);border-radius:50%;background-color:transparent;background-image:url(/assets/uno-avatar-sheet-v2.png);background-repeat:no-repeat;background-size:200% 200%;box-shadow:0 6px 14px #00000059}.table-seats .seat-avatar-0{background-position:0 0}.table-seats .seat-avatar-1{background-position:100% 0}.table-seats .seat-avatar-2{background-position:0 100%}.table-seats .seat-avatar-3{background-position:100% 100%}.table-seats .seat-avatar-2,.table-seats .seat-avatar-3{background-color:transparent}.table-seats .seat-human .seat-avatar{width:56px;height:56px;flex-basis:56px}.table-scene{background-image:linear-gradient(#031b161f,#03111140),url(/assets/uno-table-oval-v2.jpg);background-position:center;background-size:cover}.table-seats .seat-player{position:absolute;display:flex;align-items:center;gap:8px;width:166px;min-height:62px;padding:7px 9px;border:1px solid rgba(246,237,195,.17);border-radius:16px;color:#f9f2d9;background:#031917b8;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.table-seats .seat-player.is-active{border-color:#f5c96bdb;background:#253b2ad1}.table-seats .seat-north{top:6%;left:50%;transform:translate(-50%)}.table-seats .seat-north-west{top:15%;left:10%}.table-seats .seat-north-east{top:15%;right:10%}.table-seats .seat-east{top:44%;right:4%}.table-seats .seat-west{top:44%;left:4%}.table-seats .seat-south-east{right:12%;bottom:16%}.table-seats .seat-south-west{bottom:16%;left:12%}.table-seats .seat-south-south-east{right:27%;bottom:7%}.table-seats .seat-south-south-west{bottom:7%;left:27%}.table-seats .seat-south{bottom:5%;left:50%;transform:translate(-50%)}.topbar-toggle{position:fixed;z-index:32;top:14px;right:18px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(229,235,210,.2);border-radius:50%;color:var(--ink);background:#041615d1;box-shadow:0 8px 20px #00000042;cursor:pointer;font-size:15px;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-toggle:hover{border-color:#f5c96bb3;color:var(--yellow)}.app-shell.topbar-is-hidden{padding-top:0}.app-shell.topbar-is-hidden .topbar{height:0;min-height:0;overflow:hidden;opacity:0;border-bottom-color:transparent;transform:translateY(-100%);pointer-events:none}.app-shell.topbar-is-open .topbar,.app-shell.topbar-is-hidden .topbar{transition:height .24s ease,opacity .18s ease,transform .24s ease}.play-flight{--flight-start-x: 0px;--flight-start-y: 420px;--flight-mid-x: 0px;--flight-mid-y: 176px;--flight-approach-x: 14px;--flight-approach-y: 34px;--flight-start-rotate: -12deg;position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;perspective:900px}.play-flight-card{position:absolute;top:50%;left:50%;width:102px;height:142px;transform-style:preserve-3d;transform-origin:50% 90%;animation:card-flight 1.05s cubic-bezier(.18,.72,.2,1) both}.play-flight-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:card-flight-flip .36s cubic-bezier(.32,.06,.32,1) .27s both}.play-flight-back,.play-flight-front{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;backface-visibility:hidden}.play-flight-back{object-fit:cover;border-radius:15px;box-shadow:0 20px 28px #0000006b;transform:rotateY(0)}.play-flight-front{transform:rotateY(180deg)}.play-flight-front .card-art{width:100%;height:100%;filter:drop-shadow(0 20px 26px rgba(0,0,0,.42))}.play-flight.is-human .play-flight-back{opacity:0}.play-flight.is-human .play-flight-face{animation:none}.play-flight.is-human .play-flight-front{transform:rotateY(0)}.play-flight-trail{position:absolute;top:50%;left:50%;width:154px;height:34px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(245,201,107,.42),rgba(129,230,211,.26),transparent);filter:blur(10px);opacity:0;transform:translate(-50%,-50%) rotate(-18deg);animation:card-flight-trail 1.05s ease-out both}.play-flight-shadow{position:absolute;top:50%;left:50%;width:128px;height:32px;border-radius:50%;background:#000a097a;filter:blur(9px);opacity:0;transform:translate(-50%,50px) scale(.44);animation:card-flight-shadow 1.05s cubic-bezier(.18,.72,.2,1) both}.play-flight-ripple{position:absolute;top:50%;left:50%;width:154px;height:75px;border:2px solid rgba(245,201,107,.52);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.34);animation:card-flight-ripple 1.05s ease-out .66s both}@keyframes card-flight{0%{opacity:0;transform:translate(calc(-50% + var(--flight-start-x)),calc(-50% + var(--flight-start-y))) rotate(var(--flight-start-rotate)) scale(.68)}14%{opacity:1;transform:translate(calc(-50% + var(--flight-mid-x)),calc(-50% + var(--flight-mid-y))) rotate(calc(var(--flight-start-rotate) * .55)) scale(.84)}54%{opacity:1;transform:translate(calc(-50% + var(--flight-approach-x)),calc(-50% + var(--flight-approach-y))) rotate(calc(var(--flight-start-rotate) * -.5)) scale(1.04)}76%{transform:translate(-50%,-50%) rotate(-3deg) scale(1.03,.95)}84%{transform:translate(-50%,-50%) rotate(2deg) scale(.98,1.04)}to{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes card-flight-flip{0%,40%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes card-flight-trail{0%{opacity:0;transform:translate(calc(-50% + var(--flight-start-x) * .6),calc(-50% + var(--flight-start-y) * .6)) rotate(-18deg) scale(.6)}24%{opacity:.72}70%{opacity:.34;transform:translate(calc(-50% + var(--flight-approach-x) * .7),calc(-50% + var(--flight-approach-y) * .7)) rotate(-18deg) scale(1)}to{opacity:0;transform:translate(-50%,-62%) rotate(-18deg) scale(.62)}}@keyframes card-flight-shadow{0%{opacity:0;transform:translate(-50%,160px) scale(.25)}40%{opacity:.2}76%{opacity:.72;transform:translate(-50%,52px) scale(.95)}84%{opacity:.55;transform:translate(-50%,55px) scale(1.08,.64)}to{opacity:0;transform:translate(-50%,57px) scale(1.14,.5)}}@keyframes card-flight-ripple{0%,55%{opacity:0;transform:translate(-50%,-50%) scale(.32)}70%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}@media(prefers-reduced-motion:reduce){.play-flight-card,.play-flight-trail,.play-flight-shadow,.play-flight-ripple{animation-duration:.01ms!important;animation-delay:0ms!important}.play-flight-card{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}.play-flight-trail,.play-flight-shadow,.play-flight-ripple{opacity:0!important}.action-effect-overlay,.action-effect-overlay span,.penalty-draw-flight,.penalty-draw-flight *{animation-duration:.01ms!important;animation-delay:0ms!important}}.play-flight-human{--flight-start-x: 0px;--flight-start-y: 420px;--flight-mid-x: 0px;--flight-mid-y: 176px;--flight-approach-x: 14px;--flight-approach-y: 34px;--flight-start-rotate: -12deg}.play-flight-north{--flight-start-x: 0px;--flight-start-y: -260px;--flight-mid-x: -22px;--flight-mid-y: -150px;--flight-approach-x: -16px;--flight-approach-y: -34px;--flight-start-rotate: 12deg}.play-flight-north-west{--flight-start-x: -340px;--flight-start-y: -190px;--flight-mid-x: -235px;--flight-mid-y: -118px;--flight-approach-x: -42px;--flight-approach-y: -18px;--flight-start-rotate: -18deg}.play-flight-north-east{--flight-start-x: 340px;--flight-start-y: -190px;--flight-mid-x: 235px;--flight-mid-y: -118px;--flight-approach-x: 42px;--flight-approach-y: -18px;--flight-start-rotate: 18deg}.play-flight-east{--flight-start-x: 360px;--flight-start-y: 0px;--flight-mid-x: 245px;--flight-mid-y: 38px;--flight-approach-x: 42px;--flight-approach-y: 16px;--flight-start-rotate: 20deg}.play-flight-west{--flight-start-x: -360px;--flight-start-y: 0px;--flight-mid-x: -245px;--flight-mid-y: -38px;--flight-approach-x: -42px;--flight-approach-y: -16px;--flight-start-rotate: -20deg}.play-flight-south-east{--flight-start-x: 305px;--flight-start-y: 195px;--flight-mid-x: 220px;--flight-mid-y: 130px;--flight-approach-x: 40px;--flight-approach-y: 25px;--flight-start-rotate: 16deg}.play-flight-south-west{--flight-start-x: -305px;--flight-start-y: 195px;--flight-mid-x: -220px;--flight-mid-y: 130px;--flight-approach-x: -40px;--flight-approach-y: 25px;--flight-start-rotate: -16deg}.play-flight-south-south-east{--flight-start-x: 190px;--flight-start-y: 260px;--flight-mid-x: 145px;--flight-mid-y: 168px;--flight-approach-x: 28px;--flight-approach-y: 34px;--flight-start-rotate: 10deg}.play-flight-south-south-west{--flight-start-x: -190px;--flight-start-y: 260px;--flight-mid-x: -145px;--flight-mid-y: 168px;--flight-approach-x: -28px;--flight-approach-y: 34px;--flight-start-rotate: -10deg}@media(max-width:900px){.setup-shell{padding:0 22px 32px}.setup-layout{grid-template-columns:1fr;gap:38px;padding-top:58px}.setup-intro{max-width:620px}.setup-intro h1{font-size:clamp(48px,10vw,72px)}.setup-lede{margin-top:20px}.setup-card{max-width:680px;justify-self:center}}@media(max-width:620px){.app-shell{overflow-x:hidden}.app-shell .topbar,.app-shell .brand-lockup,.app-shell .top-actions{min-width:0}.app-shell .game-layout,.app-shell .table-column,.app-shell .felt-table,.app-shell .opponent-row,.app-shell .hand-column,.app-shell .side-column,.app-shell .panel{min-width:0;max-width:100%}.app-shell .opponent-row{justify-content:center;gap:8px}.app-shell .player-chip{width:32px;flex:0 0 32px;padding:3px 1px}.app-shell .player-copy{display:none!important}.setup-shell{padding:0 14px 22px}.setup-topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:16px 0}.setup-topbar .brand-context,.setup-topbar .brand-divider{display:none}.setup-topbar .brand-lockup{flex:1}.setup-topbar .mode-switch{order:3;width:100%;justify-content:center}.setup-topbar .mode-button{flex:1}.setup-layout{padding-top:40px}.setup-intro h1{font-size:48px}.setup-legend{margin-top:24px}.setup-card{padding:22px 17px;border-radius:18px}.seat-list{grid-template-columns:1fr}.seat-setting{grid-template-columns:27px minmax(92px,1fr) minmax(70px,.8fr) 30px}.table-profile{display:none}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-shell{min-height:100dvh;padding-bottom:clamp(12px,2vw,24px)}.game-layout{align-content:start}.table-seats .seat-player{width:194px;min-height:72px}.seat-avatar-wrap{position:relative;display:block;flex:0 0 auto;width:50px;height:50px}.table-seats .seat-human .seat-avatar-wrap{width:56px;height:56px}.seat-avatar-wrap .seat-avatar{width:100%;height:100%}.table-seats .seat-player.is-active .seat-avatar{border-color:#fff5b4fa;box-shadow:0 0 0 4px #f5c96b29,0 7px 16px #00000061}.seat-turn-pip{top:-5px;right:-5px;width:13px;height:13px;border-width:3px;z-index:2;animation:turn-pip-pulse 1.45s ease-in-out infinite}@keyframes turn-pip-pulse{0%,to{box-shadow:0 0 0 3px #f16f6026,0 0 12px #f16f606b}50%{box-shadow:0 0 0 6px #f16f6014,0 0 22px #f16f60c2}}.seat-player-info{flex:1 1 auto}.seat-card-fan{width:82px;height:58px;flex:0 0 82px;margin-left:auto}.seat-card-fan img{top:auto;left:calc(50% + (var(--fan-index) - var(--fan-center)) * 8px);bottom:5px;width:29px;height:48px;border:1px solid rgba(245,239,203,.68);border-radius:6px;object-fit:cover;box-shadow:0 5px 9px #0000006b;transform:translate(-50%) rotate(calc((var(--fan-index) - var(--fan-center)) * 7deg));transform-origin:50% 100%;transition:transform .2s ease}.seat-card-fan b{right:-3px;bottom:-3px;z-index:9}.table-scene-status{right:46px;bottom:28px;left:46px;justify-content:flex-start}.status-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ee6c6224,0 0 15px #ee6c6294}.status-pulse.is-won{background:var(--green);box-shadow:0 0 0 4px #59d09c24,0 0 15px #59d09c8c}.table-metrics{right:46px;bottom:25px;left:auto;gap:7px;color:#eee7be9e;letter-spacing:.08em}.table-metric{display:inline-flex;align-items:center;gap:4px;min-width:31px;padding:4px 6px;border:1px solid rgba(255,244,199,.14);border-radius:7px;background:#03161461}.table-metric>span{color:var(--yellow);font-size:10px}.table-metric b{color:#fff5cf;font-size:9px}.metric-ruleset{color:#fff4c78c}.compact-help{align-items:center;gap:8px;min-height:26px;padding-top:8px}.help-action{display:inline-grid;place-items:center;width:25px;height:22px;border:1px solid rgba(232,239,226,.16);border-radius:7px;color:var(--muted);background:#05171673;cursor:help}.help-action kbd{margin:0;padding:0;border:0;color:inherit;font-size:12px}.help-state{display:grid;place-items:center;width:25px;height:22px;margin-left:auto;border:1px solid rgba(89,208,156,.18);border-radius:7px;background:#1c4b3b47}.help-state.is-alert{border-color:#ee6c6259;background:#5b262652}.help-state.is-ready .status-pulse{width:6px;height:6px;background:var(--green);box-shadow:0 0 0 3px #59d09c1f,0 0 10px #59d09c73}.help-state.is-alert .status-pulse{width:6px;height:6px}.card-art{overflow:visible;isolation:isolate;border:0;border-radius:13px;background:#101718;box-shadow:0 11px 18px #00000045}.card-art:before{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,247,218,.72);border-radius:inherit;box-shadow:inset 0 0 0 1px #091414a3;pointer-events:none}.card-art:after{content:"";position:absolute;z-index:2;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(5,16,18,.48);border-radius:10px;pointer-events:none}.card-art img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:fill;transform:none;transform-origin:center;border-radius:10px}.card-art.is-lifted{z-index:12;transform:translateY(-18px) rotate(0) scale(1.045);filter:drop-shadow(0 18px 17px rgba(0,0,0,.38)) brightness(1.08)}.card-art.is-lifted:after{border-color:#f5c96bfa;box-shadow:0 0 0 2px #f5c96b33,0 0 24px #f5c96b47}.card-art.is-unplayable:not(:disabled){filter:saturate(.5) brightness(.72) drop-shadow(0 8px 8px rgba(0,0,0,.2))}.card-art.is-unplayable:not(:disabled):hover{filter:saturate(.64) brightness(.84) drop-shadow(0 12px 10px rgba(0,0,0,.26))}.card-art.is-playable:not(:disabled){cursor:pointer}.seat-player.is-next{border-color:#81e6d3bf;box-shadow:0 0 0 2px #81e6d324,0 10px 24px #00000038,inset 0 1px #ffffff14}.seat-next-marker{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #08221e;border-radius:50%;color:#06221e;background:var(--cyan);box-shadow:0 0 0 3px #81e6d333,0 7px 14px #00000047;font-size:13px;font-weight:950}.next-player-chip{position:absolute;z-index:4;top:18%;left:50%;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(129,230,211,.46);border-radius:999px;color:#dffcf3;background:#03231ed1;box-shadow:0 8px 18px #00000038;transform:translate(-50%);font-size:10px;font-weight:850;letter-spacing:.06em}.next-player-chip span{color:var(--cyan);font-size:14px}.turn-countdown-chip{position:absolute;z-index:6;top:12%;right:50%;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(245,201,107,.48);border-radius:999px;color:#fff4cf;background:#081f1bd1;box-shadow:0 8px 20px #0000003d;transform:translate(50%)}.turn-countdown-chip span{color:var(--yellow);font-size:13px}.turn-countdown-chip strong{font-size:12px;font-variant-numeric:tabular-nums}.turn-countdown-chip small{color:#fff7d29e;font-size:7px;font-weight:850;letter-spacing:.08em}.turn-countdown-chip[data-expired=true]{border-color:#ee6c62c7;color:#ffd8d0;background:#631c1bd9;animation:pending-shake .48s ease-in-out infinite}.card-art:disabled{border-color:#d3dccc59}.card-back-image{overflow:hidden;border:2px solid rgba(255,247,218,.72);box-shadow:inset 0 0 0 1px #05101299,0 14px 22px #00000061;object-fit:cover}.draw-stack,.discard-stack{isolation:isolate}@media(min-width:761px){.felt-table.table-scene{height:min(67vw,calc(100dvh - 318px),690px)}}@media(max-height:760px)and (min-width:761px){.game-layout{gap:16px;padding-top:16px}.felt-table.table-scene{height:clamp(420px,calc(100dvh - 280px),560px)}.hand-rail.hand-fan{min-height:160px;padding-top:17px}.hand-fan .hand-card{width:92px;height:129px}.hand-card-slot{height:129px}}@media(max-width:760px){.felt-table.table-scene{height:clamp(430px,calc(100dvh - 220px),590px)}.table-seats .seat-player{width:146px;min-height:57px}.seat-avatar-wrap{width:40px;height:40px}.table-seats .seat-human .seat-avatar-wrap{width:44px;height:44px}.seat-card-fan{width:59px;height:45px;flex-basis:59px;transform:none}.seat-card-fan img{width:22px;height:36px;left:calc(50% + (var(--fan-index) - var(--fan-center)) * 5px);bottom:3px;transform:translate(-50%) rotate(calc((var(--fan-index) - var(--fan-center)) * 6deg))}.table-scene-status{right:25px;bottom:25px;left:25px}.table-metrics{right:25px;bottom:21px;left:auto}.metric-ruleset{display:none}.hand-help{padding-right:2px;padding-left:2px}}.hand-rail.hand-fan:has(.wild-picker){overflow:visible}.table-direction-chip{min-width:148px;min-height:50px;justify-content:center;gap:10px;margin-bottom:12px;padding:8px 16px;border:2px solid rgba(245,201,107,.82);border-radius:999px;box-shadow:0 0 0 6px #f5c96b1a,0 12px 28px #0000004d,inset 0 1px #ffffff24;font-size:12px;letter-spacing:.12em;animation:direction-chip-pulse 2.2s ease-in-out infinite}.table-direction-chip b{font-size:29px}.table-direction-chip span{font-size:10px;letter-spacing:.16em}@keyframes direction-chip-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 6px #f5c96b1a,0 12px 28px #0000004d,inset 0 1px #ffffff24}50%{transform:scale(1.045);box-shadow:0 0 0 9px #f5c96b26,0 14px 32px #0000005c,0 0 22px #f5c96b3d,inset 0 1px #ffffff2e}}.table-seats .seat-player{width:218px;min-height:76px;border-width:2px}.table-seats .seat-player.is-active{border-color:#ffe085fa;box-shadow:0 0 0 5px #f5c96b33,0 0 28px #f5c96b57,0 14px 30px #00000057,inset 0 1px #ffffff1f}.table-seats .seat-player.is-next{border-color:#81e6d3f5;box-shadow:0 0 0 5px #81e6d333,0 0 26px #81e6d357,0 12px 28px #00000052,inset 0 1px #ffffff1f}.seat-player-info{min-width:64px}.seat-player-info strong{overflow:visible;text-overflow:clip;font-size:12px}.seat-card-fan{width:72px;flex-basis:72px}.seat-turn-label,.seat-next-label{position:absolute;top:-17px;left:50%;z-index:5;padding:4px 9px;border-width:2px;border-radius:6px;transform:translate(-50%);font-size:8px;font-weight:950;letter-spacing:.14em;white-space:nowrap}.seat-turn-label{border-color:#fff7d2e0;color:#fff8dd;background:#9a3d32;box-shadow:0 0 0 4px #ee6c6229,0 6px 16px #0000005c;animation:active-label-pulse 1.35s ease-in-out infinite}.seat-next-label{border:2px solid rgba(129,230,211,.86);color:#dffff5;background:#12665a;box-shadow:0 0 0 4px #81e6d324,0 6px 16px #00000057}@keyframes active-label-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}}.seat-next-marker{top:-14px;right:-14px;width:30px;height:30px;font-size:17px;box-shadow:0 0 0 4px #81e6d338,0 8px 18px #00000057}.table-seats[data-player-count="9"] .seat-player,.table-seats[data-player-count="10"] .seat-player{width:164px;min-height:64px;padding:6px 7px;gap:6px}.table-seats[data-player-count="9"] .seat-card-fan,.table-seats[data-player-count="10"] .seat-card-fan{width:55px;flex-basis:55px;transform:scale(.86);transform-origin:right center}.table-seats[data-player-count="9"] .seat-player-info,.table-seats[data-player-count="10"] .seat-player-info{min-width:42px}.card-art:before{top:-1px;right:-1px;bottom:-1px;left:-1px}.card-art:after{top:0;right:0;bottom:0;left:0;border:0;border-radius:inherit;box-shadow:none}.card-art img{border-radius:0}.card-art.is-lifted:before{border-color:#f5c96bfa;box-shadow:0 0 0 2px #f5c96b33,0 0 24px #f5c96b47}.card-art.is-lifted:after{border:0;box-shadow:none}.discard-shadow{background:#00000024;filter:blur(3px);opacity:.72;transform:translate(4px,5px) rotate(5deg) scale(.94)}@media(max-width:760px){.table-direction-chip{min-width:128px;min-height:43px;gap:8px;margin-bottom:9px;padding:6px 12px}.table-direction-chip b{font-size:24px}.table-direction-chip span{font-size:8px}.table-seats .seat-player{width:164px;min-height:61px}.table-seats .seat-human{width:178px}.seat-player-info{min-width:42px}.seat-card-fan{width:52px;flex-basis:52px}.seat-player-info strong{font-size:10px}.seat-turn-label,.seat-next-label{top:-14px;padding:3px 7px;font-size:7px}.seat-next-marker{top:-12px;right:-12px;width:26px;height:26px;font-size:15px}.table-seats[data-player-count="9"] .seat-player,.table-seats[data-player-count="10"] .seat-player{width:126px;min-height:53px;padding:4px 5px;gap:4px}.table-seats[data-player-count="9"] .seat-avatar-wrap,.table-seats[data-player-count="10"] .seat-avatar-wrap{width:34px;height:34px}.table-seats[data-player-count="9"] .seat-card-fan,.table-seats[data-player-count="10"] .seat-card-fan{width:42px;flex-basis:42px;transform:scale(.72)}}@media(prefers-reduced-motion:reduce){.table-direction-chip,.seat-turn-label{animation:none!important}}.table-direction-arrows{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:#f5c96beb;opacity:.5;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28));transition:opacity .2s ease,filter .2s ease}.table-direction-arrows:hover{opacity:.84;filter:drop-shadow(0 3px 7px rgba(245,201,107,.25))}.direction-arrow-ring,.direction-arrow-segment{pointer-events:all}.direction-arrow-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;vector-effect:non-scaling-stroke}.direction-arrow-line{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.62;pointer-events:none;vector-effect:non-scaling-stroke;transition:opacity .16s ease,stroke-width .16s ease,filter .16s ease}.direction-arrow-segment:hover .direction-arrow-line{opacity:1;stroke-width:2.7;filter:drop-shadow(0 0 4px rgba(245,201,107,.86))}.direction-arrow-segment:focus-visible .direction-arrow-line{opacity:1;stroke-width:2.7}.table-center>.table-direction-chip{display:none}.deal-sequence-layer{position:absolute;z-index:42;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit;color:#fff7dc;pointer-events:auto}.deal-sequence-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,#0414123d,#020d0dc2 78%);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.deal-sequence-layer.is-starting .deal-sequence-vignette{background:radial-gradient(circle at 50% 48%,#144b342e,#020d0d57 80%);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.deal-sequence-stack{position:relative;z-index:1;width:120px;height:152px;transform:translateY(-28px)}.deal-sequence-stack img{position:absolute;top:50%;left:50%;width:82px;height:115px;border:1px solid rgba(255,247,218,.74);border-radius:11px;object-fit:fill;box-shadow:0 15px 28px #00000075;opacity:0;transform:translate(-50%,-50%);animation:deal-sequence-card 1.25s cubic-bezier(.18,.78,.2,1) both;animation-delay:calc(var(--deal-index) * .18s)}.deal-sequence-layer.is-starting .deal-sequence-stack img{opacity:.42;animation:deal-sequence-breathe 1.2s ease-in-out infinite;animation-delay:calc(var(--deal-index) * 60ms)}.deal-sequence-copy{position:absolute;z-index:2;top:calc(50% + 82px);left:50%;display:grid;justify-items:center;gap:8px;width:min(330px,calc(100% - 38px));text-align:center;transform:translate(-50%)}.deal-sequence-kicker,.starting-player-kicker{color:#fff4c59e;font-size:9px;font-weight:950;letter-spacing:.22em}.deal-sequence-copy>strong{color:#fff5d6;font-size:clamp(20px,3vw,30px);letter-spacing:.12em;text-shadow:0 5px 20px rgba(0,0,0,.48)}.deal-sequence-dots{display:flex;gap:6px;margin-top:2px}.deal-sequence-dots i{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #f5c96b9e;animation:deal-dot 1.05s ease-in-out infinite}.deal-sequence-dots i:nth-child(2){animation-delay:.15s}.deal-sequence-dots i:nth-child(3){animation-delay:.3s}.starting-player-callout{display:grid;justify-items:center;gap:9px;padding:17px 24px 15px;border:1px solid rgba(129,230,211,.62);border-radius:17px;background:#042820c7;box-shadow:0 0 0 5px #81e6d314,0 16px 36px #00000059;animation:starting-callout-in .65s cubic-bezier(.18,.8,.2,1) both}.starting-player-callout strong{color:#e4fff5;font-size:clamp(18px,3vw,26px);letter-spacing:.04em}.starting-player-kicker{color:var(--cyan)}@keyframes deal-sequence-card{0%{opacity:0;transform:translate(calc(-50% + var(--deal-index) * -38px),calc(-50% + 120px)) rotate(calc((var(--deal-index) - 3) * -13deg)) scale(.7)}30%{opacity:1}72%{transform:translate(calc(-50% + (var(--deal-index) - 3) * 13px),calc(-50% + (var(--deal-index) - 3) * -7px)) rotate(calc((var(--deal-index) - 3) * 4deg)) scale(1)}to{opacity:1;transform:translate(calc(-50% + (var(--deal-index) - 3) * 5px),calc(-50% + (var(--deal-index) - 3) * -3px)) rotate(calc((var(--deal-index) - 3) * 2deg)) scale(.96)}}@keyframes deal-sequence-breathe{0%,to{transform:translate(calc(-50% + (var(--deal-index) - 3) * 5px),calc(-50% + (var(--deal-index) - 3) * -3px)) rotate(calc((var(--deal-index) - 3) * 2deg)) scale(.96)}50%{transform:translate(calc(-50% + (var(--deal-index) - 3) * 5px),calc(-50% + (var(--deal-index) - 3) * -9px)) rotate(calc((var(--deal-index) - 3) * 2deg)) scale(1)}}@keyframes deal-dot{0%,to{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.16)}}@keyframes starting-callout-in{0%{opacity:0;transform:translateY(16px) scale(.86)}70%{opacity:1;transform:translateY(-2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.settlement-layer{position:absolute;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 42%,#205238b3,#020d0de0 72%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:settlement-in .55s ease both}.settlement-panel{position:relative;z-index:2;display:grid;justify-items:center;gap:9px;width:min(390px,calc(100% - 36px));padding:28px 24px 25px;border:1px solid rgba(245,201,107,.78);border-radius:22px;background:linear-gradient(150deg,#163d2df5,#041816f5);box-shadow:0 0 0 6px #f5c96b14,0 24px 70px #0000008a;text-align:center}.settlement-kicker,.settlement-result{color:#fff4c5a3;font-size:9px;font-weight:950;letter-spacing:.22em}.settlement-trophy{margin:2px 0 1px;font-size:50px;line-height:1;filter:drop-shadow(0 8px 13px rgba(245,201,107,.3));animation:trophy-bounce 1.2s ease-in-out infinite}.settlement-panel h2{margin:0;color:#fff5d6;font-size:clamp(26px,5vw,42px);letter-spacing:.02em}.settlement-panel p{max-width:30ch;margin:0;color:#fff7dac2;font-size:12px;line-height:1.5}.settlement-winner{color:var(--yellow);font-size:16px;letter-spacing:.06em}.settlement-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.settlement-sparkles i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px #f5c96bcc;animation:settlement-sparkle 1.8s ease-in-out infinite}.settlement-sparkles i:nth-child(1){top:22%;left:28%}.settlement-sparkles i:nth-child(2){top:31%;right:24%;animation-delay:.35s}.settlement-sparkles i:nth-child(3){bottom:26%;left:22%;animation-delay:.8s}.settlement-sparkles i:nth-child(4){right:28%;bottom:20%;animation-delay:1.1s}@keyframes settlement-in{0%{opacity:0}to{opacity:1}}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes settlement-sparkle{0%,to{opacity:.25;transform:scale(.55)}50%{opacity:1;transform:scale(1.35)}}@media(max-width:760px){.table-direction-arrows{opacity:.38}.deal-sequence-copy{top:calc(50% + 68px)}.settlement-panel{padding:24px 18px 22px}}@media(prefers-reduced-motion:reduce){.table-direction-arrows,.direction-arrow-line,.deal-sequence-stack img,.deal-sequence-dots i,.starting-player-callout,.settlement-layer,.settlement-trophy,.settlement-sparkles i{animation:none!important;transition:none!important}.deal-sequence-stack img{opacity:1;transform:translate(-50%,-50%) scale(.96)}}.deal-sequence-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:auto;height:auto;transform:none;pointer-events:none}.deal-sequence-stack:before{content:"";position:absolute;top:50%;left:50%;width:112px;height:146px;border:1px solid rgba(255,247,218,.4);border-radius:13px;box-shadow:0 0 0 7px #f5c96b12,0 16px 34px #0000006b;transform:translate(-50%,-50%) rotate(-5deg)}.deal-sequence-stack img{top:50%;left:50%;width:clamp(48px,5.5vw,78px);height:clamp(82px,8.8vw,126px);border:1px solid rgba(255,247,218,.78);border-radius:10px;object-fit:fill;animation:deal-card-flight 1.02s cubic-bezier(.16,.72,.18,1) both;animation-delay:var(--deal-delay)}.deal-sequence-layer.is-starting .deal-sequence-stack img{opacity:.3;animation:deal-card-land 1.1s ease-in-out infinite;animation-delay:calc(var(--deal-index) * 35ms)}@keyframes deal-card-flight{0%{opacity:0;transform:translate(-50%,-50%) translate(-1.4vw,3vh) rotate(-9deg) scale(.62)}16%{opacity:1;transform:translate(-50%,-50%) translate(-.35vw,.6vh) rotate(-3deg) scale(.92)}70%{opacity:1;transform:translate(calc(-50% + var(--deal-x)),calc(-50% + var(--deal-y))) rotate(var(--deal-rotate)) scale(1)}86%{opacity:1;transform:translate(calc(-50% + var(--deal-x)),calc(-50% + var(--deal-y))) rotate(calc(var(--deal-rotate) + 2deg)) scale(1.05)}to{opacity:.9;transform:translate(calc(-50% + var(--deal-x)),calc(-50% + var(--deal-y))) rotate(var(--deal-rotate)) scale(.96)}}@keyframes deal-card-land{0%,to{transform:translate(calc(-50% + var(--deal-x)),calc(-50% + var(--deal-y))) rotate(var(--deal-rotate)) scale(.96)}50%{transform:translate(calc(-50% + var(--deal-x)),calc(-50% + var(--deal-y))) rotate(calc(var(--deal-rotate) + 2deg)) scale(1)}}.menu-wordmark{position:relative;display:flex;align-items:center;justify-content:center;width:min(300px,72vw);min-height:104px;margin-bottom:14px}.menu-card-logo{position:absolute;left:5%;bottom:2px;z-index:0;width:68px;height:101px;padding:3px;border:1px solid rgba(255,247,218,.58);border-radius:11px;background:#0211129e;box-shadow:0 13px 24px #00000057;transform:rotate(-13deg);opacity:.82}.menu-card-logo:after{content:"";position:absolute;top:-5px;right:3px;bottom:3px;left:-4px;border:1px solid rgba(255,247,218,.18);border-radius:12px;transform:rotate(7deg);pointer-events:none}.menu-card-logo img{display:block;width:100%;height:100%;border-radius:8px;object-fit:fill}.menu-wordmark-title{position:relative;z-index:1;display:block;width:min(262px,64vw);margin-left:25px;filter:drop-shadow(0 14px 18px rgba(0,8,7,.5))}.menu-wordmark>small{position:absolute;right:3%;bottom:-3px;z-index:2;color:#fff7daad;font-size:8px;font-weight:900;letter-spacing:.28em}.game-record-trigger{position:fixed;z-index:36;right:53px;bottom:14px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(229,235,210,.16);border-radius:50%;color:#e5ebd294;background:#0416159e;box-shadow:0 8px 20px #0000002e;cursor:pointer;font-size:16px;line-height:1;opacity:.62;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease,transform .18s ease}.game-record-trigger:hover,.game-record-trigger:focus-visible,.game-record-trigger.is-open{border-color:#f5c96bb3;color:var(--yellow);background:#242d1bdb;opacity:1;transform:translateY(-1px);outline:none}.game-record-trigger b{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;border:1px solid #071713;border-radius:999px;color:#08211c;background:var(--cyan);font-size:8px;line-height:13px}.game-record-panel{position:fixed;z-index:70;right:16px;bottom:52px;display:flex;flex-direction:column;width:min(420px,calc(100vw - 32px));max-height:min(70vh,620px);padding:18px;border:1px solid rgba(245,201,107,.28);border-radius:18px;color:var(--ui-paper);background:linear-gradient(150deg,#0e3028fa,#031313fc);box-shadow:0 26px 70px #0000007a,inset 0 1px #ffffff12}.game-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.game-record-heading h2{margin:5px 0 0;color:var(--ui-paper);font-size:24px;letter-spacing:-.06em}.game-record-close{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,245,216,.18);border-radius:50%;color:var(--ui-paper-muted);background:#0000002e;cursor:pointer;font-size:18px}.game-record-summary{margin:12px 0;color:var(--ui-paper-muted);font-size:10px;line-height:1.45}.game-record-actions{display:flex;gap:8px;margin-bottom:12px}.game-record-actions button{min-height:32px;padding:0 12px;font-size:10px}.game-record-list{display:flex;flex-direction:column;gap:6px;min-height:0;margin:0;padding:0 3px 2px 0;overflow:auto;list-style:none}.game-record-event{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:8px 9px;border:1px solid rgba(255,245,216,.1);border-radius:10px;background:#010f0e52;transition:border-color .18s ease,background .18s ease,transform .18s ease}.game-record-event.is-replay-active{border-color:#f5c96bcc;background:#4d3c196b;transform:translate(-3px)}.game-record-sequence{color:var(--yellow);font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.game-record-event strong{display:block;overflow:hidden;color:var(--ui-paper);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.game-record-event small{display:block;margin-top:4px;overflow:hidden;color:var(--ui-paper-muted);font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.menu-card-logo{left:-1%;width:52px;height:78px}.menu-wordmark-title{width:min(232px,64vw);margin-left:16px}.menu-wordmark>small{right:0;bottom:-2px;font-size:7px}.game-record-trigger{right:52px;bottom:12px}.game-record-panel{right:12px;bottom:48px;width:calc(100vw - 24px);max-height:66vh}}.network-log-export{position:fixed;z-index:36;right:16px;bottom:14px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(229,235,210,.16);border-radius:50%;color:#e5ebd294;background:#0416159e;box-shadow:0 8px 20px #0000002e;cursor:pointer;font-size:17px;line-height:1;opacity:.62;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease,transform .18s ease}.network-log-export:hover,.network-log-export:focus-visible{border-color:#81e6d394;color:var(--cyan);background:#042820db;opacity:1;transform:translateY(-1px);outline:none}.network-log-export.is-exported{border-color:#81e6d3b8;color:var(--cyan);opacity:.92}@media(max-width:760px){.network-log-export{right:12px;bottom:12px}}:root{--ui-bg: #061312;--ui-bg-soft: #0a211e;--ui-surface: rgba(9, 31, 28, .76);--ui-surface-strong: rgba(13, 43, 37, .92);--ui-paper: #fff5d8;--ui-paper-muted: rgba(255, 245, 216, .68);--ui-mint: #8ee8d4;--ui-gold: #f6cc71;--ui-red: #ed7164;--ui-border: rgba(226, 239, 219, .16);--ui-shadow: 0 28px 80px rgba(0, 8, 8, .38)}html{background:var(--ui-bg)}body{min-width:320px;background:radial-gradient(circle at 50% -14%,rgba(56,126,100,.32),transparent 38%),radial-gradient(circle at 100% 72%,rgba(32,76,65,.2),transparent 32%),var(--ui-bg)}.main-menu{min-height:100svh;background-position:center;background-size:cover}.main-menu:before{background:linear-gradient(180deg,#020a0aa8,#020c0b1f 34%,#020a0aad),radial-gradient(ellipse at 50% 46%,#020e0c0f,#020a0ab8 78%)}.main-menu:after{background:radial-gradient(circle at 50% 43%,rgba(153,236,205,.12),transparent 28%),linear-gradient(90deg,rgba(245,204,113,.04),transparent 36%,transparent 64%,rgba(142,232,212,.04))}.menu-topbar{width:min(1180px,calc(100% - 48px));height:72px;border-bottom-color:#fff5d81f}.menu-status,.menu-top-actions{font-size:8px;letter-spacing:.18em}.menu-status{color:#fff5d8a8}.menu-legacy-mark{color:#fff5d852;font-size:9px}.menu-stage{isolation:isolate;width:min(590px,calc(100% - 32px));min-height:calc(100svh - 72px);padding:clamp(56px,10vh,112px) 0 34px}.menu-stage:before{content:"";position:absolute;z-index:-1;top:10%;right:-16%;bottom:8%;left:-16%;border:1px solid rgba(255,245,216,.08);border-radius:48% 52% 45% 55%;background:radial-gradient(ellipse,rgba(4,25,22,.2),transparent 68%);box-shadow:inset 0 0 60px #020a0a29,0 0 0 18px #0518150f;transform:rotate(-2deg);pointer-events:none}.menu-wordmark{width:min(286px,68vw);margin-bottom:18px;filter:drop-shadow(0 15px 18px rgba(0,8,7,.48))}.menu-eyebrow{margin-bottom:12px;color:var(--ui-gold);font-size:9px;letter-spacing:.28em}.menu-stage h1{color:var(--ui-paper);font-size:clamp(39px,5.7vw,68px);letter-spacing:-.085em;line-height:.95;text-shadow:0 5px 24px rgba(0,0,0,.34)}.menu-subtitle{max-width:430px;margin-top:17px;color:var(--ui-paper-muted);font-size:12px;line-height:1.65}.menu-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(410px,100%);gap:9px;margin-top:27px}.menu-action{min-height:48px;padding:0 15px 0 17px;border-color:#fff5d82e;border-radius:13px;background:#041b1894;box-shadow:inset 0 1px #ffffff12,0 13px 25px #00080729;font-size:11px;letter-spacing:.07em}.menu-action:not(.menu-action-primary){padding-right:12px;padding-left:13px}.menu-action b{font-size:15px}.menu-action-primary{grid-column:1 / -1;min-height:55px;border-color:#fff6d3eb;background:linear-gradient(120deg,#ffe29a,#e1ae42);box-shadow:0 14px 30px #deab423d,inset 0 1px #ffffff8f}.menu-action-online{border-color:#8ee8d457}.menu-footnote{margin-top:21px;color:#fff5d86b;font-size:8px}.menu-home-link{color:#f6cc71c2}.menu-sparkle-left{top:29%;left:-12%}.menu-sparkle-right{right:-11%;bottom:19%}.settings-drawer,.about-panel{border-color:#fff5d824;background:linear-gradient(150deg,#0e3028fa,#031313fc);box-shadow:var(--ui-shadow),inset 0 1px #ffffff14}.settings-drawer{width:min(500px,100%);padding:30px clamp(20px,4vw,42px) 24px}.drawer-heading h2,.about-panel h2{color:var(--ui-paper)}.drawer-lede,.about-copy{color:var(--ui-paper-muted)}.setup-field select,.seat-setting{border-color:#e2efdb26;background:#010f0e6b}.setup-field select:focus-visible{border-color:var(--ui-mint)}.about-panel{width:min(500px,calc(100% - 30px));border-radius:26px}.about-link{border-color:var(--ui-border);color:var(--ui-gold)}.setup-shell{min-height:100svh;background:var(--ui-bg)}.setup-shell:after{background:radial-gradient(circle at 16% 22%,rgba(142,232,212,.12),transparent 31%),radial-gradient(circle at 88% 80%,rgba(246,204,113,.1),transparent 28%),linear-gradient(110deg,#03121147,#030e0fe6)}.setup-topbar{height:76px}.setup-layout{max-width:1120px;gap:clamp(38px,7vw,94px);padding-top:clamp(46px,8vh,92px)}.setup-intro h1{font-size:clamp(45px,5.7vw,75px)}.setup-lede{max-width:360px;margin-top:22px;color:var(--ui-paper-muted);font-size:13px}.setup-legend{margin-top:28px}.setup-card{border-color:#fff5d826;border-radius:21px;background:linear-gradient(150deg,#0d2e27eb,#041616f2);box-shadow:var(--ui-shadow),inset 0 1px #ffffff12}.setup-card-heading{margin-bottom:23px}.setup-card-heading h2{font-size:27px}.setup-start-button{border-radius:12px}.app-shell{padding-right:max(18px,3vw);padding-left:max(18px,3vw)}.game-layout{max-width:1280px;gap:16px;padding-top:16px}.table-heading{padding:0 6px}.table-heading h1{font-size:clamp(24px,3.2vw,42px)}.round-meta{gap:8px}.felt-table.table-scene{min-height:0;height:clamp(470px,calc(100svh - 290px),680px);margin-top:13px;border-radius:30px;border-color:#fff5d82b;box-shadow:0 30px 90px #0008086b,inset 0 0 0 6px #010c0b24}.felt-table.table-scene:before{top:14px;right:14px;bottom:14px;left:14px;border-color:#fff5d81a;border-radius:23px}.table-center{top:50%;transform:translate(-50%,-45%)}.table-scene-badge{top:15%;transform:translate(-50%);border-color:#8ee8d447;background:#021815a3;color:#fff5d8cc}.table-direction-arrows{color:#f6cc71cc;opacity:.4}.table-direction-arrows:hover{opacity:.78}.table-seats .seat-player{border-color:#fff5d824;background:#031b18b3}.table-seats .seat-player.is-active{border-color:#ffe392f5;background:#203d2edb;box-shadow:0 0 0 4px #f6cc7129,0 0 26px #f6cc7142,0 16px 34px #00080759}.table-seats .seat-player.is-next{border-color:#8ee8d4d1;background:#07302ab8}.hand-column{padding-top:0}.hand-heading{padding:0 5px}.hand-heading h2{font-size:18px}.hand-rail.hand-fan{min-height:174px;margin-top:12px;padding:17px 24px 19px;border-color:#fff5d826;border-radius:20px;background:linear-gradient(180deg,#08231fd1,#041717e0);box-shadow:inset 0 1px #ffffff0d,0 17px 40px #00080733}.hand-fan .card-art{width:96px;height:135px}.hand-fan .hand-card-slot{min-height:137px}.hand-help{padding-top:7px;opacity:.7}.primary-button,.ghost-button{border-radius:10px}.primary-button{box-shadow:0 10px 24px #f6cc7129}.ghost-button{border-color:#fff5d829;background:#041b1847}.topbar-toggle{top:12px;right:16px;border-color:#fff5d838;background:#021312bd}@media(max-width:760px){.menu-topbar{width:calc(100% - 28px);height:64px}.menu-stage{min-height:calc(100svh - 64px);padding-top:48px}.menu-wordmark{width:min(236px,66vw)}.menu-stage h1{font-size:clamp(37px,11vw,54px)}.menu-subtitle{max-width:320px;font-size:11px}.menu-actions{grid-template-columns:1fr;width:min(340px,100%);margin-top:23px}.menu-action-primary{grid-column:auto}.menu-footnote{flex-wrap:wrap;justify-content:center}.menu-footnote i{height:10px}.setup-topbar{height:auto;min-height:76px}.setup-layout{padding-top:42px}.felt-table.table-scene{height:clamp(430px,calc(100svh - 215px),590px);border-radius:24px}.felt-table.table-scene:before{top:11px;right:11px;bottom:11px;left:11px;border-radius:18px}.table-center{top:49%}.table-scene-badge{top:12%}.hand-rail.hand-fan{min-height:155px;margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px;border-right:0;border-left:0;border-radius:0}.hand-fan .card-art{width:84px;height:118px}.hand-fan .hand-card-slot{min-height:120px}}@media(prefers-reduced-motion:reduce){.menu-action,.table-seats .seat-player,.hand-fan .card-art{transition:none}}.table-direction-arrows{z-index:3;color:#8ee8d4eb;opacity:.74;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.34));transition:opacity .2s ease,filter .2s ease}.table-direction-arrows:hover,.table-direction-arrows:focus-within{opacity:.96;filter:drop-shadow(0 3px 9px rgba(142,232,212,.24))}.direction-arrow-routes,.direction-arrow-route{pointer-events:all}.direction-arrow-route-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke;vector-effect:non-scaling-stroke}.direction-arrow-route-line{fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;opacity:.7;vector-effect:non-scaling-stroke;transition:opacity .18s ease,stroke-width .18s ease,filter .18s ease}.direction-arrow-route:hover .direction-arrow-route-line,.direction-arrow-route:focus-visible .direction-arrow-route-line{opacity:.98;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(142,232,212,.8))}.direction-arrow-route.is-active-route .direction-arrow-route-line{color:var(--ui-gold);stroke-width:3.8;opacity:1;stroke-dasharray:8 4;animation:active-route-flow 1.1s linear infinite;filter:drop-shadow(0 0 7px rgba(246,204,113,.82))}.direction-arrow-route.is-active-route .direction-arrow-route-hit{stroke-width:28}@keyframes active-route-flow{to{stroke-dashoffset:-24}}.draw-card-flight{position:absolute;z-index:24;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;perspective:900px}.draw-card-flight-card{position:absolute;top:47%;left:50%;width:88px;height:123px;transform:translate(-50%,-50%);transform-style:preserve-3d;animation:draw-card-journey 1.25s cubic-bezier(.18,.72,.2,1) both}.draw-card-flight-face{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:draw-card-flip 1.25s cubic-bezier(.2,.72,.2,1) both}.draw-card-flight-back,.draw-card-flight-front{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;backface-visibility:hidden}.draw-card-flight-back{object-fit:fill;border-radius:14px;box-shadow:0 18px 30px #0000007a}.draw-card-flight-front{transform:rotateY(180deg)}.draw-card-flight-front .card-art{width:100%;height:100%;box-shadow:0 18px 30px #0000007a,0 0 20px #f6cc715c}.draw-card-flight-trail{position:absolute;top:47%;left:50%;width:112px;height:168px;border-radius:50%;background:linear-gradient(180deg,rgba(142,232,212,.28),transparent 72%);filter:blur(16px);opacity:0;transform:translate(-50%,-58%) rotate(-8deg);animation:draw-card-trail 1.25s ease both}.draw-card-flight-shadow{position:absolute;top:47%;left:50%;width:108px;height:34px;border-radius:50%;background:#0000006b;filter:blur(10px);opacity:0;transform:translate(-50%,88px) scale(.45);animation:draw-card-shadow 1.25s ease both}@keyframes draw-card-journey{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.72)}16%{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(.9)}52%{opacity:1;transform:translate(-50%,-42%) rotate(4deg) scale(1.04)}72%{transform:translate(-50%,58%) rotate(-2deg) scale(.92)}86%{transform:translate(-50%,102%) rotate(1deg) scale(.82)}to{opacity:0;transform:translate(-50%,160%) rotate(0) scale(.66)}}@keyframes draw-card-flip{0%,37%{transform:rotateY(0)}58%,to{transform:rotateY(180deg)}}@keyframes draw-card-trail{0%,8%{opacity:0;transform:translate(-50%,-65%) scale(.42) rotate(-8deg)}28%{opacity:.7}74%{opacity:.25;transform:translate(-50%,20%) scale(1) rotate(-8deg)}to{opacity:0;transform:translate(-50%,72%) scale(.66) rotate(-8deg)}}@keyframes draw-card-shadow{0%,30%{opacity:0;transform:translate(-50%,74px) scale(.35)}62%{opacity:.48;transform:translate(-50%,120px) scale(.9)}86%{opacity:.2;transform:translate(-50%,146px) scale(.7)}to{opacity:0;transform:translate(-50%,160px) scale(.5)}}.hand-card-slot.is-drawn-highlight{z-index:18}.hand-card.is-drawn-highlight{animation:drawn-card-glow 2.1s ease both}@keyframes drawn-card-glow{0%{filter:drop-shadow(0 0 0 rgba(246,204,113,0))}14%{filter:drop-shadow(0 0 18px rgba(246,204,113,.98))}38%{filter:drop-shadow(0 0 11px rgba(142,232,212,.78))}72%{filter:drop-shadow(0 0 8px rgba(246,204,113,.54))}to{filter:drop-shadow(0 12px 9px rgba(0,0,0,.28))}}@media(prefers-reduced-motion:reduce){.direction-arrow-route.is-active-route .direction-arrow-route-line,.draw-card-flight-card,.draw-card-flight-face,.draw-card-flight-trail,.draw-card-flight-shadow,.hand-card.is-drawn-highlight{animation-duration:.01ms!important;animation-iteration-count:1!important}}.table-seats .seat-player.is-active{z-index:9;border-color:#ffe28ffa;background:linear-gradient(145deg,#314f37f5,#112b22f0);box-shadow:0 0 0 4px #f6cc714d,0 0 34px #f6cc7161,0 18px 36px #00080775;transform:translateY(-3px) scale(1.035)}.table-seats .seat-player.is-next{z-index:5;border-color:#8ee8d47a;background:#07282394;box-shadow:0 0 0 2px #8ee8d414,0 9px 20px #0003;transform:none}.table-seats .seat-player.is-active .seat-turn-label{color:#081e1a;background:var(--ui-gold);box-shadow:0 0 0 3px #f6cc7138,0 0 18px #f6cc7180}.seat-next-label,.seat-next-marker{opacity:.72}.uno-call-button.is-uno-ready{min-width:108px;border-color:#fff2a2fa;color:#21150a;background:linear-gradient(135deg,#fff2a8,#f26b52 68%,#bd2746);box-shadow:0 0 0 4px #f26b5233,0 0 26px #f26b528c,0 10px 22px #0000004d;animation:uno-button-ready 1.1s ease-in-out infinite}.turn-transition-overlay{z-index:31}.table-exit-floating{position:fixed;z-index:90;top:12px;right:58px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,245,216,.2);border-radius:50%;color:#fff5d8bd;background:#021312b8;box-shadow:0 8px 18px #0003;font-size:20px;line-height:1;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.table-exit-floating:hover,.table-exit-floating:focus-visible{border-color:#f6cc71b8;color:var(--ui-gold);background:#123428e6;transform:translateY(-1px)}.game-layout{position:relative}.game-layout[data-deal-phase=dealing] .hand-card-slot,.game-layout[data-deal-phase=starting] .hand-card-slot,.game-layout[data-deal-phase=dealing] .seat-card-fan,.game-layout[data-deal-phase=starting] .seat-card-fan{visibility:hidden}.game-layout[data-deal-phase=dealing] .draw-stack,.game-layout[data-deal-phase=starting] .draw-stack{opacity:.2}.deal-sequence-layer{position:absolute;z-index:42;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;border-radius:0;color:#fff7dc;pointer-events:none;perspective:1000px}.deal-sequence-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#0414121f,#020d0d87 82%);-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px)}.deal-sequence-layer.is-starting .deal-sequence-vignette{background:radial-gradient(circle at 50% 45%,#144b3414,#020d0d2e 84%);-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px)}.deal-sequence-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:auto;height:auto;transform:none;pointer-events:none}.deal-sequence-stack:before{display:none}.deal-sequence-stack .deal-source-stack{position:absolute;z-index:3;display:block;margin:0;border:1px solid rgba(255,247,218,.72);border-radius:12px;background:#041212db;box-shadow:0 0 0 6px #f5c96b12,0 16px 34px #00000075;transform:translate(-50%,-50%) rotate(-4deg)}.deal-source-offset{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:1px solid rgba(255,247,218,.28);border-radius:inherit;background:#1023248c}.deal-source-offset-one{transform:translate(7px,7px) rotate(2deg);opacity:.52}.deal-source-offset-two{transform:translate(3px,4px) rotate(1deg);opacity:.72}.deal-sequence-stack .deal-source-card,.deal-sequence-stack .deal-sequence-card-back{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block;width:100%!important;height:100%!important;margin:0;border:0;border-radius:10px;object-fit:fill;box-shadow:0 13px 24px #0000006b}.deal-sequence-stack .deal-source-card{z-index:2;opacity:1;transform:none;animation:none}.deal-sequence-stack .deal-sequence-card-back{z-index:1;backface-visibility:hidden;top:0!important;left:0!important;transform:none;animation:none;opacity:1}.deal-sequence-stack .deal-sequence-card{position:absolute;z-index:4;display:block;margin:0;opacity:0;transform-origin:center;transform-style:preserve-3d;animation:deal-card-to-seat .64s cubic-bezier(.16,.76,.2,1) var(--deal-delay) both}.deal-sequence-stack .deal-sequence-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transform:rotateY(180deg) scale(.9);transform-origin:center;backface-visibility:hidden}.deal-sequence-stack .deal-sequence-card-face .card-art{width:100%;height:100%;margin:0;transform:none!important;box-shadow:0 12px 22px #00000061}.deal-sequence-stack .deal-sequence-card-face .card-art img{position:relative!important;top:auto!important;left:auto!important;width:100%;height:100%;object-fit:fill;border-radius:7%;transform:none!important;animation:none!important}.deal-sequence-layer.is-starting .deal-sequence-card{opacity:1;animation:deal-card-settle 1.35s ease-in-out both}.deal-sequence-layer.is-human .deal-sequence-card{isolation:isolate}.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-back{animation:deal-face-back-out .62s cubic-bezier(.2,.72,.2,1) both}.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-face{animation:deal-face-front-in .62s cubic-bezier(.2,.72,.2,1) both}.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-face .card-art{box-shadow:0 12px 22px #0000006b,0 0 18px #8ee8d433}.deal-human-progress{position:absolute;z-index:8;display:flex;align-items:center;gap:9px;min-width:126px;padding:6px 11px;border:1px solid rgba(142,232,212,.38);border-radius:999px;color:#fff7dac7;background:#031a17d1;box-shadow:0 8px 20px #00000040;font-size:8px;letter-spacing:.08em;transform:translate(-50%,-50%)}.deal-human-progress strong{color:var(--ui-gold);font-size:11px;letter-spacing:.04em}.deal-sequence-copy{position:absolute;z-index:9;top:50%;left:50%;display:grid;justify-items:center;gap:8px;width:min(330px,calc(100% - 38px));text-align:center;transform:translate(-50%,-50%);pointer-events:none}.deal-sequence-copy>strong{color:#fff5d6;font-size:clamp(18px,2.3vw,28px);letter-spacing:.12em;text-shadow:0 5px 20px rgba(0,0,0,.48)}.deal-sequence-copy>small,.starting-player-callout small{color:#fff7dab3;font-size:10px}.deal-sequence-layer.is-starting .deal-sequence-copy{display:none}@keyframes deal-card-to-seat{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(-8deg) scale(var(--deal-source-scale))}12%{opacity:1}72%{opacity:1;transform:translate(-50%,-50%) translate(var(--deal-dx),var(--deal-dy)) rotate(var(--deal-target-rotate)) scale(1.06)}88%{opacity:1;transform:translate(-50%,-50%) translate(var(--deal-dx),var(--deal-dy)) rotate(var(--deal-target-rotate)) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) translate(var(--deal-dx),var(--deal-dy)) rotate(var(--deal-target-rotate)) scale(1)}}@keyframes deal-card-settle{0%,to{opacity:1;transform:translate(-50%,-50%) translate(var(--deal-dx),var(--deal-dy)) rotate(var(--deal-target-rotate)) scale(1)}48%{opacity:1;transform:translate(-50%,-50%) translate(var(--deal-dx),var(--deal-dy)) rotate(var(--deal-target-rotate)) scale(1.035)}}@keyframes deal-face-back-out{0%{opacity:1;transform:rotateY(0) scale(1)}to{opacity:0;transform:rotateY(180deg) scale(.9)}}@keyframes deal-face-front-in{0%{opacity:0;transform:rotateY(-180deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}@media(max-width:760px){.deal-human-progress{min-width:112px;padding:5px 9px;font-size:7px}.deal-sequence-copy{width:min(280px,calc(100% - 26px))}}@media(prefers-reduced-motion:reduce){.deal-sequence-stack .deal-sequence-card,.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-back,.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-face{animation-duration:.01ms!important;animation-iteration-count:1!important}.deal-sequence-stack .deal-sequence-card{opacity:1;transform:translate(-50%,-50%) translate(var(--deal-dx),var(--deal-dy)) rotate(var(--deal-target-rotate)) scale(1)}.deal-sequence-stack .deal-sequence-card-back{opacity:1}.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-back{opacity:0;transform:rotateY(180deg)}.deal-sequence-stack .deal-sequence-card.is-face-up .deal-sequence-card-face{opacity:1;transform:rotateY(0)}}.table-seats .seat-player.seat-north.is-active,.table-seats .seat-player.seat-south.is-active{transform:translate(-50%) translateY(-3px) scale(1.035)}.table-seats .seat-player.seat-north.is-next,.table-seats .seat-player.seat-south.is-next{transform:translate(-50%)}.table-scene-badge{top:23%}.card-art{background:transparent}.card-art:before{box-shadow:none}@media(max-width:760px)and (orientation:portrait){html,body{overflow:hidden}.app-shell{height:100svh;height:100dvh;min-height:0;overflow:hidden;padding:0 12px 4px}.app-shell.topbar-is-hidden .topbar{padding:0}.game-layout{display:flex;flex-direction:column;height:calc(100% - 8px);min-height:0;max-width:none;gap:8px;padding-top:8px}.table-column{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.table-heading{flex:0 0 auto;align-items:center;gap:8px;padding:0 2px}.table-heading .eyebrow{margin-bottom:3px;font-size:7px}.table-heading h1{font-size:clamp(20px,6vw,28px)}.round-meta{gap:5px;font-size:7px}.direction-mark{width:35px;min-height:28px;padding:2px;font-size:13px}.direction-mark small{font-size:5px}.felt-table.table-scene{flex:1 1 auto;min-height:0;height:auto;margin-top:6px}.hand-column{flex:0 0 auto;min-height:0;padding:0}.hand-heading{align-items:center;flex-direction:row;gap:8px;padding:0 2px}.hand-heading .eyebrow{margin:0;font-size:7px}.hand-heading h2{font-size:13px}.hand-actions{width:auto;gap:4px}.hand-actions>*{flex:0 0 auto;padding:6px 8px;font-size:7px}.hand-rail.hand-fan{height:124px;min-height:0;justify-content:center;gap:0;margin:6px 0 0;padding:5px 8px;overflow:hidden;border:1px solid rgba(255,245,216,.15);border-radius:12px}.hand-fan .hand-card-slot{flex:0 0 auto;height:100%;min-height:0;margin-left:-18px}.hand-fan .hand-card-slot:first-child{margin-left:0}.hand-fan .card-art,.hand-fan .hand-card{width:clamp(42px,14vw,60px);height:clamp(70px,23vw,94px);margin-left:0;margin-bottom:12px}.hand-help{display:none}.table-seats .seat-player{width:146px;min-height:57px}.table-seats .seat-human{width:158px}.table-scene-badge{top:23%}}@media(max-width:1200px)and (orientation:landscape),(min-width:1300px)and (max-width:1400px)and (orientation:landscape){html,body{overflow:hidden}.app-shell{height:100svh;height:100dvh;min-height:0;overflow:hidden;padding:0 10px 4px}.app-shell.topbar-is-hidden .topbar{padding:0}.game-layout{display:flex;flex-direction:column;height:calc(100% - 6px);min-height:0;max-width:none;gap:5px;padding-top:6px}.table-column{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.table-heading{flex:0 0 auto;align-items:center;gap:8px;padding:0 2px}.table-heading .eyebrow{margin-bottom:2px;font-size:6px}.table-heading h1{font-size:clamp(17px,3.5vw,24px)}.round-meta{gap:5px;font-size:7px}.direction-mark{width:34px;min-height:26px;padding:2px;font-size:12px}.direction-mark small{font-size:5px}.felt-table.table-scene{flex:1 1 auto;min-height:0;height:auto;margin-top:5px;border-radius:18px}.table-scene-badge{display:none}.table-seats .seat-player{width:clamp(96px,20vw,150px);min-height:40px;padding:3px 4px;gap:4px;border-width:1px;border-radius:9px}.table-seats .seat-human{width:clamp(112px,22vw,164px)}.table-seats .seat-south{bottom:1%}.seat-avatar-wrap,.table-seats .seat-human .seat-avatar-wrap{width:28px;height:28px}.seat-player-info{gap:1px}.seat-player-info strong{font-size:7px}.seat-player-info span{font-size:5px}.seat-card-fan{width:34px;height:30px;flex-basis:34px}.seat-card-fan img{width:13px;height:22px;bottom:2px}.seat-card-fan b{right:-2px;bottom:-2px;width:14px;height:14px;border-width:1px;font-size:6px}.seat-turn-label,.seat-next-label{top:-10px;padding:2px 4px;border-width:1px;font-size:5px}.seat-next-marker{top:-8px;right:-8px;width:17px;height:17px;font-size:9px}.table-center{top:50%;transform:translate(-50%,-50%)}.table-center:before{width:min(170px,34vw);height:86px}.piles{gap:12px}.draw-stack,.discard-stack{width:58px;height:80px}.card-back-image,.stack-offset{width:58px;height:80px;border-radius:8px}.discard-stack .card-art{width:58px;height:80px}.pile-count{right:-4px;bottom:-3px;width:15px;height:15px;border-width:1px;font-size:6px}.active-color{gap:4px;margin-top:5px;font-size:6px}.active-color strong{font-size:6px}.table-scene-status{right:9px;bottom:8px;left:9px}.table-metrics{right:8px;bottom:6px;gap:3px}.table-metric{min-width:22px;padding:2px 3px;border-radius:4px}.table-metric>span{font-size:6px}.table-metric b{font-size:6px}.metric-ruleset{display:none}.hand-column{flex:0 0 auto;min-height:0;padding:0}.hand-heading{align-items:center;gap:8px;padding:0 2px}.hand-heading .eyebrow{margin:0;font-size:6px}.hand-heading h2{font-size:11px}.hand-actions{gap:4px}.hand-actions>*{flex:0 0 auto;padding:5px 7px;font-size:6px}.hand-rail.hand-fan{height:clamp(96px,26dvh,112px);min-height:0;justify-content:center;gap:0;margin:4px 0 0;padding:4px 8px;overflow:hidden;border:1px solid rgba(255,245,216,.15);border-radius:10px}.hand-fan .hand-card-slot{flex:0 0 auto;height:100%;min-height:0;margin-left:-14px}.hand-fan .hand-card-slot:first-child{margin-left:0}.hand-fan .card-art,.hand-fan .hand-card{width:clamp(36px,7.2vw,52px);height:clamp(60px,11.5vw,82px);margin-left:0;margin-bottom:12px}.hand-help{display:none}}@media(min-width:1201px)and (max-width:1400px)and (orientation:landscape){.game-layout{gap:10px;padding-top:10px}.table-heading{padding:0 6px}.table-heading .eyebrow{margin-bottom:5px;font-size:8px}.table-heading h1{font-size:clamp(28px,3.2vw,38px)}.round-meta{gap:8px;font-size:9px}.direction-mark{width:48px;min-height:34px;padding:3px 5px;font-size:16px}.direction-mark small{font-size:6px}.felt-table.table-scene{margin-top:11px;border-radius:32px}.table-seats .seat-player{width:194px;min-height:72px;padding:7px 9px;gap:8px;border-width:2px;border-radius:16px}.table-seats .seat-human{width:184px;padding:7px 11px}.seat-avatar-wrap,.table-seats .seat-human .seat-avatar-wrap{width:50px;height:50px}.table-seats .seat-human .seat-avatar-wrap{width:56px;height:56px}.seat-player-info{gap:4px}.seat-player-info strong{font-size:11px}.seat-player-info span{font-size:8px}.seat-card-fan{width:72px;height:58px;flex-basis:72px;transform:none}.seat-card-fan img{top:auto;left:calc(50% + (var(--fan-index) - var(--fan-center)) * 8px);bottom:5px;width:29px;height:48px;border:1px solid rgba(245,239,203,.68);border-radius:6px;object-fit:cover;transform:translate(-50%) rotate(calc((var(--fan-index) - var(--fan-center)) * 7deg))}.seat-card-fan b{right:-3px;bottom:-3px;width:21px;height:21px;border-width:2px;font-size:9px}.seat-turn-label,.seat-next-label{top:-17px;padding:4px 9px;border-width:2px;font-size:8px}.seat-next-marker{top:-14px;right:-14px;width:30px;height:30px;font-size:17px}.table-center{top:50%;transform:translate(-50%,-45%)}.table-center:before{width:260px;height:180px}.piles{gap:34px}.pile-separator{height:112px}.draw-stack,.discard-stack{width:102px;height:142px}.card-back-image,.stack-offset{width:102px;height:142px;border-radius:15px}.stack-offset-one{left:8px;top:8px}.stack-offset-two{left:4px;top:5px}.discard-stack .card-art{width:102px;height:142px}.discard-shadow{width:91px;height:128px}.pile-count{right:-7px;bottom:-4px;width:24px;height:24px;border-width:2px;font-size:9px}.active-color{gap:7px;margin-top:22px;font-size:8px}.active-color strong{font-size:9px}.table-scene-status{right:46px;bottom:28px;left:46px;font-size:11px}.table-metrics{right:46px;bottom:25px;gap:7px}.table-metric{min-width:31px;padding:4px 6px;border-radius:7px}.table-metric>span{font-size:10px}.table-metric b{font-size:9px}.hand-rail.hand-fan{height:174px;min-height:174px;margin-top:12px;padding:17px 24px 19px;border-radius:20px}.hand-fan .card-art,.hand-fan .hand-card{width:96px;height:135px;margin-bottom:4px}.hand-fan .hand-card-slot{height:137px;min-height:137px}}.chat-panel{position:fixed;right:clamp(86px,7vw,100px);bottom:clamp(128px,24vh,220px);z-index:76;width:min(324px,calc(100vw - 24px));color:#fff6d5;pointer-events:auto}.chat-panel.is-open{overflow:hidden;border:1px solid rgba(142,232,212,.38);border-radius:18px;background:linear-gradient(145deg,#082c25e0,#031515e0);box-shadow:0 18px 48px #0006,0 0 0 4px #81e6d312;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}.chat-panel.is-collapsed{width:auto}.chat-launcher{display:inline-grid;position:relative;place-items:center;width:42px;height:42px;border:1px solid rgba(142,232,212,.48);border-radius:50%;color:#07241f;background:#8ee8d4e6;box-shadow:0 10px 25px #00000052,0 0 0 4px #81e6d31a;cursor:pointer;font-size:18px;transition:transform .18s ease,box-shadow .18s ease}.chat-launcher:hover,.chat-launcher:focus-visible{transform:translateY(-2px);box-shadow:0 14px 29px #00000061,0 0 0 5px #81e6d329}.chat-launcher b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid #092822;border-radius:999px;color:#092822;background:var(--ui-gold);font-size:8px;line-height:1}.chat-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 9px;border-bottom:1px solid rgba(255,245,216,.12)}.chat-panel-heading .eyebrow{margin:0 0 3px;color:#e1f9e98c;font-size:7px;letter-spacing:.18em}.chat-panel-heading strong{color:#fff5d2;font-size:14px;letter-spacing:.04em}.chat-panel-heading-actions{display:flex;align-items:center;gap:8px}.chat-connection-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ee6c621f,0 0 12px #ee6c6273}.chat-connection-dot.is-connected{background:var(--green);box-shadow:0 0 0 4px #59d09c1f,0 0 12px #59d09c7a}.chat-collapse-button{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,245,216,.18);border-radius:8px;color:#fff5d8bd;background:#03161466;cursor:pointer;font-size:16px;line-height:1}.chat-collapse-button:hover,.chat-collapse-button:focus-visible{border-color:#8ee8d4a6;color:#dffff4}.chat-message-list{display:flex;flex-direction:column;gap:7px;max-height:min(38vh,320px);margin:0;padding:10px 11px;overflow-y:auto;list-style:none;scrollbar-width:none}.chat-message-list::-webkit-scrollbar{display:none}.chat-empty{padding:20px 8px;color:#fff5d88a;font-size:10px;line-height:1.5;text-align:center}.chat-message{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;min-width:0;padding:7px 8px;border:1px solid rgba(255,245,216,.1);border-radius:10px;background:#02111152}.chat-message.is-self{border-color:#f5c96b42;background:#503c183d}.chat-message.is-ai{border-color:#8ee8d42b;background:#10413747}.chat-message-copy{min-width:0;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.chat-message-copy strong{color:#dffff5;font-size:9px;font-weight:900;letter-spacing:.02em}.chat-message.is-self .chat-message-copy strong{color:#ffe8a9}.chat-message-copy>span{color:#fff7dadb}.chat-message time{align-self:end;justify-self:end;color:#dbdfcd7a;font-size:9px;font-variant-numeric:tabular-nums;line-height:1;text-align:right;white-space:nowrap}.chat-composer{display:flex;gap:6px;padding:9px 10px 10px;border-top:1px solid rgba(255,245,216,.1)}.chat-composer input{min-width:0;flex:1 1 auto;height:32px;padding:0 9px;border:1px solid rgba(255,245,216,.18);border-radius:8px;outline:none;color:#fff7dd;background:#0211117a;font:inherit;font-size:11px}.chat-composer input::placeholder{color:#fff5d86b}.chat-composer input:focus{border-color:#8ee8d4a8;box-shadow:0 0 0 3px #8ee8d41a}.chat-composer button{flex:0 0 auto;min-width:48px;border:0;border-radius:8px;color:#0b251f;background:var(--ui-gold);cursor:pointer;font-size:9px;font-weight:900}.chat-composer button:disabled{cursor:not-allowed;opacity:.38}@media(max-width:760px){.chat-panel{right:86px;bottom:clamp(112px,22vh,190px);width:min(292px,calc(100vw - 96px))}.chat-message-list{max-height:min(34dvh,260px)}.chat-launcher{width:38px;height:38px;font-size:16px}}@media(max-width:1200px)and (orientation:landscape){.chat-panel{right:86px;bottom:clamp(108px,24vh,170px);width:min(260px,calc(100vw - 96px))}.chat-message-list{max-height:min(42dvh,220px);padding:7px 8px}.chat-panel-heading{padding:7px 9px 6px}.chat-composer{padding:6px 7px 7px}}