@font-face{font-family:Archivo Variable;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fourinarow/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations")}@font-face{font-family:Manrope Variable;font-weight:200 800;font-display:swap;src:url(/fourinarow/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;--display: "Archivo Variable", "Archivo", ui-sans-serif, system-ui, sans-serif;--body: "Manrope Variable", "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--cell: 44px;--pad: 13px;--lane: 42px;--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(47,107,255,.26),transparent 60%),radial-gradient(90% 60% at 100% 110%,rgba(240,88,125,.12),transparent 60%),radial-gradient(80% 50% at 0% 105%,rgba(245,194,91,.08),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}.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-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 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 .ico{width:20px;height:20px;flex:none}.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}.mini{display:inline-block;width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.mini svg{width:100%;height:100%}.home{justify-content:center;gap:18px;text-align:center}.home-logo{position:relative;width:156px;height:154px;margin:0 auto;flex:none}.home-logo .glow{position:absolute;inset:-10px -50px -22px;border-radius:60px;background:radial-gradient(closest-side,rgba(77,154,255,.24),transparent)}.lg-board{position:absolute;left:0;top:26px;width:156px;height:128px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.lg-well{position:absolute;inset:0;border-radius:9px;background:radial-gradient(120% 80% at 50% 0%,#142042,#070b17 60%,#04060d)}.lg-discs,.lg-frame,.lg-line{position:absolute;inset:0}.lg-frame svg,.lg-line svg{width:100%;height:100%;overflow:visible}.lg-disc{position:absolute;width:28px;height:28px}.lg-disc svg{position:absolute;inset:10%;width:80%;height:80%}.lg-disc.drop{animation:lg-drop 4.2s infinite}@keyframes lg-drop{0%,12%{transform:translateY(-119px);opacity:0}16%{transform:translateY(-119px);opacity:1}24%{transform:translateY(-119px);animation-timing-function:cubic-bezier(.5,0,.9,.6)}34%{transform:none;animation-timing-function:cubic-bezier(.15,.6,.4,1)}38%{transform:translateY(-6px);animation-timing-function:ease-in}42%,84%{transform:none;opacity:1}92%,to{transform:none;opacity:0}}.lg-disc.w svg{animation:lg-win 4.2s infinite}@keyframes lg-win{0%,42%{filter:none}48%,82%{filter:brightness(1.18) drop-shadow(0 0 5px rgba(255,230,160,.9))}90%,to{filter:none}}.lg-line line{stroke:#fffbe8;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 4px rgba(255,214,120,.95));animation:lg-line 4.2s infinite}@keyframes lg-line{0%,43%{stroke-dashoffset:1;opacity:0}44%{opacity:1}54%,84%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}.home h1{font-family:var(--display);font-weight:820;font-stretch:108%;font-size:clamp(36px,10vw,58px);line-height:.95;letter-spacing:-1.5px;margin:0;white-space:nowrap}.home h1 span{display:block;font-size:.44em;letter-spacing:6px;font-weight:700;color:var(--accent-hi);margin-bottom:8px}.best-line{font-size:14px;color:var(--muted);letter-spacing:.3px;display:flex;gap:14px;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}.best-line .lvl{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-hi);padding:3px 9px;border-radius:999px;background:#4d9aff1f;border:1px solid rgba(143,192,255,.25)}.setup{width:min(370px,100%);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:22px;background:linear-gradient(180deg,#151f37,#0f172a);border:1px solid var(--line-2);box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff0d}.opt{display:flex;align-items:center;gap:10px}.opt>span{flex:0 0 58px;text-align:left;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.seg{flex:1;min-width:0;display:flex;gap:3px;padding:3px;border-radius:13px;background:#0000004d;border:1px solid var(--line)}.seg button{flex:1;min-width:0;height:34px;border-radius:10px;font-family:var(--display);font-weight:720;font-size:14.5px;color:var(--muted);transition:background .2s ease,color .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;padding:0 3px}.seg button .mini{margin-right:6px}.seg button small{font-family:var(--body);font-size:11px;font-weight:700;margin-left:4px;opacity:.72}.seg button.on{color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 4px 12px #2f6bff59,inset 0 1px #ffffff80}.opt:nth-child(2) .seg button{font-size:13.5px}.setup.duo .opt:nth-child(2) .seg button{font-size:14.5px}.names{flex:1;min-width:0;display:flex;align-items:center;gap:5px}.name-field{flex:1;min-width:0;display:flex;align-items:center;height:40px;padding:0 4px 0 9px;border-radius:12px;cursor:text;background:#0000004d;border:1px solid var(--line-2);transition:border-color .2s ease}.name-field:focus-within{border-color:#8fc0ff99;box-shadow:0 0 0 3px #4d9aff26}.name-field .mini{width:18px;height:18px;margin-right:6px}.name-field input{flex:1;min-width:0;width:100%;height:100%;border:none;outline:none;background:none;padding:0;font-family:var(--display);font-weight:700;font-size:16px;color:var(--text);user-select:text;-webkit-user-select:text}.name-field input::placeholder{color:#6f7d98}.swap{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--accent-hi);background:var(--panel-2);border:1px solid var(--line-2);transition:transform .25s ease}.swap:active{transform:rotate(180deg)}.swap svg{width:16px;height:16px}.home-foot{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.help-pill{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 8px;border-radius:999px;flex:none;background:var(--panel-2);border:1px solid var(--line-2);font-family:var(--display);font-weight:740;font-stretch:104%;font-size:15px;letter-spacing:.2px;color:var(--text);white-space:nowrap;transition:transform .15s ease}.help-pill:active{transform:scale(.96)}.help-pill .q,.round.help .q{display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-weight:860;line-height:1;color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 0 12px #4d9aff73}.help-pill .q{width:30px;height:30px;font-size:17px}.round.help .q{width:24px;height:24px;font-size:14.5px}.game.roomy .round.help .q{width:28px;height:28px;font-size:16px}.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}.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))}.ribbon.muted{color:var(--text);background:#ffffff1a}.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:3px}.eyebrow{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent-hi);text-transform:uppercase;white-space:nowrap}.status{max-width:100%;font-family:var(--display);font-weight:800;font-stretch:106%;font-size:19px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.status .mini{width:18px;height:18px;margin-right:7px;vertical-align:-2px}.status.warn{color:#ffe39a}.status.gold{color:var(--gold)}.arena{position:relative;flex:1;width:100%;min-height:0;display:grid;place-items:center}.board-wrap{position:relative;touch-action:none;cursor:pointer;--c: 245, 194, 91}.board-wrap[data-color=rose]{--c: 255, 122, 154}.lane{position:absolute;left:0;right:0;top:0;z-index:7;pointer-events:none}.well{position:absolute;z-index:1;border-radius:calc(var(--pad) * 1.15);background:radial-gradient(120% 70% at 50% 0%,#131f3e,#070b17 62%,#04060d);box-shadow:0 30px 60px #0000008c,0 0 90px #2f6bff24,inset 0 0 calc(var(--cell) * .8) #000000b3}.discs{position:absolute;z-index:2;pointer-events:none}.frame{position:absolute;left:0;z-index:3;pointer-events:none}.frame svg{display:block}.marks{position:absolute;z-index:4;pointer-events:none}.lines{position:absolute;z-index:5;pointer-events:none;overflow:visible}.disc{position:absolute;left:0;top:0;width:var(--cell);height:var(--cell);will-change:transform}.disc-in{position:absolute;inset:9.5%;transition:filter .45s ease}.disc-in svg{width:100%;height:100%}.discs.done .disc:not(.win) .disc-in{filter:brightness(.5) saturate(.6)}.disc.win .disc-in{animation:win-pulse 1.1s ease-in-out var(--d, 0ms) infinite alternate}@keyframes win-pulse{0%{filter:brightness(1.05);transform:scale(1)}to{filter:brightness(1.28) drop-shadow(0 0 calc(var(--cell) * .12) rgba(255,240,200,.9));transform:scale(1.05)}}.marks>*{position:absolute;left:0;top:0;width:var(--cell);height:var(--cell)}.marks .col-hl{height:100%;border-radius:calc(var(--cell) * .5);background:linear-gradient(180deg,rgba(var(--c),.1),rgba(var(--c),.03) 75%,rgba(var(--c),0));box-shadow:inset 0 0 0 1.5px rgba(var(--c),.34),0 0 calc(var(--cell) * .35) rgba(var(--c),.14);transition:transform .14s cubic-bezier(.3,.7,.3,1)}.marks .land:before{content:"";position:absolute;inset:11%;border-radius:50%;border:calc(var(--cell) * .045) dashed rgba(var(--c),.85);box-shadow:0 0 calc(var(--cell) * .25) rgba(var(--c),.35);animation:land 1.6s linear infinite}@keyframes land{to{transform:rotate(360deg)}}.marks .hint-ring:before{content:"";position:absolute;inset:6%;border-radius:50%;box-shadow:0 0 0 calc(var(--cell) * .06) #f5c25bf2,0 0 calc(var(--cell) * .5) #f5c25bcc;animation:hint-ring .8s ease-in-out infinite alternate}@keyframes hint-ring{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1.05)}}.marks .last:before{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 0 calc(var(--cell) * .03) #ffffff8c,0 0 calc(var(--cell) * .18) #ffffff40}.marks .land-flash:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.8);animation:flash-ring .55s ease-out forwards}@keyframes flash-ring{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.35);opacity:0}}.marks .win-ring:before{content:"";position:absolute;inset:5%;border-radius:50%;box-shadow:0 0 0 calc(var(--cell) * .055) #fff6d6f2,0 0 calc(var(--cell) * .5) #ffd678d9;animation:win-ring .45s cubic-bezier(.2,1.5,.4,1) var(--d, 0ms) both,win-glow 1.1s ease-in-out calc(var(--d, 0ms) + .45s) infinite alternate}.marks .win-ring.rose:before{box-shadow:0 0 0 calc(var(--cell) * .055) #ffe4ecf2,0 0 calc(var(--cell) * .5) #ff7a9ad9}@keyframes win-ring{0%{transform:scale(.4);opacity:0}}@keyframes win-glow{to{opacity:.65}}.lines line{stroke-linecap:round;fill:none}.lines line.glow{stroke:#ffd67880;stroke-width:calc(var(--cell) * .3);filter:blur(5px)}.lines line.core{stroke:#fffbea;stroke-width:calc(var(--cell) * .12);filter:drop-shadow(0 0 4px rgba(255,214,120,.95))}.lines.rose line.glow{stroke:#ff7a9a80}.lines.rose line.core{stroke:#fff0f4;filter:drop-shadow(0 0 4px rgba(255,122,154,.95))}.lines line.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .5s cubic-bezier(.3,.7,.3,1) .2s forwards}@keyframes draw{to{stroke-dashoffset:0}}.ghost{position:absolute;left:0;top:0;width:var(--cell);height:var(--cell);opacity:0;transition:transform .16s cubic-bezier(.3,.7,.3,1),opacity .2s ease}.ghost.show{opacity:1}.ghost .disc-in{filter:drop-shadow(0 calc(var(--cell) * .1) calc(var(--cell) * .1) rgba(0,0,0,.55)) drop-shadow(0 0 calc(var(--cell) * .2) rgba(var(--gc),.45));animation:bob 1.5s ease-in-out infinite alternate}.ghost[data-color=gold]{--gc: 245, 194, 91}.ghost[data-color=rose]{--gc: 255, 122, 154}@keyframes bob{0%{transform:translateY(-4%)}to{transform:translateY(4%)}}.ghost .chev{position:absolute;left:50%;bottom:calc(var(--cell) * -.26);width:calc(var(--cell) * .3);height:calc(var(--cell) * .3);margin-left:calc(var(--cell) * -.15);color:rgba(var(--gc),.95);filter:drop-shadow(0 0 4px rgba(var(--gc),.7));animation:chev 1s ease-in-out infinite alternate}.ghost .chev svg{width:100%;height:100%}@keyframes chev{0%{transform:translateY(-12%);opacity:.6}to{transform:translateY(12%);opacity:1}}.ghost.held{transition:opacity .2s ease}.ghost.held .disc-in{animation:none;transform:scale(1.08)}.ghost.cpu .chev{opacity:.5;animation:none}.ghost.full .disc-in{opacity:.45;filter:grayscale(.6)}.ghost.full .chev{opacity:0}.ghost.hint .disc-in{filter:drop-shadow(0 0 calc(var(--cell) * .3) rgba(245,194,91,.95))}.ghost.shake{animation:shake .32s ease}@keyframes shake{25%{translate:-6px 0}75%{translate:6px 0}}.toast{position:absolute;left:50%;bottom:10%;z-index:9;transform:translate(-50%);padding:9px 16px;border-radius:999px;white-space:nowrap;font-weight:800;font-size:14.5px;color:#ffe39a;background:#090e1ced;border:1px solid rgba(255,227,154,.45);box-shadow:0 10px 26px #00000080;opacity:0;pointer-events:none}.toast.show{animation:toast 1.9s ease both}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.03)}18%{transform:translate(-50%)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.seat{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:20px;flex:none;background:linear-gradient(180deg,#19243feb,#0f1729eb);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.turn.gold{border-color:#f5c25b99;box-shadow:0 0 0 1px #f5c25b38,0 10px 26px #f5c25b29}.seat.turn.rose{border-color:#ff7a9a99;box-shadow:0 0 0 1px #ff7a9a38,0 10px 26px #ff7a9a29}.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(--rc1, var(--gold)),var(--rc2, #fff3c8),var(--rc1, var(--gold)));-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))}.seat.rose .ring{--rc1: #ff7a9a;--rc2: #ffd3de}.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:3px;text-align:left}.seat-name{font-family:var(--display);font-weight:780;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-tag{display:flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent-hi);white-space:nowrap}.seat-tag .mini{width:13px;height:13px;margin-right:5px}.seat.gold .seat-tag{color:var(--gold)}.seat.rose .seat-tag{color:#ff9db4}.seat-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}.stock{display:none;flex:1;min-width:0;height:14px;align-items:center;--sd: 13px;--step: 8px}.stock i{width:var(--sd);height:var(--sd);flex:none;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff7d9,#f8cb62 45%,#c98418);box-shadow:inset 0 0 0 1.4px #8c5608a6,0 1px 2px #00000080}.seat.rose .stock i{background:radial-gradient(circle at 38% 30%,#ffdbe4,#f4648a 45%,#b0234a);box-shadow:inset 0 0 0 1.4px #780e2e99,0 1px 2px #00000080}.stock i+i{margin-left:calc(var(--step) - var(--sd))}.game.roomy .stock{height:18px;--sd: 17px}.remain{display:flex;align-items:baseline;gap:3px;font-family:var(--display);font-weight:840;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}.remain small{font-family:var(--body);font-size:9.5px;font-weight:800;letter-spacing:1px;color:var(--muted)}.dots{display:flex;gap:5px;flex:none}.dots i{width:10px;height:10px;border-radius:50%;background:#ffffff1f;box-shadow:inset 0 1px 1px #0006}.dots i.on{background:linear-gradient(180deg,#ffe7ad,var(--gold));box-shadow:0 0 8px #f5c25b99}.bubble{position:absolute;z-index:5;left:50%;top:100%;transform:translate(-50%,4px);padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;pointer-events:none;letter-spacing:3px;color:var(--accent-hi);background:#14203cf2;border:1px solid rgba(143,192,255,.35);box-shadow:0 6px 16px #0006;animation:bubble-in .25s ease both,think 1s ease-in-out .25s infinite alternate}@keyframes think{to{color:#fff}}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-2px) scale(.7)}}.mid{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-bottom:2vh}.game.portrait .arena{flex:none}.me{width:100%;display:flex;align-items:center;gap:10px;flex:none}.me .seat{flex:1;min-width:0}.tools{display:flex;align-items:center;gap:8px;flex:none}.tool{position:relative;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#1b2742,#121a2e);border:1px solid var(--line-2);color:var(--accent-hi);box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff14;transition:transform .15s ease,opacity .2s ease}.tool.hint{color:var(--gold)}.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;pointer-events:none}.tool.thinking>svg{animation:think-bulb .6s ease-in-out infinite alternate}@keyframes think-bulb{to{transform:scale(1.18);filter:drop-shadow(0 0 6px rgba(245,194,91,.9))}}.spark{position:fixed;z-index:41;left:0;top:0;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;box-shadow:0 0 6px currentColor}.float{position:fixed;z-index:42;pointer-events:none;font-family:var(--display);font-weight:880;font-stretch:112%;color:#fff;white-space:nowrap;transform:translate(-50%,-50%)}.float.praise{font-size:26px;color:#ffe39a;text-shadow:0 3px 12px rgba(0,0,0,.75);animation:rise 1.3s ease-out forwards}.float.praise.cool{color:#cfe2ff}.float.word{font-size:clamp(42px,11vw,80px);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(28px,7.5vw,46px)}.float.word.cool{background-image:linear-gradient(180deg,#fff,#cfe2ff 55%,#6fa8ff)}@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%,-190%) scale(1);opacity:0}}@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}}.confetti{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}.result h2{font-size:32px}.end-body{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px}.mini-board{align-self:center;width:min(210px,64%);filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));animation:mb-in .5s cubic-bezier(.2,1.3,.4,1) .15s both}.mini-board svg{width:100%;height:auto}@keyframes mb-in{0%{transform:translateY(10px) scale(.92);opacity:0}}.rows{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line);text-align:left}.row.win{background:linear-gradient(90deg,#f5c25b29,#f5c25b0a);border-color:#f5c25b73}.row .av-wrap{width:38px;height:38px}.row .cpu-chip{width:15px;height:15px;border-radius:5px}.row .cpu-chip svg{width:11px;height:11px}.row .who{flex:1;min-width:0}.row .who b{display:block;font-family:var(--display);font-size:15px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .who small{display:flex;align-items:center;font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}.row .who small .mini{width:12px;height:12px;margin-right:4px}.row .dots i{width:12px;height:12px}.row .pts{text-align:right;flex:none;min-width:40px}.row .pts b{display:block;font-family:var(--display);font-weight:840;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.row .pts small{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}.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}.trophy.draw{color:#06132e;background:linear-gradient(180deg,#cfe2ff,var(--accent-hi) 60%,var(--accent));box-shadow:0 14px 34px #4d9aff59,inset 0 2px #fff9}@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}.card.result>*{flex-shrink:0}.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)}.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}.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)}.game.portrait.short{gap:6px;padding-top:calc(10px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.game.portrait.short .bar{min-height:42px}.game.portrait.short .round{width:42px;height:42px}.game.portrait.short .status{font-size:17px}.game.portrait.short .seat{padding:5px 12px 5px 5px}.game.portrait.short .mid{gap:8px;padding-bottom:0}.game.portrait.short .av-wrap{width:38px;height:38px}.game.portrait.short .tool{width:44px;height:44px;border-radius:14px}.game.side{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:14px;align-items:stretch}.game.side .arena{width:auto;height:auto;align-self:center}.game.side .col{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.game.side .col>*{width:100%;max-width:280px}.game.side .col.left>*{margin-right:auto}.game.side .col.right>*{margin-left:auto}.game.side .bar.end{justify-content:flex-end}.game.side .spacer{flex:1}.game.side .title-box{align-items:flex-start;text-align:left}.game.side .status{font-size:18px;white-space:normal;text-align:left}.game.side .tools{justify-content:flex-end}.game.side .seat,.game.tall .seat{flex-wrap:wrap;row-gap:8px;padding:10px 14px 12px 10px}.game.side .seat-info,.game.tall .seat-info{flex:1}.game.side .seat-side,.game.tall .seat-side{flex:0 0 100%;flex-direction:row;align-items:center;gap:10px;margin-left:0;padding-left:2px}.game.side .stock,.game.tall .stock{display:flex}.game.side .remain,.game.tall .remain{order:2}.game.side .dots,.game.tall .dots{order:3}.game.tall .stock{height:16px;--sd: 15px}.game.tall .seat{padding:10px 16px 12px 10px;border-radius:22px}.game.tall .av-wrap{width:50px;height:50px}.game.tall .seat-name{font-size:17px}.game.tall .seat-info{align-self:center}.game.tall .tools{flex-direction:column;gap:10px}.game.tall .tool{width:52px;height:52px}.game.side.short{padding-top:calc(8px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}.game.side.short .round{width:42px;height:42px}.game.side.short .col{gap:8px}.game.side.short .seat{gap:8px;padding:7px 12px 7px 7px}.game.side.short .av-wrap{width:38px;height:38px}.game.side.short .tool{width:46px;height:46px;border-radius:15px}.game.side.short .status{font-size:16px}.game.roomy{column-gap:32px}.game.roomy .bar{min-height:56px}.game.roomy .round{width:52px;height:52px}.game.roomy .status{font-size:24px}.game.roomy .eyebrow{font-size:12px}.game.roomy .seat{padding:12px 18px 12px 12px;gap:12px;border-radius:22px}.game.roomy .av-wrap{width:54px;height:54px}.game.roomy .seat-name{font-size:18px}.game.roomy .seat-tag{font-size:11px}.game.roomy .remain{font-size:26px}.game.roomy .tool{width:58px;height:58px;border-radius:18px}.game.roomy .tool svg{width:28px;height:28px}.game.roomy.side .col>*{max-width:300px}.game.roomy .toast{font-size:17px;padding:11px 20px}@media(max-height:520px){.card{width:min(620px,100%);padding:14px 18px 12px}.card h2,.result 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}.end-body{flex-direction:row;align-items:center;margin-top:8px;gap:14px}.end-body .mini-board{width:auto;height:104px;flex:none}.end-body .mini-board svg{width:auto;height:100%}.end-body .rows{flex:1;min-width:0}.row{padding:4px 8px 4px 5px}.row .av-wrap{width:30px;height:30px}.row .pts b{font-size:18px}.trophy{width:50px;height:50px;border-radius:16px;margin-bottom:4px}.trophy svg{width:30px;height:30px}.statline{margin-top:6px}.home{display:grid;grid-template-columns:minmax(0,300px) minmax(0,390px);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(.74);margin:-22px auto}.home h1{grid-column:1;grid-row:3;font-size:40px}.home .best-line{grid-column:1;grid-row:4}.home .home-foot{grid-column:1;grid-row:5}.home .setup{grid-column:2;grid-row:2 / 4;width:100%;padding:9px;gap:5px}.home .seg button{height:30px}.home .name-field{height:34px}.home .menu{grid-column:2;grid-row:4 / 6;width:100%;flex-direction:row;gap:9px}.home .menu .btn{flex:1;height:50px;font-size:17px;padding:0 10px}.home .menu .btn small{display:none}.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: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:720px)and (min-height:521px){.home{gap:11px}.home-logo{transform:scale(.66);margin:-32px auto -24px}.home h1{font-size:38px}.home .menu{gap:9px}.home .menu .btn{height:50px}.setup{padding:9px;gap:5px}.seg button{height:31px}.name-field{height:35px}.mini-board{width:min(170px,56%)}}@media(max-width:370px){.seg button{font-size:13px}.opt:nth-child(2) .seg button{font-size:12px}.seg button small{display:none}.opt>span{flex-basis:50px;font-size:9.5px;letter-spacing:.8px}.best-line{gap:10px;font-size:13px}}@media(min-width:700px)and (min-height:860px){.home{gap:24px}.home-logo{transform:scale(1.25);margin:18px auto 14px}.home h1{font-size:72px}.best-line{font-size:17px}.best-line b{font-size:22px}.menu,.setup{width:460px}.seg button{height:40px;font-size:16px}.opt:nth-child(2) .seg button{font-size:15px}.opt>span{flex-basis:72px;font-size:12px}.btn{height:64px;font-size:22px;border-radius:20px}.btn small{font-size:15px}.by{font-size:14px}}.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(--accent-hi);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 / 11;border-radius:22px;overflow:hidden;background:radial-gradient(90% 75% at 50% 42%,#18284a,#101c36,#0a1226);border:1px solid rgba(143,192,255,.22);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff12,inset 0 0 50px #00000059}.hw-text{grid-area:text;padding:18px 26px 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:15.5px;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.6s}.hw-scene>*{position:absolute}.hw-well{z-index:1;border-radius:8px;background:radial-gradient(120% 70% at 50% 0%,#131f3e,#070b17 62%,#04060d);box-shadow:0 14px 30px #00000080}.hw-rack{z-index:3}.hw-disc{z-index:2;width:34px;height:34px}.hw-disc svg{position:absolute;inset:9.5%;width:81%;height:81%}.hw-disc.mover{animation:hw-drop var(--t) infinite}@keyframes hw-drop{0%,10%{transform:translate(var(--dx),var(--dy));opacity:0}14%{transform:translate(var(--dx),var(--dy));opacity:.75}38%{transform:translateY(var(--dy));opacity:.75}46%{transform:translateY(var(--dy));opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.6)}57%{transform:translate(0);animation-timing-function:cubic-bezier(.15,.6,.4,1)}62%{transform:translateY(-6px);animation-timing-function:ease-in}67%,90%{transform:translate(0);opacity:1}96%,to{transform:translate(0);opacity:0}}.hw-disc.win svg{animation:hw-glow var(--t) infinite}@keyframes hw-glow{0%,59%{filter:none}64%,90%{filter:brightness(1.2) drop-shadow(0 0 5px rgba(255,230,160,.95))}96%,to{filter:none}}.hw-land,.hw-threat{z-index:4;width:34px;height:34px}.hw-land:before{content:"";position:absolute;inset:11%;border-radius:50%;border:1.6px dashed rgba(245,194,91,.9);box-shadow:0 0 8px #f5c25b59}.hw-land{animation:hw-show-mid var(--t) infinite}@keyframes hw-show-mid{0%,12%{opacity:0}16%,44%{opacity:1}48%,to{opacity:0}}.hw-threat:before{content:"";position:absolute;inset:9%;border-radius:50%;border:2px dashed rgba(255,122,154,.95);box-shadow:0 0 12px #ff7a9a8c}.hw-threat{animation:hw-threat var(--t) infinite}@keyframes hw-threat{0%,4%{opacity:0;transform:scale(.7)}10%{opacity:1;transform:scale(1.08)}16%,44%{opacity:1;transform:none}50%,to{opacity:0}}.hw-line{z-index:5;left:0;top:0;width:320px;height:210px;pointer-events:none}.hw-line svg{display:block;overflow:visible}.hw-line line{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hw-line var(--t) infinite}.hw-line .glow{stroke:#ffd67880;stroke-width:10;filter:blur(3px)}.hw-line .core{stroke:#fffbea;stroke-width:4;filter:drop-shadow(0 0 3px rgba(255,214,120,.95))}@keyframes hw-line{0%,59%{stroke-dashoffset:1;opacity:0}60%{opacity:1}68%,90%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}.hw-pill{z-index:6;translate:-50% 0;padding:4px 11px;border-radius:999px;white-space:nowrap;font-size:11.5px;font-weight:800;color:#ffc4d2;background:#090e1ce6;border:1px solid rgba(255,122,154,.5);animation:hw-pill var(--t) infinite}@keyframes hw-pill{0%,4%{opacity:0;transform:translateY(-4px)}10%,44%{opacity:1;transform:none}50%,to{opacity:0}}.hw-word{z-index:8;translate:-50% -50%;font-family:var(--display);font-weight:860;font-stretch:112%;font-size:34px;letter-spacing:-.8px;white-space:nowrap;opacity:0;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,.8));animation:hw-word var(--t) infinite}.hw-word.cool{background-image:linear-gradient(180deg,#fff,#cfe2ff 55%,#6fa8ff)}@keyframes hw-word{0%,61%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1.12)}70%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-8px)}}.hw-score{z-index:6;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#090e1ce6;border:1px solid var(--line-2)}.hw-score span{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-right:3px}.hw-score i{width:9px;height:9px;border-radius:50%;background:#ffffff24}.hw-score i.on{background:linear-gradient(180deg,#ffe7ad,var(--gold));box-shadow:0 0 6px #f5c25b99}.hw-score i.lit{animation:hw-lit var(--t) infinite}@keyframes hw-lit{0%,63%{background:#ffffff24;transform:none}67%{background:#fff3c8;transform:scale(1.5);box-shadow:0 0 10px #f5c25be6}72%,92%{background:var(--gold);transform:none;box-shadow:0 0 6px #f5c25b99}97%,to{background:#ffffff24}}.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%,44%{opacity:0;transform:scale(.4)}46%{opacity:1;transform:scale(.55)}57%,to{opacity:0;transform:scale(1.7)}}.hw-finger.hw-slide{animation:hw-slide var(--t) infinite}@keyframes hw-slide{0%{transform:translate(var(--fx),70px);opacity:0}8%{transform:translate(var(--fx),30px);opacity:1}11%{transform:translate(var(--fx),30px) scale(.8)}14%{transform:translate(var(--fx),30px) scale(.8)}38%,44%{transform:translate(calc(var(--fx) + 68px),30px) scale(.8);opacity:1}47%{transform:translate(calc(var(--fx) + 68px),30px)}56%,to{transform:translate(calc(var(--fx) + 110px),60px);opacity:0}}.hw-finger.hw-tap{animation:hw-tap var(--t) infinite}@keyframes hw-tap{0%,18%{transform:translate(calc(var(--fx) + 50px),80px);opacity:0}32%,42%{transform:translate(var(--fx),30px);opacity:1}46%{transform:translate(var(--fx),30px) scale(.8)}49%{transform:translate(var(--fx),30px);opacity:1}58%,to{transform:translate(calc(var(--fx) + 46px),70px);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:14.5px;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(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:-3.3s!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}.lg-disc,.lg-disc svg,.lg-line line,.turn .ring,.ghost .disc-in,.ghost .chev,.marks .land:before,.disc.win .disc-in,.marks .win-ring:before{animation:none!important}.lg-line line{stroke-dashoffset:0;opacity:1}}