@font-face{font-family:Archivo Variable;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/spades/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations")}@font-face{font-family:Manrope Variable;font-weight:200 800;font-display:swap;src:url(/spades/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations")}:root{--ink: #070a12;--panel: #0e1424;--panel-2: #141d33;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #eef2fb;--muted: #9aa7c0;--accent: #4d9aff;--accent-hi: #8fc0ff;--mint: #4fe3ae;--gold: #f5c25b;--rose: #ff7a9a;--violet: #a98bff;--teal: #5fe0cf;--us: #f5c25b;--them: #8fc0ff;--display: "Archivo Variable", "Archivo", ui-sans-serif, system-ui, sans-serif;--body: "Manrope Variable", "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--cw: 64px;--tcw: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,rgba(40,150,160,.24),transparent 60%),radial-gradient(90% 60% at 100% 110%,rgba(245,194,91,.1),transparent 60%),radial-gradient(80% 50% at 0% 100%,rgba(77,154,255,.12),transparent 60%),var(--ink)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:default}svg{display:block}.hidden{display:none!important}.ix{font-family:var(--display);font-weight:820;font-stretch:96%;letter-spacing:-1px}.ix.ten{font-stretch:68%;letter-spacing:-2.5px}.mono{font-family:var(--display);font-weight:860;font-stretch:108%}.hc svg,.tc svg,.fly svg,.lc svg,.hw-card svg{width:100%;height:100%}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left))}.menu{display:flex;flex-direction:column;gap:12px;width:min(340px,100%)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border-radius:18px;padding:0 16px;font-family:var(--display);font-weight:760;font-stretch:106%;font-size:19px;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{filter:saturate(.6) brightness(.85)}.btn svg{width:20px;height:20px;flex:none}.btn-primary{color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent) 55%,#2f6bff);box-shadow:0 12px 30px #2f6bff66,inset 0 1px #ffffff80}.btn-ghost{background:var(--panel-2);border:1px solid var(--line-2)}.btn-gold{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 12px 30px #f5c25b4d,inset 0 1px #ffffff8c}.btn-rose{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);background:linear-gradient(160deg,#c9b4ff,#8f6bf0 50%,#5b3ec4);box-shadow:0 12px 30px #8f6bf059,inset 0 1px #ffffff73}.btn small{font-family:var(--body);font-weight:600;font-size:13px;color:var(--muted)}.btn-primary small{color:#12306a}.btn-gold small{color:#6a4508}.btn-play{height:66px;font-size:24px;border-radius:20px}.btn-play:after{content:"";width:0;height:0;border-left:13px solid #06132e;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px}.round{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line-2);flex:none}.round svg{width:20px;height:20px}.by{font-size:12px;color:var(--muted)}.by a{color:var(--accent-hi);text-decoration:none}.help-pill{display:flex;align-items:center;gap:7px;height:46px;padding:0 16px 0 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);font-weight:750;font-size:14.5px;color:#dbe3f3;white-space:nowrap;transition:transform .15s ease}.help-pill svg{width:20px;height:20px;color:var(--accent-hi)}.help-pill:active{transform:scale(.96)}.home{justify-content:center;gap:18px;text-align:center}.home-logo{position:relative;width:240px;height:126px;margin:0 auto}.home-logo .glow{position:absolute;inset:-22px -34px -10px;border-radius:50px;background:radial-gradient(closest-side,rgba(95,224,207,.22),transparent)}.home-logo .ls{position:absolute;left:calc(50% - 50px);top:-10px;width:100px;height:100px;opacity:.5;filter:drop-shadow(0 0 24px rgba(245,194,91,.75));animation:glint 3.2s ease-in-out infinite}.home-logo .ls path{fill:url(#g-gold)}@keyframes glint{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.08);opacity:.65}}.home-logo .lc{position:absolute;left:calc(50% - 31px);bottom:0;width:62px;height:87px;border-radius:6px;transform-origin:50% 135%;box-shadow:0 8px 18px #00000073;animation:fan 4.6s cubic-bezier(.45,0,.55,1) infinite}.home-logo .lc:nth-child(4),.home-logo .lc:nth-child(6){z-index:2}@keyframes fan{0%,to{transform:rotate(calc(var(--i) * 15deg))}45%,62%{transform:rotate(calc(var(--i) * 21deg)) translateY(calc(var(--i) * var(--i) * 1.4px))}}.home-logo .lc.mid{z-index:3;width:70px;height:98px;left:calc(50% - 35px);animation-name:ace-up}@keyframes ace-up{0%,to{transform:translateY(2px);box-shadow:0 0 0 2px #ffffffd9,0 12px 24px #00000080}45%,62%{transform:translateY(-14px) scale(1.05);box-shadow:0 0 0 2px #fff0c4f2,0 0 30px #f5c25bb3,0 16px 26px #00000080}}.home h1{font-family:var(--display);font-weight:840;font-stretch:112%;font-size:clamp(40px,11vw,62px);line-height:.95;letter-spacing:-1.5px;margin:0}.home h1 span{display:block;font-size:.42em;letter-spacing:6px;font-weight:700;color:var(--teal);margin-bottom:8px}.best-line{font-size:13.5px;color:var(--muted);letter-spacing:.3px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.best-line b{font-family:var(--display);color:var(--gold);font-size:18px;margin-left:6px}.setup-pill{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 12px 0 13px;border-radius:999px;align-self:center;max-width:100%;background:linear-gradient(180deg,#19233d,#111930);border:1px solid var(--line-2);color:#dbe3f3;font-weight:750;font-size:14px;box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff0f;transition:transform .15s ease}.setup-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-pill:active{transform:scale(.97)}.setup-pill svg{width:18px;height:18px;color:var(--teal);flex:none}.setup-pill svg:last-child{color:var(--muted);width:16px;height:16px}.home-foot{display:flex;gap:10px;align-items:center;justify-content:center}.seg{flex:1;display:flex;gap:3px;padding:3px;border-radius:13px;background:#0000004d;border:1px solid var(--line)}.seg button{flex:1;height:34px;padding:0 8px;border-radius:10px;font-family:var(--display);font-weight:720;font-size:14px;color:var(--muted);transition:background .2s ease,color .2s ease;white-space:nowrap}.seg button.on{color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 4px 12px #2f6bff59,inset 0 1px #ffffff80}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#04060cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s ease both}@keyframes fade{0%{opacity:0}}.card{position:relative;width:min(380px,100%);max-height:100%;padding:24px 22px 20px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#17213a,#0d1424);border:1px solid rgba(143,192,255,.3);box-shadow:0 40px 80px #0009;animation:card .4s cubic-bezier(.2,1.3,.4,1) both;display:flex;flex-direction:column}@keyframes card{0%{transform:translateY(24px) scale(.94);opacity:0}}.card h2{font-family:var(--display);font-weight:820;font-stretch:110%;font-size:30px;margin:0 0 4px;letter-spacing:-.5px}.card p{margin:0 0 4px;color:var(--muted)}.card .menu{margin:16px auto 0}.card .x{position:absolute;top:12px;right:12px;width:38px;height:38px;z-index:2}.ribbon{align-self:center;display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold));margin-bottom:10px}.ribbon.blue{color:#06132e;background:linear-gradient(180deg,#cfe2ff,var(--accent-hi))}.sheet{text-align:left;width:min(460px,100%)}.sheet h2{text-align:center}.scroll{min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);transition:opacity .2s ease}.setting:last-child{border-bottom:none}.setting.off{opacity:.38;pointer-events:none}.setting>div:first-child{min-width:0}.setting>div:first-child b{display:block;font-size:14.5px}.setting>div:first-child small{display:block;margin-top:2px;line-height:1.3;color:var(--muted);font-size:12px}.setting .seg{flex:0 0 auto;min-width:128px}.opt-group h3{margin:12px 0 2px;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal)}.opt-group:first-child h3{margin-top:4px}.opt-body{margin:4px -4px 0;padding:0 4px}.opt-foot{display:flex;flex-direction:column;align-items:center;padding-top:10px;border-top:1px solid var(--line);margin-top:6px}.opt-foot .note{margin:0;font-size:12.5px;color:var(--muted);text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line);text-align:center}.stat b{font-family:var(--display);font-weight:820;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.stat small{font-size:9.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);line-height:1.2}.cal-info{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--muted);font-weight:700}.cal-info span{display:inline-flex;align-items:center;gap:6px}.cal-info svg{width:16px;height:16px;color:var(--gold)}.cal-info b{color:var(--text);font-family:var(--display);font-size:15px}.sheet-sub{text-align:center;font-size:13px}.score-sheet .empty{text-align:center;margin-top:14px}.game{gap:8px}.bar{width:100%;display:flex;align-items:center;gap:10px;flex:none;min-height:46px}.title-box{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.eyebrow{max-width:100%;overflow:hidden;white-space:nowrap;font-size:10.5px;letter-spacing:2px;font-weight:800;color:var(--teal);text-transform:uppercase}.arena{position:relative;flex:1;width:100%;min-height:0}.score-pill{position:relative;display:flex;align-items:stretch;height:32px;max-width:100%;border-radius:999px;overflow:hidden;background:#060c1ab3;border:1px solid var(--line-2);box-shadow:0 8px 18px #0000004d,inset 0 1px #ffffff0f;transition:transform .15s ease;flex:none}.score-pill:active{transform:scale(.97)}.score-pill .sc{display:flex;align-items:center;gap:6px;padding:0 10px;min-width:0}.score-pill .sc.us{background:linear-gradient(90deg,#f5c25b33,#f5c25b0f)}.score-pill .sc.them{background:linear-gradient(270deg,#8fc0ff33,#8fc0ff0f)}.score-pill .vs{width:1px;background:var(--line-2)}.score-pill i{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.score-pill .us i{color:var(--us)}.score-pill .them i{color:var(--them)}.score-pill b{font-family:var(--display);font-weight:840;font-stretch:104%;font-size:17px;line-height:1;font-variant-numeric:tabular-nums}.score-pill em{display:flex;align-items:center;gap:1px;font-style:normal;font-family:var(--display);font-weight:760;font-size:11px;color:var(--muted)}.score-pill em svg{width:11px;height:11px;color:#c9a25a}.table{position:absolute;inset:0;border-radius:30px;overflow:hidden;pointer-events:none;background:radial-gradient(60% 50% at 50% 52%,rgba(245,194,91,.08),transparent 70%),radial-gradient(90% 70% at 50% 46%,#17465f,#0f2f48 46%,#091a30);border:1px solid rgba(127,240,216,.18);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff12,inset 0 0 70px #0006}.table:before{content:"";position:absolute;inset:9px;border-radius:23px;border:1px solid rgba(127,240,216,.08)}.table:after{content:"";position:absolute;inset:0;opacity:.6;background:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px)}.trick{position:absolute;inset:0;pointer-events:none;z-index:2}.tc{position:absolute;left:0;top:0;width:var(--tcw);height:calc(var(--tcw) * 1.4);border-radius:calc(var(--tcw) * .09);box-shadow:0 2px #00000040,0 10px 18px #00000073}.tc.land{animation:land .3s cubic-bezier(.2,1.4,.4,1)}@keyframes land{0%{scale:1.1}}.tc.trumped{box-shadow:0 0 0 2.5px #8fc0fff2,0 0 24px #4d9aff99,0 10px 18px #00000073}.tc.won{box-shadow:0 0 0 3px #f5c25bf2,0 0 26px #f5c25b99,0 10px 18px #00000073;z-index:2}.center-note{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.bid-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 22px 14px;border-radius:22px;background:#060c1a73;border:1px solid rgba(127,240,216,.2);animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}.bid-badge i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#2b3d86,#0f1640);box-shadow:0 0 0 2px #f5c25bcc,0 10px 24px #0006}.bid-badge i svg{width:26px;height:26px;animation:glint 1.6s ease-in-out infinite}.bid-badge i path{fill:url(#g-gold)}.bid-badge b{font-family:var(--display);font-weight:820;font-size:20px;margin-top:6px}.bid-badge small{font-size:12.5px;color:var(--muted);font-weight:700}@keyframes pop{0%{transform:scale(.6);opacity:0}}.tally{position:absolute;left:50%;bottom:10px;translate:-50% 0;display:flex;align-items:center;gap:6px;white-space:nowrap}.arena.bidding .tally,.arena.bidding .center-note{opacity:0}.tally{transition:opacity .25s ease}.tally.bump{animation:bump .5s cubic-bezier(.2,1.6,.4,1)}.tt,.brk{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;background:#060c1a8c;border:1px solid var(--line-2);font-weight:800;transition:background .3s ease,border-color .3s ease}.tt i{font-style:normal;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;margin-right:2px}.tt.us i{color:var(--us)}.tt.them i{color:var(--them)}.tt b{font-family:var(--display);font-size:15px;font-variant-numeric:tabular-nums}.tt em{font-style:normal;font-family:var(--display);font-size:12px;color:var(--muted)}.tt.made{border-color:#4fe3ae8c;background:#4fe3ae24}.tt.made b{color:var(--mint)}.brk{padding:0 9px 0 7px;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.brk svg{width:13px;height:13px;color:#8fa0dc80}.brk.on{color:#ffe7ad;background:#f5c25b24;border-color:#f5c25b73}.brk.on svg{color:var(--gold);filter:drop-shadow(0 0 4px rgba(245,194,91,.8))}.brk.bump{animation:bump .5s cubic-bezier(.2,1.6,.4,1)}@keyframes bump{30%{transform:scale(1.25)}}.seat{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:20px;background:linear-gradient(180deg,#19243ff0,#0f1729f0);border:1px solid var(--line-2);box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff0f;transition:border-color .25s ease,box-shadow .25s ease}.seat:before{content:"";position:absolute;left:22%;right:22%;top:-1px;height:3px;border-radius:0 0 3px 3px;opacity:.85}.seat.us:before{background:linear-gradient(90deg,transparent,var(--us),transparent)}.seat.them:before{background:linear-gradient(90deg,transparent,var(--them),transparent)}.seat.turn{border-color:#4fe3ae99;box-shadow:0 0 0 1px #4fe3ae40,0 10px 26px #4fe3ae33}.av-wrap{position:relative;width:44px;height:44px;flex:none}.av{position:absolute;inset:3px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,var(--a),var(--b) 78%);box-shadow:inset 0 2px #ffffff59,inset 0 -3px #0003,0 3px 8px #0006}.av>svg{width:48%;height:48%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.cpu-chip{position:absolute;right:-4px;bottom:-3px;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;color:#06132e;background:linear-gradient(180deg,#e3eeff,#9cc0ff);box-shadow:0 2px 5px #00000073}.cpu-chip svg{width:13px;height:13px}.ring{position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .25s ease;background:conic-gradient(from 0deg,var(--mint),var(--accent),var(--mint));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.turn .ring{opacity:1;animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seat-info{min-width:0;display:flex;flex-direction:column;gap:2px}.seat-name{font-family:var(--display);font-weight:780;font-size:15px;line-height:1.1;white-space:nowrap}.seat-tag{font-size:9px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--them);white-space:nowrap}.seat.us .seat-tag{color:var(--us)}.seat-side{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:auto}.bc{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:50px;height:26px;padding:4px 10px 0;border-radius:999px;background:#0000004d;border:1px solid var(--line-2);font-family:var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .3s ease,border-color .3s ease,color .3s ease}.bc b{font-weight:860;font-size:17px;line-height:1}.bc i{font-style:normal;font-weight:700;font-size:13px;color:var(--muted);margin:0 1px}.bc span{font-weight:760;font-size:14px;color:#c9d3e8}.bc.wait{align-items:center;padding-top:0;color:var(--muted)}.bc.full b{color:var(--mint)}.bc.made{border-color:#4fe3ae8c;background:#4fe3ae24}.bc.nil{align-items:center;padding:0 11px;color:#fff;border-color:#c9b4ffb3;background:linear-gradient(160deg,#a98bff,#6a48d8);box-shadow:0 4px 12px #8f6bf059}.bc.nil span{color:#fff;font-family:var(--display);font-weight:820;font-size:12px;letter-spacing:1px;text-transform:uppercase}.bc.nil.broke{background:linear-gradient(160deg,#ff9db6,#d63862);border-color:#ffd0dbb3;gap:3px}.bc.nil.broke svg{width:11px;height:11px}.bc.nil.broke b{font-size:13px}.bc.pop{animation:chip-pop .5s cubic-bezier(.2,1.6,.4,1)}.bc.bump{animation:chip-pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes chip-pop{0%{transform:scale(1.45)}to{transform:scale(1)}}.pips{display:flex;gap:3px;justify-content:center;min-height:6px}.pips i{width:6px;height:6px;border-radius:2px;background:#ffffff24;transition:background .3s ease}.pips i.on{background:var(--mint);box-shadow:0 0 6px #4fe3ae99}.pips i.bag{background:var(--gold);box-shadow:0 0 6px #f5c25b99}.pips:empty{display:none}.bubble{position:absolute;z-index:6;left:50%;top:100%;transform:translate(-50%,4px);padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;pointer-events:none;color:#06132e;background:#e8f0ff;box-shadow:0 6px 16px #0006;animation:bubble 1.6s ease both}.bubble.blue{background:linear-gradient(180deg,#cfe2ff,var(--accent-hi))}.bubble.nil{color:#fff;background:linear-gradient(160deg,#c9b4ff,#7b55d6)}.bubble.think{animation:bubble-in .25s ease both,think 1s ease-in-out .25s infinite alternate;letter-spacing:3px;color:var(--accent-hi);background:#14203cf2;border:1px solid rgba(143,192,255,.35)}@keyframes think{to{color:#fff}}@keyframes bubble{0%{opacity:0;transform:translate(-50%,-2px) scale(.7)}12%{opacity:1;transform:translate(-50%,4px) scale(1.05)}20%{transform:translate(-50%,4px) scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%)}}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-2px) scale(.7)}}.seat.compact{flex-direction:column;gap:3px;padding:9px 6px 8px;width:104px;border-radius:18px}.seat.compact .av-wrap{width:40px;height:40px}.seat.compact .seat-info{align-items:center}.seat.compact .seat-side{margin:2px 0 0}.seat.compact .seat-name{font-size:14px}.seat.compact .bubble{top:auto;bottom:-12px}.seat.wide .seat-side{flex-direction:column;margin-left:4px}.me{width:100%;display:flex;align-items:center;gap:10px;flex:none;min-height:48px;position:relative;z-index:3}.you{position:relative;display:flex;align-items:center;gap:9px;flex:none}.you .seat-info{gap:3px}.you-line{display:flex;align-items:center;gap:6px}.you .bubble{top:auto;bottom:100%;transform:translate(-50%,-4px);left:22px}.status{flex:1;min-width:0;text-align:center;font-weight:750;font-size:14px;line-height:1.25;color:#d9e6ff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.status b{color:var(--gold)}.status.warn{color:#ffe39a}.sbd{display:inline-grid;place-items:center;width:20px;height:20px;margin:0 1px;border-radius:6px;vertical-align:-4px;background:#fffaf0;box-shadow:0 1px #0000004d}.sbd svg{width:13px;height:13px}.acts{display:flex;align-items:center;gap:8px;flex:none}.tool{position:relative;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#1b2742,#121a2e);border:1px solid var(--line-2);color:var(--gold);box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff14;transition:transform .15s ease,opacity .2s ease}.tool:active{transform:scale(.93)}.tool svg{width:24px;height:24px}.tool .badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:800;color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 3px 8px #0006}.tool .badge.video{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold))}.tool .badge svg{width:10px;height:10px}.tool.off{opacity:.4}.hand{position:relative;width:100%;flex:none}.hc{position:absolute;left:0;top:0;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .09);touch-action:none;transform-origin:50% 100%;transform:translate(var(--x),var(--y)) rotate(var(--a)) translateY(var(--ly, 0px));cursor:default;box-shadow:0 1px #00000040,-3px 6px 12px #0006;transition:transform .28s cubic-bezier(.2,1.25,.4,1),filter .25s ease,box-shadow .25s ease}.hc.play{--ly: calc(var(--lift) * -1);cursor:pointer;box-shadow:0 0 0 2px #4fe3aee6,0 0 16px #4fe3ae73,-3px 8px 14px #00000073}.hc.dim{filter:brightness(.55) saturate(.7)}.hc.down{box-shadow:0 1px #06182a,-3px 6px 12px #00000073}.hc.hint{animation:hint .7s ease-in-out infinite alternate}@keyframes hint{0%{box-shadow:0 0 0 3px #f5c25bb3,0 0 12px #f5c25b66}to{box-shadow:0 0 0 4px #f5c25b,0 0 34px #f5c25bd9,-3px 10px 16px #00000080}}.hc.enter{animation:deal-in .5s cubic-bezier(.2,1.15,.4,1) both}@keyframes deal-in{0%{translate:0 -40vh;rotate:-30deg;opacity:0}30%{opacity:1}}.hc.turnup{animation:turn-up .42s ease both}@keyframes turn-up{0%{scale:1 1}45%{scale:.02 1}to{scale:1 1}}.hc.shake{animation:shake .3s ease}@keyframes shake{25%{translate:-6px 0}75%{translate:6px 0}}.hc.nudge{animation:nudge .3s ease}@keyframes nudge{40%{translate:0 -6px}}@media(hover:hover){.hc.play:hover{--ly: calc(var(--lift) * -1.35)}}.bid-panel{position:absolute;z-index:8;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:24px;background:linear-gradient(180deg,#18243ef7,#0c1323f7);border:1px solid rgba(245,194,91,.35);box-shadow:0 24px 50px #0000008c,inset 0 1px #ffffff12;animation:panel-in .38s cubic-bezier(.2,1.3,.4,1) both}@keyframes panel-in{0%{transform:translateY(16px) scale(.95);opacity:0}}.bp-head{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.bp-head b{font-family:var(--display);font-weight:840;font-stretch:108%;font-size:22px;letter-spacing:-.3px}.bp-head small{font-size:13px;color:var(--muted);font-weight:700}.bp-head small em{font-style:normal;color:var(--text)}.bp-head .good{color:var(--mint)}.bp-head .bad{color:var(--rose)}.bp-others{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.bo{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px 0 3px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line);font-size:12px;font-weight:750;color:#c9d3e8;white-space:nowrap}.bo .av{position:relative;inset:auto;width:20px;height:20px}.bo .av svg{width:11px;height:11px}.bo b{font-family:var(--display);font-size:13.5px;color:var(--them)}.bo.us{border-color:#f5c25b59}.bo.us b{color:var(--us)}.bp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.bid-panel.one-row .bp-grid{grid-template-columns:repeat(14,minmax(0,1fr))}.bn{position:relative;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(180deg,#1d2a48,#141d33);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff0f;transition:transform .12s ease,background .2s ease}.bn:active{transform:scale(.92)}.bn b{font-family:var(--display);font-weight:840;font-size:19px;font-variant-numeric:tabular-nums}.bn.nil b{font-size:13px;letter-spacing:.5px;color:#d9ccff;text-transform:uppercase}.bn.sug{border-color:#f5c25bb3}.bn em{position:absolute;top:-8px;left:50%;translate:-50% 0;padding:1px 6px;border-radius:999px;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold));box-shadow:0 3px 8px #00000059;white-space:nowrap}.bn.on{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);border-color:#fff3cf;box-shadow:0 0 0 2px #fff9,0 8px 20px #f5c25b73;animation:chip-pop .35s cubic-bezier(.2,1.6,.4,1)}.bn.on.nil{background:linear-gradient(160deg,#c9b4ff,#8f6bf0 55%,#5b3ec4);box-shadow:0 0 0 2px #fff9,0 8px 20px #8f6bf080}.bn.on.nil b{color:#fff}.bp-foot{display:flex;align-items:center;gap:12px}.bp-team{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--muted);text-align:left;line-height:1.25}.bp-team b{font-family:var(--display);color:var(--us);font-size:15px}.bp-team small{font-size:11.5px}.bp-go{height:48px;min-width:128px;font-size:18px;border-radius:15px}.bp-go.nil{color:#fff;background:linear-gradient(160deg,#c9b4ff,#8f6bf0 50%,#5b3ec4);box-shadow:0 10px 24px #8f6bf059,inset 0 1px #ffffff73}.bp-blind{display:flex;gap:10px}.bp-blind .btn{flex:1 1 0;min-width:0;height:52px;padding:0 12px;gap:8px;font-size:17px}.bp-blind .btn span{overflow:hidden;text-overflow:ellipsis}.fly{position:fixed;z-index:40;left:0;top:0;pointer-events:none;transform-origin:50% 50%}.fly .flip{position:absolute;inset:0}.fly .f,.fly .b{position:absolute;inset:0;border-radius:9%/6.5%;overflow:hidden;box-shadow:0 16px 26px #00000073}.float{position:fixed;z-index:44;pointer-events:none;font-family:var(--display);font-weight:880;font-stretch:112%;color:#fff;white-space:nowrap;transform:translate(-50%,-50%)}.float.word{font-size:clamp(36px,10vw,72px);letter-spacing:-1px;animation:word 1.6s cubic-bezier(.2,1.2,.4,1) forwards;background:linear-gradient(180deg,#fff,#ffe39a 60%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.float.word.small{font-size:clamp(24px,6.4vw,40px)}.float.word.cool{background-image:linear-gradient(180deg,#fff,#cfe2ff 55%,#6fa8ff)}.float.word.mint{background-image:linear-gradient(180deg,#fff,#c8fff0 45%,#1fbf88)}.float.word.rose{background-image:linear-gradient(180deg,#fff,#ffc4d2 50%,#f0507a)}.float.word.nilw{background-image:linear-gradient(180deg,#fff,#e3d8ff 45%,#8f6bf0)}.float.word.trumpw{background-image:linear-gradient(180deg,#fff,#c6d6ff 45%,#4d6fff)}.float.bagw{font-size:20px;color:#ffe39a;text-shadow:0 0 12px rgba(245,194,91,.8),0 3px 10px rgba(0,0,0,.7);animation:rise 1.3s ease-out forwards}@keyframes word{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}16%{transform:translate(-50%,-50%) scale(1.12);opacity:1}72%{transform:translate(-50%,-62%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.98);opacity:0}}@keyframes rise{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}14%{transform:translate(-50%,-70%) scale(1.15);opacity:1}70%{opacity:1}to{transform:translate(-50%,-170%) scale(1);opacity:0}}.confetti{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}.tring{position:fixed;z-index:39;left:0;top:0;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border-radius:50%;border:6px solid #6f9bff;box-shadow:0 0 22px #4d9affcc;pointer-events:none;animation:tring .8s cubic-bezier(.2,.8,.3,1) forwards}@keyframes tring{0%{transform:scale(.3);opacity:1}to{transform:scale(2.4);opacity:0;border-width:1px}}.broken-fx{position:absolute;z-index:6;width:var(--size, 130px);height:var(--size, 130px);translate:-50% -55%;pointer-events:none;animation:crack-life 1.5s ease forwards}@keyframes crack-life{0%{opacity:0;transform:scale(.5)}14%{opacity:1;transform:scale(1.08)}24%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.broken-fx .flash{position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(closest-side,#f5c25b8c,#f5c25b00);animation:flash 1.5s ease forwards}@keyframes flash{0%{opacity:0;transform:scale(.6)}26%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.broken-fx .sp{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(245,194,91,.85)) drop-shadow(0 6px 10px rgba(0,0,0,.5))}.broken-fx .sp path{fill:url(#g-s0);stroke:url(#g-gold);stroke-width:3}.broken-fx .line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.broken-fx .line path{fill:none;stroke:#fff3cf;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #ffe39a);animation:crack-line 1.5s ease forwards}@keyframes crack-line{0%,18%{stroke-dashoffset:100;opacity:1}34%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{opacity:0}}.broken-fx b{position:absolute;left:50%;top:100%;translate:-50% 4px;white-space:nowrap;font-family:var(--display);font-weight:860;font-stretch:110%;font-size:clamp(20px,5.6vw,30px);letter-spacing:-.4px;color:#fff;text-shadow:0 0 16px rgba(245,194,91,.9),0 3px 10px rgba(0,0,0,.7);animation:crack-word 1.5s ease forwards}@keyframes crack-word{0%,22%{opacity:0;transform:scale(.6)}34%{opacity:1;transform:scale(1.1)}42%{transform:none}to{opacity:1}}.broken-fx .shard{position:absolute;left:50%;top:45%;width:8px;height:8px;margin:-4px;border-radius:2px;background:#ffe39a;opacity:0;box-shadow:0 0 8px #f5c25be6;animation:shard 1.5s ease-out forwards}@keyframes shard{0%,30%{opacity:0;transform:rotate(var(--a)) translateY(0) rotate(45deg)}38%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-95px) rotate(200deg) scale(.4)}}.result h2{font-size:30px}.rows{display:flex;flex-direction:column;gap:6px;margin-top:14px}.row{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line);text-align:left}.row.us{border-color:#f5c25b4d}.row.them{border-color:#8fc0ff40}.row.win{background:linear-gradient(90deg,#f5c25b29,#f5c25b0a);border-color:#f5c25b8c}.row .avs{display:flex;flex:none}.row .av-wrap{width:34px;height:34px}.row .avs .av-wrap+.av-wrap{margin-left:-12px}.row .cpu-chip{width:14px;height:14px;border-radius:5px}.row .cpu-chip svg{width:10px;height:10px}.row .who{flex:0 0 auto;min-width:0}.row .who b{display:block;font-family:var(--display);font-size:16px;line-height:1.1}.row.us .who b{color:var(--us)}.row.them .who b{color:var(--them)}.row .who small{font-size:11px;font-weight:750;white-space:nowrap;color:var(--muted)}.row .parts{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.pt{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:11.5px;white-space:nowrap;background:#ffffff0f;border:1px solid var(--line);color:#c9d3e8}.pt.good{color:#c9ffe9;background:#4fe3ae24;border-color:#4fe3ae66}.pt.bad{color:#ffd0db;background:#ff4f7e29;border-color:#ff7a9a73}.pt.bag{color:#ffe7ad;background:#f5c25b1f;border-color:#f5c25b66}.pt.nil{color:#efe6ff;background:#8f6bf040;border-color:#c9b4ff80}.row .pts{text-align:right;flex:0 0 auto;min-width:50px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.row .pts small{font-family:var(--display);font-weight:800;font-size:12px}.row .pts small.good{color:var(--mint)}.row .pts small.bad{color:var(--rose)}.row .pts b{display:block;font-family:var(--display);font-weight:840;font-size:21px;line-height:1;font-variant-numeric:tabular-nums}.row .pts b.popped{animation:chip-pop .4s cubic-bezier(.2,1.6,.4,1);color:var(--gold)}.row .place{flex:none;width:16px;font-family:var(--display);font-weight:820;font-size:17px;color:var(--muted);text-align:center}.row.win .place{color:var(--gold)}.bag-rows{display:flex;flex-direction:column;gap:5px;margin-top:10px}.bag-meter{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.bag-meter .bl{display:inline-flex;align-items:center;gap:4px;width:62px;flex:none;text-align:left;letter-spacing:.4px}.bag-meter .bl svg{width:13px;height:13px;color:#c9a25a}.bag-meter.us .bl{color:var(--us)}.bag-meter.them .bl{color:var(--them)}.bag-meter .bp{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.bag-meter .bp i{height:8px;border-radius:3px;background:#ffffff14}.bag-meter .bp i.on{background:linear-gradient(180deg,#ffe7ad,var(--gold))}.bag-meter .bp i.new{animation:pip-in .4s cubic-bezier(.2,1.6,.4,1) both;box-shadow:0 0 8px #f5c25bcc}@keyframes pip-in{0%{transform:scale(0)}}.bag-meter b{flex:none;width:38px;text-align:right;font-family:var(--display);font-size:12.5px;color:#c9d3e8}.scores{width:100%;margin-top:12px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;table-layout:fixed}.scores th{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);padding:0 4px 5px;text-align:center}.scores th.us{color:var(--us)}.scores th.them{color:var(--them)}.scores th:first-child,.scores td:first-child{text-align:left;width:24%}.scores td{padding:4px;text-align:center;color:#c9d3e8;font-weight:750;border-top:1px solid var(--line);white-space:nowrap}.scores td small{margin-right:6px;font-size:10.5px;color:var(--muted);font-weight:700}.scores td small i{font-style:normal;margin-left:3px;padding:0 3px;border-radius:4px;font-size:9px;font-weight:800}.scores td small i.ok{color:#efe6ff;background:#8f6bf073}.scores td small i.no{color:#ffd0db;background:#ff4f7e4d}.scores td.got{color:#c9ffe9}.scores td.minus{color:#ffb3c5}.scores tr.more td{font-style:italic}.scores tr.total td{font-family:var(--display);font-weight:820;font-size:15px;color:var(--text);border-top:1px solid var(--line-2)}.trophy{width:74px;height:74px;margin:0 auto 8px;border-radius:24px;display:grid;place-items:center;color:#2a1a02;flex:none;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 14px 34px #f5c25b66,inset 0 2px #fff9;animation:pop-in .6s cubic-bezier(.2,1.6,.4,1) .15s both}.trophy svg{width:44px;height:44px}.trophy.sad{color:#cfd8ea;background:linear-gradient(180deg,#2a3756,#1a2440);box-shadow:0 14px 30px #0006,inset 0 1px #ffffff1f}@keyframes pop-in{0%{transform:scale(0) rotate(-20deg)}}.statline{margin-top:12px;font-size:13px;color:var(--muted)}.statline b{color:var(--text);font-family:var(--display)}.card.result{overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;width:min(440px,100%)}.card.result>*,.res-col>*{flex-shrink:0}.res-col{display:contents}.card-foot{position:sticky;bottom:-20px;z-index:1;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;margin-bottom:-20px;background:linear-gradient(180deg,#0d142400,#0d1424 16px)}.card .card-foot .menu{margin-top:14px}.game.side .bar{min-height:50px}.game.side .title-box{flex:2 1 0;align-items:flex-start;text-align:left}.game.side .bar .spacer{flex:1 1 0}.game.side .bar .seat{position:relative;padding:5px 12px 5px 6px}.game.side .bar .seat:before{left:30%;right:30%}.game.side .bar .seat .bubble{top:100%}.game.side .bottom{width:100%;display:flex;align-items:flex-end;gap:12px;flex:none}.game.side .bottom .you{align-self:center;flex-direction:column;gap:4px;width:92px}.game.side .bottom .you .seat-info{align-items:center}.game.side .bottom .you-line{flex-direction:column;gap:4px}.game.side .bottom .you .bubble{left:50%}.game.side .bottom .hand{flex:1;width:auto;min-width:0}.game.side .bottom .acts{align-self:center;flex-direction:column;gap:8px;width:64px}.game.side .status{display:block;max-width:100%;font-size:13.5px;text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.game.side .status.mine{color:#d9e6ff}.game.side.short{padding-top:calc(8px + var(--safe-top));padding-bottom:calc(6px + var(--safe-bottom));gap:6px}.game.side.short .bar{min-height:44px}.game.side.short .round{width:40px;height:40px}.game.side.short .tool{width:42px;height:42px;border-radius:13px}.game.side.short .bottom .you{width:74px}.game.side.short .bottom .you .av-wrap{width:38px;height:38px}.game.side.short .bottom .you .seat-name{display:none}.game.side.short .bottom .acts{width:48px}.game.side.short .bar .seat .av-wrap{width:36px;height:36px}.game.side.short .bar .seat{gap:8px;padding:3px 10px 3px 4px}.game.side.short .bar .seat .seat-side{flex-direction:row}.game.side.short .seat.compact{padding:7px 5px 6px;width:92px}.game.side.short .seat.compact .av-wrap{width:36px;height:36px}.game.side.short .score-pill{height:30px}.game.side.short .tally{bottom:6px}.game.side.short .bid-badge{padding:10px 16px;display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center}.game.side.short .bid-badge i{grid-row:1 / 3;width:40px;height:40px}.game.side.short .bid-badge b{margin:0;font-size:17px;text-align:left}.game.side.short .bid-badge small{text-align:left}.game.side.short .bid-panel{padding:10px 12px;gap:7px}.game.side.short .bp-head b{font-size:18px}.game.side.short .bn{height:38px}.game.side.short .bp-go{height:40px}.game.side.short .bp-blind .btn{height:44px}.game.portrait.short .seat .av-wrap{width:36px;height:36px}.game.portrait.short .seat.compact{padding:7px 5px 6px;gap:2px}.game.portrait.short .seat-tag{display:none}.game.portrait.short .me{min-height:44px}.game.portrait.short .you .av-wrap{width:38px;height:38px}.game.portrait.short .tool,.game.portrait.short .round{width:42px;height:42px}.game.portrait.short .status{font-size:13px}.game.portrait.short .bid-panel{padding:10px;gap:8px}.game.portrait.short .bp-head b{font-size:19px}.game.portrait.short .bn{height:40px}.game.portrait.short .bp-go{height:44px}.game.portrait.short .bid-badge{padding:12px 18px 10px}.game.portrait.short .bid-badge i{width:42px;height:42px}.game.portrait.short .tally{bottom:7px}.game.roomy .bar{min-height:60px}.game.roomy .round{width:54px;height:54px}.game.roomy .eyebrow{font-size:12px}.game.roomy .score-pill{height:40px}.game.roomy .score-pill b{font-size:21px}.game.roomy .score-pill i{font-size:11px}.game.roomy .score-pill em{font-size:13px}.game.roomy .seat{padding:10px 16px 10px 10px;gap:12px}.game.roomy .seat.compact{padding:12px 8px 10px;gap:5px;width:140px}.game.roomy .seat .av-wrap,.game.roomy .you .av-wrap{width:56px;height:56px}.game.roomy .seat-name{font-size:18px}.game.roomy .seat-tag{font-size:10.5px}.game.roomy .bc{height:32px;min-width:62px;padding-top:5px}.game.roomy .bc b{font-size:21px}.game.roomy .bc span{font-size:17px}.game.roomy .bc.nil,.game.roomy .bc.wait{padding-top:0}.game.roomy .pips i{width:8px;height:8px}.game.roomy .status{font-size:16px}.game.roomy .tool{width:54px;height:54px;border-radius:17px}.game.roomy .tool svg{width:28px;height:28px}.game.roomy.side .bottom .you{width:120px}.game.roomy.side .bottom .acts{width:72px}.game.roomy.side .bottom{max-width:1240px}.game.roomy .tally{bottom:14px;gap:8px}.game.roomy .tt,.game.roomy .brk{height:32px;padding:0 13px}.game.roomy .tt b{font-size:18px}.game.roomy .tt i,.game.roomy .brk{font-size:11px}.game.roomy .bid-badge{padding:22px 30px 18px}.game.roomy .bid-badge i{width:64px;height:64px}.game.roomy .bid-badge i svg{width:34px;height:34px}.game.roomy .bid-badge b{font-size:26px}.game.roomy .bid-badge small{font-size:14px}.game.roomy .bid-panel{padding:20px 22px 18px;gap:14px}.game.roomy .bp-head b{font-size:28px}.game.roomy .bp-head small{font-size:15px}.game.roomy .bn{height:54px}.game.roomy .bn b{font-size:23px}.game.roomy .bp-go{height:56px;font-size:20px;min-width:160px}.game.roomy .bo{height:30px;font-size:13.5px}@media(max-height:520px){.card{width:min(600px,100%);padding:14px 18px 12px}.card h2{font-size:24px}.ribbon{margin-bottom:4px;padding:3px 10px;font-size:11px}.card .menu{flex-direction:row;width:100%;margin-top:10px}.card .menu .btn{flex:1;height:46px;font-size:16px}.card .menu .btn small{display:none}.trophy{width:50px;height:50px;border-radius:16px;margin-bottom:4px}.trophy svg{width:30px;height:30px}.statline{margin-top:6px}.sheet{width:min(720px,100%)}.opt-body{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:start}.setting{padding:6px 0}.setting .seg button{height:30px}.stat-grid{gap:6px}.stat{padding:8px 4px 7px}.stat b{font-size:19px}.home{display:grid;grid-template-columns:minmax(0,330px) minmax(0,340px);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:40px;row-gap:10px;align-items:center;justify-content:center;align-content:center}.home-logo{grid-column:1;grid-row:2;transform:scale(.8);margin:-14px auto 0}.home h1{grid-column:1;grid-row:3;font-size:44px}.home .best-line{grid-column:1;grid-row:4}.home .by{grid-column:1;grid-row:5}.home .setup-pill{grid-column:2;grid-row:2}.home .menu{grid-column:2;grid-row:3 / 5;width:100%;gap:9px}.home .menu .btn{height:52px;font-size:18px}.home .menu .btn-play{height:58px;font-size:21px}.home .home-foot{grid-column:2;grid-row:5}}@media(max-height:700px)and (min-height:521px){.home{gap:12px}.home-logo{transform:scale(.82);margin:-10px auto -12px}.home h1{font-size:40px}.home .menu{gap:9px}.home .menu .btn{height:50px}.home .menu .btn-play{height:56px}}@media(min-width:700px)and (min-height:860px){.home{gap:24px}.home-logo{transform:scale(1.3);margin:22px auto 16px}.home h1{font-size:78px}.best-line{font-size:16px}.best-line b{font-size:22px}.menu{width:420px}.btn{height:64px;font-size:22px;border-radius:20px}.btn-play{height:72px;font-size:27px}.btn small{font-size:15px}.setup-pill{height:46px;font-size:16px;padding:0 16px}.by{font-size:14px}}@media(max-width:370px){.home-foot{gap:8px}.help-pill{padding:0 12px 0 10px;font-size:13.5px}}@media(prefers-reduced-motion:reduce){.home-logo .lc,.home-logo .ls,.turn .ring,.hc.hint,.bid-badge i svg{animation:none!important}}.site-back{position:absolute;z-index:5;top:calc(12px + var(--safe-top));left:calc(14px + env(safe-area-inset-left,0px));display:flex;align-items:center;gap:4px;height:40px;padding:0 14px 0 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);text-decoration:none;font-family:var(--body);font-weight:700;font-size:14px;letter-spacing:.1px;transition:transform .15s ease}.site-back svg{width:18px;height:18px}.site-back:active{transform:scale(.96)}.exit-btn{align-self:center;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;margin-top:14px;padding:0 18px 0 14px;border-radius:999px;color:#dbe3f3;vertical-align:top;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff14,0 6px 16px #00000040;font-family:var(--display);font-weight:740;font-stretch:104%;font-size:15px;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,background .15s ease}.exit-btn svg{display:block;width:18px;height:18px;flex:none;color:var(--accent-hi)}.exit-btn:active{transform:scale(.96);background:#ffffff1f}@media(max-height:560px){.exit-btn{height:36px;margin-top:8px;padding:0 15px 0 12px;font-size:14px;gap:7px}.exit-btn svg{width:16px;height:16px}}@media(max-height:520px){.card-foot{bottom:-12px;flex-direction:row;gap:10px;padding:10px 0 12px;margin-bottom:-12px;background:linear-gradient(180deg,#0d142400,#0d1424 10px)}.card-foot .menu{flex:1;width:auto;margin:0}.card-foot .exit-btn{height:46px;margin-top:0;padding:0 18px 0 14px;font-size:15px}}@media(max-height:520px)and (min-aspect-ratio:1/1){.card.result{width:min(820px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,auto);overflow:hidden;touch-action:none;padding:14px 0}.res-col{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:0 16px}.res-side{border-left:1px solid var(--line)}.res-main .ribbon{margin-bottom:4px}.res-main h2{line-height:1.08;font-size:23px}.res-main p{font-size:13px;line-height:1.3}.res-main .rows{gap:4px;margin-top:8px}.res-main .row{padding:4px 8px 4px 5px;gap:8px}.res-main .row .av-wrap{width:28px;height:28px}.res-main .row .who b{font-size:14px}.res-main .row .pts b{font-size:17px}.res-main .bag-rows{margin-top:6px;gap:3px}.res-main .trophy{width:44px;height:44px;border-radius:14px}.res-main .trophy svg{width:26px;height:26px}.res-side .scores{margin-top:0}.res-side .statline{margin-top:6px}.res-side .card-foot{position:static;flex-direction:column;gap:8px;margin:10px 0 0;padding:0;background:none}.res-side .card-foot .menu{flex-direction:column;width:100%;gap:8px}.res-side .card-foot .menu .btn{flex:none;height:44px;padding:0 14px}.res-side .card-foot .exit-btn{height:40px}}.hw-overlay{z-index:70}.card.hw{width:min(460px,100%);max-height:100%;padding:0;overflow:hidden;touch-action:none;outline:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(132px,auto) auto auto;grid-template-areas:"top" "stage" "text" "dots" "nav";text-align:center}.hw-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 12px 20px}.hw-kicker{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--teal);white-space:nowrap}.hw-kicker svg{width:18px;height:18px}.hw-kicker b{margin-left:4px;padding:2px 8px;border-radius:999px;font-family:var(--display);font-size:11px;letter-spacing:1px;color:var(--text);background:#ffffff14}.hw-skip{display:flex;align-items:center;gap:5px;height:36px;padding:0 10px 0 14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);font-weight:750;font-size:13.5px;color:#dbe3f3;flex:none}.hw-skip svg{width:15px;height:15px;opacity:.8}.hw-stage{grid-area:stage;position:relative;margin:0 16px;aspect-ratio:16 / 12;border-radius:22px;overflow:hidden;background:radial-gradient(90% 75% at 50% 46%,#17465f,#0f2f48,#091a30);border:1px solid rgba(127,240,216,.2);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff12,inset 0 0 50px #00000059}.hw-stage:before{content:"";position:absolute;inset:8px;border-radius:15px;border:1px solid rgba(127,240,216,.08);pointer-events:none}.hw-text{grid-area:text;padding:18px 24px 0;min-height:0}.hw-text h2{font-family:var(--display);font-weight:820;font-stretch:108%;font-size:27px;line-height:1.1;letter-spacing:-.4px;margin:0 0 8px}.hw-text p{margin:0;font-size:15px;line-height:1.45;color:#c9d3e8}.hw-text b{color:#fff}.hw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hw-stage.fwd,.hw-text.fwd{animation:hw-in .38s cubic-bezier(.2,.9,.3,1) both}.hw-stage.rev,.hw-text.rev{animation:hw-in-rev .38s cubic-bezier(.2,.9,.3,1) both}.hw-text.fwd,.hw-text.rev{animation-delay:.04s}@keyframes hw-in{0%{opacity:0;transform:translate(26px)}}@keyframes hw-in-rev{0%{opacity:0;transform:translate(-26px)}}.hw-dots{grid-area:dots;display:flex;justify-content:center;gap:2px;padding:12px 0 2px}.hw-dots button{width:24px;height:24px;display:grid;place-items:center}.hw-dots button.on{width:34px}.hw-dots i{display:block;width:8px;height:8px;border-radius:4px;background:#ffffff38;transition:width .25s ease,background .25s ease}.hw-dots button.on i{width:26px;background:linear-gradient(90deg,var(--accent-hi),var(--accent));box-shadow:0 0 10px #4d9aff80}.hw-nav{grid-area:nav;display:flex;align-items:center;gap:10px;padding:10px 20px 20px}.hw-nav .hw-prev{width:56px;height:56px;transition:opacity .2s ease}.hw-nav .hw-prev:disabled{opacity:.3}.hw button:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}.hw-next{flex:1;height:56px}.hw-next svg{width:20px;height:20px}.hw-scene{position:absolute;left:50%;top:50%;width:320px;height:210px;margin:-105px 0 0 -160px;transform:scale(var(--s, 1));--t: 4.4s}.hw-scene>*{position:absolute}.hw-card{width:46px;height:64px;border-radius:5px;box-shadow:0 2px #0003,0 5px 10px #00000073}.hw-card.dim{filter:brightness(.55) saturate(.7)}.hw-card.glow{box-shadow:0 0 0 2.5px #4fe3aee6,0 0 16px #4fe3ae8c;z-index:3}.hw-finger{left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;z-index:9;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 34%,#d6e8ffbf 46%,#8fc0ff00 72%);filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(143,192,255,.6))}.hw-finger:before,.hw-finger:after,.hw-finger i{content:"";position:absolute;inset:-8px;border-radius:50%;border:2.5px solid rgba(255,255,255,.9);opacity:0}.hw-finger.ta:before{animation:hw-tap-a var(--t) infinite}.hw-finger.tb:after{animation:hw-tap-b var(--t) infinite}@keyframes hw-tap-a{0%,9%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(.55)}22%,to{opacity:0;transform:scale(1.7)}}@keyframes hw-tap-b{0%,46%{opacity:0;transform:scale(.4)}48%{opacity:1;transform:scale(.55)}59%,to{opacity:0;transform:scale(1.7)}}.hw-word{translate:-50% -50%;font-family:var(--display);font-weight:880;font-stretch:112%;white-space:nowrap;opacity:0;z-index:7;font-size:32px;letter-spacing:-.8px;background:linear-gradient(180deg,#fff,#ffe39a 60%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.hw-tag{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;color:#06132e;background:#e8f0ff;box-shadow:0 4px 10px #00000059;opacity:0;white-space:nowrap;z-index:6}.hw-tag b{color:#b0710c;font-family:var(--display);font-size:14px}.hw-tag .hw-suit{display:inline-grid;place-items:center;width:16px;height:16px}.hw-tag .hw-suit svg{width:14px;height:14px}.hw-seat,.hw-you{display:flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border-radius:15px;white-space:nowrap;z-index:4;background:linear-gradient(180deg,#19243ff5,#0f1729f5);border:1px solid var(--line-2)}.hw-seat.partner,.hw-you{border-color:#f5c25b66}.hw-seat .av-wrap,.hw-you .av-wrap{width:30px;height:30px}.hw-seat .cpu-chip{width:13px;height:13px;border-radius:4px;right:-3px;bottom:-2px}.hw-seat .cpu-chip svg{width:9px;height:9px}.hw-seat b,.hw-you b{font-family:var(--display);font-weight:780;font-size:14px}.hw-bc{padding:2px 8px;border-radius:999px;font-family:var(--display);font-weight:820;font-size:12.5px;color:var(--us);background:#0000004d;border:1px solid var(--line-2)}.hw-bc.nil{color:#fff;background:linear-gradient(160deg,#a98bff,#6a48d8);border-color:#c9b4ffb3;font-size:11px;letter-spacing:1px;text-transform:uppercase}.hw-bids{display:flex;gap:6px;z-index:3}.hw-bn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-weight:840;font-size:16px;background:linear-gradient(180deg,#1d2a48,#141d33);border:1px solid var(--line-2);color:var(--text)}.hw-bn.nil{font-size:10.5px;color:#d9ccff;letter-spacing:.4px;text-transform:uppercase}.hw-bn.pick{border-color:#f5c25bb3}.hw-sug{translate:-50% 0;padding:1px 6px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold));z-index:5}.hw-go{width:100px;height:32px;border-radius:11px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px;color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 6px 14px #f5c25b4d;z-index:3}.hw-s1 .hw-bn.pick{animation:hw-s1-pick var(--t) infinite}@keyframes hw-s1-pick{0%,10%{background:linear-gradient(180deg,#1d2a48,#141d33);color:var(--text);transform:none}12%{transform:scale(.88)}16%,52%{background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);color:#2a1a02;transform:scale(1.08);box-shadow:0 0 0 2px #fff9}to{background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);color:#2a1a02}}.hw-s1 .hw-bids,.hw-s1 .hw-sug,.hw-s1 .hw-go{animation:hw-s1-picker var(--t) infinite}@keyframes hw-s1-picker{0%,57%{opacity:1;transform:none}63%,94%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.hw-s1 .hw-go{animation-name:hw-s1-go}@keyframes hw-s1-go{0%,46%{opacity:1;transform:none}48%{transform:scale(.9)}52%,57%{opacity:1;transform:scale(1.05)}63%,94%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.hw-s1 .hw-you{animation:hw-s1-you var(--t) infinite}@keyframes hw-s1-you{0%,58%{opacity:0;transform:translateY(12px)}66%,92%{opacity:1;transform:none}to{opacity:0}}.hw-s1 .hw-tag{animation:hw-s1-tag var(--t) infinite}@keyframes hw-s1-tag{0%,66%{opacity:0;transform:scale(.6)}72%{opacity:1;transform:scale(1.12)}76%,92%{opacity:1;transform:none}to{opacity:0}}.hw-s1 .hw-finger{animation:hw-s1-finger var(--t) infinite}@keyframes hw-s1-finger{0%{transform:translate(260px,220px);opacity:0}8%{transform:translate(200px,87px);opacity:1}11%{transform:translate(200px,87px) scale(.8)}16%{transform:translate(200px,87px);opacity:1}40%{transform:translate(160px,136px);opacity:1}48%{transform:translate(160px,136px) scale(.8)}52%{transform:translate(160px,136px);opacity:1}62%,to{transform:translate(220px,190px);opacity:0}}.hw-s2 .mover{animation:hw-s2-move var(--t) infinite}@keyframes hw-s2-move{0%,9%{transform:none;opacity:1}16%{transform:translateY(-10px) scale(1.06)}42%,86%{transform:translate(45px,-66px) rotate(9deg);opacity:1}92%{transform:translate(45px,-66px) rotate(9deg);opacity:0}93%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-s2 .hw-tag{animation:hw-s2-tag var(--t) infinite}@keyframes hw-s2-tag{0%,4%{opacity:0;transform:scale(.6)}9%{opacity:1;transform:scale(1.1)}12%,86%{opacity:1;transform:none}92%,to{opacity:0}}.hw-s2 .hw-finger{animation:hw-s2-finger var(--t) infinite}@keyframes hw-s2-finger{0%{transform:translate(200px,220px);opacity:0}8%{transform:translate(115px,162px);opacity:1}11%{transform:translate(115px,162px) scale(.8)}16%{transform:translate(115px,152px) scale(.9)}42%{transform:translate(160px,96px) scale(.9);opacity:1}48%,to{transform:translate(200px,140px);opacity:0}}.hw-ring{width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:5px solid #6f9bff;box-shadow:0 0 18px #4d9affcc;opacity:0;z-index:5}.hw-chip{translate:-50% 0;display:flex;align-items:center;gap:4px;height:20px;padding:0 9px 0 7px;border-radius:999px;opacity:0;z-index:6;color:#ffe7ad;background:#281e06cc;border:1px solid rgba(245,194,91,.55);font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.hw-chip svg{width:11px;height:11px;color:var(--gold)}.hw-s3 .mover{animation:hw-s3-move var(--t) infinite}@keyframes hw-s3-move{0%,9%{transform:none;opacity:1}16%{transform:translateY(-10px) scale(1.06)}40%,64%{transform:translate(23px,-62px) rotate(10deg);opacity:1;box-shadow:0 0 0 2.5px #8fc0fff2,0 0 18px #4d9affb3}80%{transform:translate(-60px,40px) rotate(10deg) scale(.3);opacity:0}93%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-s3 .led{animation:hw-s3-led var(--t) infinite}@keyframes hw-s3-led{0%,64%{transform:none;opacity:1}80%{transform:translate(-100px,110px) scale(.3);opacity:0}93%{opacity:0;transform:none}to{opacity:1}}.hw-s3 .hw-ring{animation:hw-s3-ring var(--t) infinite}@keyframes hw-s3-ring{0%,40%{opacity:0;transform:scale(.3)}42%{opacity:1;transform:scale(.6)}58%,to{opacity:0;transform:scale(3)}}.hw-s3 .hw-word{animation:hw-s3-word var(--t) infinite;font-size:30px;background-image:linear-gradient(180deg,#fff,#c6d6ff 45%,#4d6fff)}@keyframes hw-s3-word{0%,41%{opacity:0;transform:scale(.4)}47%{opacity:1;transform:scale(1.12)}51%,64%{opacity:1;transform:none}72%,to{opacity:0;transform:translateY(-6px)}}.hw-s3 .hw-chip{animation:hw-s3-chip var(--t) infinite}@keyframes hw-s3-chip{0%,46%{opacity:0;transform:scale(.5)}52%{opacity:1;transform:scale(1.12)}56%,90%{opacity:1;transform:none}96%,to{opacity:0}}.hw-s3 .hw-finger{animation:hw-s3-finger var(--t) infinite}@keyframes hw-s3-finger{0%{transform:translate(220px,220px);opacity:0}8%{transform:translate(137px,162px);opacity:1}11%{transform:translate(137px,162px) scale(.8)}16%{transform:translate(137px,152px) scale(.9)}40%{transform:translate(160px,98px) scale(.9);opacity:1}46%,to{transform:translate(210px,140px);opacity:0}}.hw-row{display:flex;align-items:center;gap:8px;width:276px;height:44px;padding:0 10px 0 6px;border-radius:14px;background:#0a1222b8;border:1px solid var(--line-2)}.hw-row.us{border-color:#f5c25b73}.hw-row .avs{display:flex}.hw-row .av-wrap{width:28px;height:28px}.hw-row .av-wrap+.av-wrap{margin-left:-10px}.hw-row .cpu-chip{display:none}.hw-row .who{display:flex;flex-direction:column;margin-right:auto}.hw-row .who b{font-family:var(--display);font-size:14px;line-height:1.1}.hw-row.us .who b{color:var(--us)}.hw-row.them .who b{color:var(--them)}.hw-row .who small{font-size:10px;font-weight:750;color:var(--muted);white-space:nowrap}.hw-pt{padding:0 7px;height:20px;display:grid;place-items:center;border-radius:999px;font-family:var(--display);font-weight:800;font-size:11px;opacity:0;white-space:nowrap}.hw-pt.good{color:#c9ffe9;background:#4fe3ae29;border:1px solid rgba(79,227,174,.45)}.hw-pt.bag{color:#ffe7ad;background:#f5c25b24;border:1px solid rgba(245,194,91,.45)}.hw-pt.bad{color:#ffd0db;background:#ff4f7e29;border:1px solid rgba(255,122,154,.45)}.hw-meter{display:flex;align-items:center;gap:8px;width:276px;height:36px;padding:0 10px;border-radius:12px;background:#0a122299;border:1px solid var(--line)}.hw-meter .bl{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--us)}.hw-meter .bl svg{width:13px;height:13px;color:#c9a25a}.hw-meter .pp{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.hw-meter .pp i{height:9px;border-radius:3px;background:#ffffff1a}.hw-meter .pp i.on{background:linear-gradient(180deg,#ffe7ad,var(--gold))}.hw-minus{translate:-50% -50%;font-family:var(--display);font-weight:880;font-size:26px;opacity:0;background:linear-gradient(180deg,#fff,#ffc4d2 50%,#f0507a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.hw-s4 .us .hw-pt.good{animation:hw-s4-a var(--t) infinite}.hw-s4 .us .hw-pt.bag{animation:hw-s4-b var(--t) infinite}.hw-s4 .them .hw-pt{animation:hw-s4-c var(--t) infinite}@keyframes hw-s4-a{0%,10%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.15)}19%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes hw-s4-b{0%,24%{opacity:0;transform:scale(.5)}29%{opacity:1;transform:scale(1.15)}33%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes hw-s4-c{0%,16%{opacity:0;transform:scale(.5)}21%{opacity:1;transform:scale(1.15)}25%,92%{opacity:1;transform:none}98%,to{opacity:0}}.hw-s4 .pp i.on{animation:hw-s4-on var(--t) infinite}.hw-s4 .pp i.n9{animation:hw-s4-n9 var(--t) infinite}.hw-s4 .pp i.n10{animation:hw-s4-n10 var(--t) infinite}@keyframes hw-s4-on{0%,58%{background:linear-gradient(180deg,#ffe7ad,#f5c25b)}62%{background:#ff7a9a}68%,94%{background:#ffffff1a}to{background:linear-gradient(180deg,#ffe7ad,#f5c25b)}}@keyframes hw-s4-n9{0%,36%{background:#ffffff1a;transform:none}38%{background:#fff3cf;transform:scale(1.5)}42%,58%{background:#f5c25b;transform:none}62%{background:#ff7a9a}68%,to{background:#ffffff1a}}@keyframes hw-s4-n10{0%,44%{background:#ffffff1a;transform:none}46%{background:#fff3cf;transform:scale(1.5)}50%,58%{background:#f5c25b;transform:none}62%{background:#ff7a9a}68%,to{background:#ffffff1a}}.hw-s4 .hw-minus{animation:hw-s4-minus var(--t) infinite}@keyframes hw-s4-minus{0%,60%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1.15)}70%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-6px)}}.hw-s5 .mover{animation:hw-s5-move var(--t) infinite}@keyframes hw-s5-move{0%,9%{transform:none;opacity:1}16%{transform:translateY(-10px) scale(1.06)}38%,66%{transform:translate(-6px,-62px) rotate(7deg);opacity:1}78%{transform:translate(10px,-150px) scale(.3);opacity:0}93%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-s5 .led{animation:hw-s5-led var(--t) infinite}@keyframes hw-s5-led{0%,66%{transform:none;opacity:1}78%{transform:translate(40px,-60px) scale(.3);opacity:0}93%{opacity:0;transform:none}to{opacity:1}}.hw-s5 .cover{animation:hw-s5-cover var(--t) infinite}@keyframes hw-s5-cover{0%,42%{transform:none;opacity:0}44%{opacity:1}54%,66%{transform:translateY(118px) rotate(6deg);opacity:1;box-shadow:0 0 0 3px #f5c25bf2,0 0 20px #f5c25b99}78%{transform:translateY(40px) scale(.3);opacity:0}to{opacity:0}}.hw-s5 .hw-word{animation:hw-s5-word var(--t) infinite;font-size:34px;background-image:linear-gradient(180deg,#fff,#e3d8ff 45%,#8f6bf0)}@keyframes hw-s5-word{0%,76%{opacity:0;transform:scale(.4)}81%{opacity:1;transform:scale(1.12)}85%,94%{opacity:1;transform:none}99%,to{opacity:0}}.hw-s5 .hw-finger{animation:hw-s5-finger var(--t) infinite}@keyframes hw-s5-finger{0%{transform:translate(220px,220px);opacity:0}8%{transform:translate(160px,162px);opacity:1}11%{transform:translate(160px,162px) scale(.8)}16%{transform:translate(160px,152px) scale(.9)}38%{transform:translate(154px,100px) scale(.9);opacity:1}44%,to{transform:translate(210px,140px);opacity:0}}@media(max-height:520px)and (min-aspect-ratio:1/1){.card.hw{width:min(800px,100%);height:100%;padding:0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"stage top" "stage text" "stage dots" "stage nav";text-align:left}.hw-stage{margin:12px 0 12px 12px;aspect-ratio:auto;min-height:0}.hw-top{padding:12px 12px 4px 22px}.hw-text{align-self:center;padding:4px 22px 0}.hw-text h2{font-size:24px;margin-bottom:6px}.hw-text p{font-size:14px;line-height:1.42}.hw-dots{justify-content:flex-start;padding:6px 0 0 16px}.hw-nav{padding:8px 14px 14px 22px}.hw-nav .hw-prev{width:50px;height:50px}.hw-next{height:50px;font-size:17px}}@media(max-height:700px)and (min-height:521px){.hw-stage{aspect-ratio:16 / 10.5}.hw-text{padding-top:12px}.hw-text h2{font-size:23px;margin-bottom:5px}.hw-text p{font-size:13.5px;line-height:1.4}.hw-nav{padding:8px 16px 14px}.hw-top{padding:10px 12px 8px 18px}}@media(min-width:700px)and (min-height:820px){.card.hw{width:540px}.hw-text h2{font-size:30px}.hw-text p{font-size:16.5px}}@media(prefers-reduced-motion:reduce){.hw-scene,.hw-scene *,.hw-scene *:before,.hw-scene *:after{animation-play-state:paused!important;animation-delay:-2.4s!important}.hw-finger.ta:before,.hw-finger.tb:after{animation:none!important}.hw-stage.fwd,.hw-stage.rev,.hw-text.fwd,.hw-text.rev{animation:none}}