@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#f3f8f4;--ink:#17302b;--ink-2:#557067;--ink-3:#94a9a2;--line:#17302b14;--jade:#10b981;--jade-d:#047857;--jade-l:#a7f3d0;--teal:#14b8a6;--ice:#38bdf8;--lav:#a78bfa;--lav-d:#7c3aed;--rose:#f472b6;--honey:#f5b731;--coral:#ff6f61;--g-jade:linear-gradient(135deg, #10b981, #14b8a6 50%, #38bdf8);--g-ice:linear-gradient(135deg, #38bdf8, #818cf8);--g-lav:linear-gradient(135deg, #a78bfa, #f472b6);--g-coral:linear-gradient(135deg, #ff8a65, #f472b6);--g-teal:linear-gradient(135deg, #14b8a6, #10b981);--g-honey:linear-gradient(135deg, #fcd34d, #f59e0b 55%, #fb7185);--g-aurora:linear-gradient(110deg, #34d399, #14b8a6 22%, #38bdf8 45%, #a78bfa 68%, #f472b6 84%, #f5b731);--pri:#10b981;--pri-ink:#047857;--pri-grad:linear-gradient(135deg, #10b981, #14b8a6 50%, #38bdf8);--glow:16 185 129;--edge:#22c08a;--edge-d:#07875a;--back:linear-gradient(160deg, #5eeab5, #10b981 45%, #047857);--r-card:24px;--r-btn:16px;--spring:cubic-bezier(.34, 1.56, .64, 1);--bouncy:cubic-bezier(.68, -.6, .32, 1.6);--out:cubic-bezier(.22, 1, .36, 1);--io:cubic-bezier(.65, 0, .35, 1);--d1:.12s;--d2:.24s;--d3:.42s;--d4:.65s;--tile-w:44px;--shadow-card:0 18px 40px -22px #04503c59, 0 3px 8px -4px #04503c1f;--font:"MiSans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--tex:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.006 .018' numOctaves='4' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 -1.5 .82'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}[data-skin=violet]{--pri:#8b5cf6;--pri-ink:#6d28d9;--pri-grad:linear-gradient(135deg, #a78bfa, #8b5cf6 45%, #f472b6);--glow:139 92 246;--edge:#a78bfa;--edge-d:#7c5bd6;--back:linear-gradient(160deg, #ddd0ff, #a78bfa 45%, #7c3aed)}[data-skin=honey]{--pri:#f59e0b;--pri-ink:#b45309;--pri-grad:linear-gradient(135deg, #fcd34d, #f59e0b 50%, #fb7185);--glow:245 158 11;--edge:#f2b544;--edge-d:#c27c12;--back:linear-gradient(160deg, #ffe08a, #f5b731 45%, #d97706)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font-family:inherit}h1,h2,h3,h4,p{margin:0}.tnum{font-variant-numeric:tabular-nums}.row{align-items:center;gap:10px;display:flex}.muted{color:var(--ink-2)}.small{font-size:12px}.fx-canvas{pointer-events:none;z-index:300;width:100vw;height:100vh;position:fixed;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(26px)scale(.94)rotate(-1.2deg)}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.3)rotate(-30deg)}70%{opacity:1;transform:scale(1.12)rotate(6deg)}to{transform:none}}@keyframes jelly{0%{scale:1}25%{scale:1.1 .88}50%{scale:.94 1.08}75%{scale:1.03 .97}to{scale:1}}@keyframes wobble{0%{rotate:0deg}15%{rotate:-14deg}30%{rotate:11deg}45%{rotate:-8deg}60%{rotate:5deg}75%{rotate:-2deg}to{rotate:0deg}}@keyframes bob{0%,to{translate:0}50%{translate:0 -5px}}@keyframes hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-9px)scale(.9,1.12)rotate(-12deg)}60%{transform:translateY(1px)scale(1.12,.9)rotate(6deg)}to{transform:none}}@keyframes hopIn{0%{opacity:0;transform:translateY(-48px)rotate(-16deg)scale(.85)}50%{opacity:1;transform:translateY(5px)rotate(4deg)scale(1.1,.86)}72%{transform:translateY(-7px)rotate(-2deg)scale(.96,1.05)}to{transform:none}}@keyframes floaty{0%,to{translate:0}50%{translate:0 -10px;rotate:6deg}}@keyframes spin{to{rotate:180deg}}@keyframes grow{0%{transform:scaleX(0)}}.rise{animation:rise var(--d4) var(--spring) both;animation-delay:calc(var(--i,0) * 60ms)}[data-motion=calm] .tile.is-sel,[data-motion=calm] .mascot .mb,[data-motion=calm] .floaty,[data-motion=calm] .cat .ic,[data-motion=calm] .badge-hex,[data-motion=calm] .btn-primary:after,[data-motion=calm] .blob{animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.blobs{z-index:-1;pointer-events:none;background:radial-gradient(60vmax 60vmax at -5% -8%,#6ee7b78c,#0000 60%),radial-gradient(50vmax 50vmax at 108% 22%,#7dd3fc80,#0000 60%),radial-gradient(55vmax 55vmax at 30% 112%,#c4b5fd80,#0000 60%),radial-gradient(34vmax 34vmax at 100% 100%,#fde68a8c,#0000 60%),radial-gradient(28vmax 28vmax at 60% 30%,#fbcfe859,#0000 60%);position:fixed;inset:0;overflow:hidden}.blob{display:none}.b1{background:#6ee7b7;width:62vmax;height:62vmax;animation:24s ease-in-out infinite alternate drift1;top:-26vmax;left:-22vmax}.b2{background:#7dd3fc;width:52vmax;height:52vmax;animation:30s ease-in-out infinite alternate drift2;top:6vmax;right:-24vmax}.b3{background:#c4b5fd;width:56vmax;height:56vmax;animation:27s ease-in-out infinite alternate drift3;bottom:-34vmax;left:4vmax}.b4{opacity:.45;background:#fde68a;width:34vmax;height:34vmax;animation:22s ease-in-out infinite alternate-reverse drift2;bottom:-10vmax;right:2vmax}.b5{opacity:.35;background:#fbcfe8;width:28vmax;height:28vmax;animation:34s ease-in-out infinite alternate-reverse drift1;top:18vh;left:40vw}@keyframes drift1{to{transform:translate(16vmax,12vmax)rotate(40deg)scale(1.12)}}@keyframes drift2{to{transform:translate(-14vmax,14vmax)rotate(-30deg)scale(.9)}}@keyframes drift3{to{transform:translate(12vmax,-12vmax)rotate(25deg)scale(1.15)}}.shell{min-height:100dvh;display:flex}.side{display:none}.body{flex:1;min-width:0}.topbar{z-index:20;padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(18px)saturate(1.6);background:#f3f8f4a8;align-items:center;gap:8px;display:flex;position:sticky;top:0}.page-title{letter-spacing:.5px;font-size:24px;font-weight:900;display:none}.main{max-width:520px;margin:0 auto;padding:6px 16px 120px}.brand{align-items:center;gap:10px;display:flex}.brand b{letter-spacing:1px;background:linear-gradient(90deg, var(--jade-d), var(--teal) 50%, var(--lav-d));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:900}.brand small{color:var(--ink-3);letter-spacing:3px;font-size:11px;display:block}.vchip{height:34px;color:var(--ink);background:linear-gradient(#ffffffeb, #ffffffeb) padding-box, var(--g-aurora) border-box;transition:transform var(--d2) var(--spring);border:1.5px solid #0000;border-radius:99px;align-items:center;gap:7px;margin-left:auto;padding:0 10px 0 6px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px -10px #04503c73}.vchip:active{transform:scale(.94)rotate(-2deg)}.vchip .more{color:#fff;background:var(--g-lav);border-radius:99px;padding:0 6px;font-size:11px;font-weight:800;line-height:18px}.vchip svg{width:14px;height:14px;color:var(--ink-3)}.mini{color:#e1373f;width:19px;height:24px;box-shadow:0 2px 0 var(--edge), 0 3px 0 var(--edge-d), 0 5px 8px -3px rgb(var(--glow) / .5);background:linear-gradient(#fff,#eef6f1);border-radius:5px;flex:none;place-items:center;margin-top:-3px;font:900 13px KaiTi,STKaiti,serif;display:grid}.mini.lg{width:30px;height:37px;box-shadow:0 3px 0 var(--edge), 0 4px 0 var(--edge-d), 0 8px 14px -4px rgb(var(--glow) / .55);border-radius:8px;margin-top:0;font-size:19px}.icon-btn{width:36px;height:36px;color:var(--ink-2);background:#ffffffbf;border:0;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:0 6px 14px -10px #04503c80}.icon-btn svg{width:20px;height:20px}.icon-btn:hover svg,.icon-btn:active svg{animation:spin .7s var(--spring)}.tabbar{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#fffc;border-radius:26px;height:68px;padding:0 4px;display:flex;position:fixed;box-shadow:0 18px 40px -16px #043c2d66,inset 0 0 0 1px #ffffffe6}.tab-ind{background:var(--pri-grad);height:52px;box-shadow:0 10px 20px -8px rgb(var(--glow) / .7);transition:left .56s var(--spring), width .56s var(--spring);border-radius:18px;position:absolute;top:8px}.tab{color:var(--ink-3);z-index:1;transition:color var(--d2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-size:11px;font-weight:700;display:flex;position:relative}.tab svg{width:24px;height:24px}.tab.on{color:#fff}.tab.on svg{animation:hop .65s var(--spring)}.side-nav{flex-direction:column;gap:4px;margin-top:28px;display:flex}.side-nav a{height:46px;color:var(--ink-2);transition:background var(--d2), color var(--d2), transform var(--d2) var(--spring);border-radius:15px;align-items:center;gap:12px;padding:0 14px;font-weight:700;display:flex}.side-nav a svg{width:21px;height:21px;transition:transform var(--d3) var(--spring)}.side-nav a:hover{background:#ffffffbf;transform:translate(3px)}.side-nav a:hover svg{transform:rotate(-12deg)scale(1.15)}.side-nav a.on{color:#fff;background:var(--pri-grad);box-shadow:0 12px 22px -12px rgb(var(--glow) / .8)}.side-nav a.on svg{animation:hop .65s var(--spring)}.side-variant{margin-top:24px;padding:0 6px}.side-variant small{color:var(--ink-3);margin-bottom:8px;font-size:12px;display:block}.side-variant .row{flex-wrap:wrap;gap:6px}.vip{color:#5a3300;background:var(--tex), linear-gradient(140deg, #fff0b8, #fcd34d 45%, #f59e0b 80%, #fb7185);background-size:300px,auto;border-radius:22px;margin-top:auto;padding:16px;position:relative;overflow:hidden;box-shadow:0 18px 30px -16px #f59e0bcc}.vip b{font-size:16px}.vip p{opacity:.85;margin:4px 0 12px;font-size:12px}.vip .crown{transform-origin:50% 90%;font-size:26px;position:absolute;top:8px;right:12px}.vip:hover .crown{animation:1.3s ease-in-out 2 swing}@keyframes swing{0%,to{rotate:-10deg}50%{rotate:12deg}}.card{border-radius:var(--r-card);box-shadow:var(--shadow-card);background:linear-gradient(#ffffffed,#ffffffed) padding-box padding-box,linear-gradient(140deg,#6ee7b7b3,#fff9 35%,#c4b5fd99 70%,#fde68ab3) border-box;border:1px solid #0000;padding:18px;position:relative}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s var(--out)}.sec-title{justify-content:space-between;align-items:baseline;margin:24px 4px 10px;display:flex}.sec-title h3{font-size:18px;font-weight:900}.sec-title a{color:var(--ink-2);font-size:13px;font-weight:600}.btn{border-radius:var(--r-btn);letter-spacing:.5px;height:52px;transition:box-shadow var(--d2), opacity var(--d2), filter var(--d2);border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn.jelly{animation:jelly .52s var(--spring)}.btn-block{width:100%}.btn-sm{border-radius:13px;height:38px;padding:0 14px;font-size:14px}.btn-primary{color:#fff;background:var(--pri-grad);box-shadow:0 14px 26px -12px rgb(var(--glow) / .85), 0 1px 0 #fff6 inset}.btn-primary:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:3.2s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes sweep{0%,55%{left:-60%}85%,to{left:130%}}.btn-primary:disabled{filter:grayscale(.8)brightness(1.1);opacity:.45;box-shadow:none;cursor:default}.btn-primary:disabled:after{display:none}.btn-ghost{color:var(--ink);box-shadow:0 0 0 1px var(--line) inset, 0 8px 18px -12px #0000004d;background:#fff}.btn-ice{color:#fff;background:var(--g-ice);box-shadow:0 14px 26px -12px #38bdf8e6}.btn-white{color:var(--pri-ink);background:#fff;box-shadow:0 12px 24px -12px #00000073}.chip{--g:var(--g-jade);white-space:nowrap;height:28px;color:var(--ink);background:linear-gradient(#ffffffe6, #ffffffe6) padding-box, var(--g) border-box;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.chip.solid{color:#fff;background:var(--g);border:0;box-shadow:0 6px 12px -6px #00000059}.chip.soft{color:var(--ink-2);background:#17302b0f;border:0}.seg{background:#17302b0f;border-radius:13px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--ink-2);transition:all var(--d2) var(--spring);background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:12px;font-weight:800}.seg button.on{color:var(--ink);background:#fff;transform:scale(1.04);box-shadow:0 3px 10px -3px #0003}.bar{background:#17302b12;border-radius:99px;height:9px;overflow:hidden}.bar>i{border-radius:inherit;background:var(--g,var(--g-jade));transform-origin:0;height:100%;animation:grow .9s var(--spring) both;animation-delay:calc(var(--i,0) * 80ms + .2s);display:block;position:relative}.bar>i:after{content:"";background:repeating-linear-gradient(115deg,#ffffff47 0 6px,#0000 6px 14px) 0 0/30px 100%;position:absolute;inset:0}@keyframes stripes{to{background-position:30px 0}}.sw{width:40px;height:24px;transition:background var(--d2);cursor:pointer;background:#17302b26;border-radius:99px;flex:none;position:relative}.sw:after{content:"";width:18px;height:18px;transition:transform var(--d3) var(--bouncy);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000040}.sw.on{background:var(--g,var(--pri-grad))}.sw.on:after{transform:translate(16px)}.tile{--w:var(--tile-w);--tile-sh:inset 0 1.5px 0 #fff, 0 calc(var(--w) * .14) 0 0 var(--edge), 0 calc(var(--w) * .17) 0 0 var(--edge-d), 0 calc(var(--w) * .28) calc(var(--w) * .36) -2px rgb(var(--glow) / .3);width:var(--w);height:calc(var(--w) * 1.36);border-radius:calc(var(--w) * .18);box-shadow:var(--tile-sh);transition:transform var(--d3) var(--spring), filter var(--d2), opacity var(--d2);-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f8fcfa 55%,#e9f4ee 100%);flex:none;position:relative}.tile .face{pointer-events:none;width:84%;height:87%;position:absolute;inset:7% 8% 6%}.tile .fx{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tile:after{content:"";pointer-events:none;opacity:0;inset:-4px -4px calc(-4px - var(--w) * .17) -4px;border-radius:calc(var(--w) * .18 + 4px);background:var(--ring,conic-gradient(from var(--a), #34d399, #38bdf8, #a78bfa, #f472b6, #f5b731, #34d399));-webkit-mask-composite:xor;transition:opacity var(--d2);padding:2.5px;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes ringSpin{to{--a:360deg}}.tile:before{content:"";left:18%;right:18%;top:calc(var(--w) * -.17);height:calc(var(--w) * .08);opacity:0;transition:opacity var(--d2);border-radius:99px;position:absolute}button.tile{font:inherit;border:0;padding:0}.tile.pick{cursor:grab}@media (hover:hover){.tile.pick:hover{transform:translateY(-5px)}}.tile.is-sel{z-index:2;box-shadow:var(--tile-sh), 0 18px 28px -10px #38bdf88c;animation:1.4s ease-in-out infinite bob;transform:translateY(-14px)}.tile.is-sel:after{opacity:1;animation:2.4s linear infinite ringSpin}.tile.is-best{--ring:linear-gradient(135deg, #fde68a, #f59e0b, #fb7185, #fde68a);box-shadow:var(--tile-sh), 0 14px 26px -8px #f59e0b99}.tile.is-best:after{opacity:1}.tile.is-best .fx{animation:shimmer 1.6s var(--io) 3;background:linear-gradient(110deg,#0000 35%,#ffecaae6 50%,#0000 65%) 0 0/260% 100%}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.tile.is-right{--ring:linear-gradient(135deg, #6ee7b7, #10b981, #14b8a6);animation:spinJump .9s var(--spring);box-shadow:var(--tile-sh), 0 18px 28px -8px #10b981a6;transform:translateY(-14px)}.tile.is-right:after{opacity:1}@keyframes spinJump{0%{transform:translateY(-14px)}40%{transform:translateY(-48px)rotateY(180deg)scale(1.15)}75%{transform:translateY(-8px)rotateY(360deg)scale(1.06,.94)}to{transform:translateY(-14px)rotateY(360deg)}}.tile .badge{color:#fff;z-index:3;background:var(--g-jade);width:22px;height:22px;animation:pop .6s var(--spring) both .3s;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 4px 10px -2px #10b981cc,0 0 0 2px #fff}.tile .badge.bad{background:var(--g-coral);box-shadow:0 4px 10px -2px #ff6f61cc,0 0 0 2px #fff}.tile.is-wrong{--ring:linear-gradient(135deg, #ff8a65, #f472b6);animation:shakeX .48s var(--out);transform:translateY(-6px)}.tile.is-wrong:after{opacity:1}@keyframes shakeX{0%,to{translate:0}20%{translate:-7px}40%{translate:6px}60%{translate:-4px}80%{translate:2px}}.tile.is-danger:before{opacity:1;background:var(--g-coral)}.tile.is-safe:before{opacity:1;background:var(--g-jade)}.tile.is-dim{filter:saturate(.25)brightness(1.05);opacity:.5}.tile.is-wild{background:linear-gradient(#fff 0%,#fff7fb 55%,#f1eaff 100%)}.tile.is-wild .fx{background:linear-gradient(125deg,#0000 15%,#a78bfa38 35%,#f472b62e 50%,#f5b73138 65%,#0000 85%) 40% 40%/300% 300%}.tile.is-wild.is-sel .fx{animation:3s linear infinite sheen}.tile.is-wild.is-best .fx{animation:shimmer 1.6s var(--io) 3;background:linear-gradient(110deg,#0000 35%,#ffecaae6 50%,#0000 65%) 0 0/260% 100%}@keyframes sheen{0%{background-position:0 0}to{background-position:300% 300%}}.tile.is-back{background:var(--tex), var(--back);background-size:140px,auto}.tile.is-back .face{opacity:0}.tile .tip{white-space:nowrap;background:var(--ink);color:#fff;animation:tipIn .5s var(--spring) both;z-index:5;border-radius:10px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 20px -8px #00000080}.tile .tip:after{content:"";border:5px solid #0000;border-top-color:var(--ink);margin-left:-5px;position:absolute;top:100%;left:50%}.tile .tip.best{background:var(--g-honey);color:#fff}.tile .tip.best:after{border-top-color:#f8a43a}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,12px)scale(.5)}70%{opacity:1;transform:translate(-50%,-3px)scale(1.08)}to{transform:translate(-50%)}}.tile.is-think{transform:translateY(-12px)}.tile.is-new:before{opacity:1;background:var(--g-lav);top:auto;bottom:calc(var(--w) * -.36)}.hand{max-width:calc(var(--tile-w) * 7 + 5px * 6 + 4px);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 5px;margin:0 auto;padding:24px 2px 28px;display:flex}.hop-in{animation:hopIn .65s var(--spring) both;animation-delay:calc(var(--i,0) * 40ms + .12s)}.dhand{--tile-w:min(44px, calc((100vw - 112px) / 7));flex-direction:column;gap:10px;padding:18px 0 6px;display:flex;position:relative}.hrow{min-height:calc(var(--tile-w) * 1.36 + 12px);transition:background var(--d2), box-shadow var(--d2);background:#10b98109;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px 5px;padding:6px 2px;display:flex;position:relative}.dhand .tile{touch-action:none}.dhand.dragging .hrow{background:#10b9810d;box-shadow:inset 0 0 0 1.5px #10b9812e}.dhand.dragging .hrow.hot{background:#38bdf814;box-shadow:inset 0 0 0 2px #38bdf873}.row-slot{border-radius:16px;justify-content:center;align-items:center;height:0;display:flex;position:relative;overflow:hidden}.dhand.dragging .row-slot{background:repeating-linear-gradient(135deg,#17302b0a 0 6px,#0000 6px 12px);height:10px;margin:-10px 0;box-shadow:inset 0 0 0 1.5px #17302b1f}.row-slot:before{content:"＋";color:var(--ink-3);white-space:nowrap;font-size:12px;font-weight:800;line-height:10px}.dhand.dragging .row-slot.hot{height:calc(var(--tile-w) * 1.36 + 22px);background:#a78bfa1a;box-shadow:inset 0 0 0 2px #a78bfa99}.row-slot.hot:before{color:var(--lav-d);position:absolute;top:3px}.tile.ph{border-radius:calc(var(--w) * .18);background:#10b98114;box-shadow:inset 0 0 0 2px #10b98173}.tile.ph>*{display:none}.tile.dragging{z-index:120;pointer-events:none;will-change:transform;box-shadow:var(--tile-sh), 0 26px 40px -12px #04503c80;margin:0;transition:none;transform:scale(1.12);animation:none!important;position:fixed!important}.tile.dragging:after{opacity:1;animation:2.4s linear infinite ringSpin}.hand-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:2px 0 14px;display:flex}.hand-tools .hint{color:var(--ink-3);margin-right:auto;font-size:12px}.hand-tools .btn-sm{border-radius:11px;height:32px;padding:0 12px;font-size:12px}.table3d{position:relative}.felt{aspect-ratio:16/11;--tile-w:17px;background:radial-gradient(at 50% 45%,#ffffffb3,#0000 60%),radial-gradient(circle at 15% 15%,#38bdf840,#0000 40%),radial-gradient(circle at 85% 85%,#a78bfa47,#0000 40%),linear-gradient(160deg,#cff5e5,#a6ebcf 55%,#8ee0c4);border-radius:28px;position:relative;box-shadow:inset 0 0 0 6px #fff9,inset 0 0 50px #10b98138,0 20px 44px -22px #0478578c}.river{grid-template-columns:repeat(6, var(--tile-w));gap:2px;row-gap:calc(var(--tile-w) * .3);display:grid;position:absolute}.river .tile{--tile-sh:inset 0 1px 0 #fff, 0 calc(var(--w)*.12) 0 0 var(--edge)}.r-self{bottom:9%;left:50%;transform:translate(-50%)}.r-top{top:9%;left:50%;transform:translate(-50%)rotate(180deg)}.r-left{top:50%;left:9%;transform:translate(-30%,-50%)rotate(90deg)}.r-right{top:50%;right:9%;transform:translate(30%,-50%)rotate(-90deg)}.river .tile.last{--ring:linear-gradient(135deg, #fde68a, #f59e0b)}.river .tile.last:after{opacity:1;padding:1.5px}.center-plate{aspect-ratio:1;text-align:center;background:#ffffffd9;border-radius:24%;place-items:center;width:26%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 26px -12px #04785799,inset 0 0 0 1px #fff}.center-plate b{background:var(--g-jade);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;line-height:1;display:block}.center-plate small{color:var(--ink-2);font-size:10px;display:block}.center-plate .w{color:var(--ink-3);font-size:10px;font-weight:900;position:absolute}.center-plate .w.on{color:#fff;background:var(--g-jade);border-radius:6px;padding:0 4px}.center-plate .wn{top:6%}.center-plate .ws{bottom:6%}.center-plate .ww{left:8%}.center-plate .we{right:8%}.field-strip{width:100%;color:var(--ink-2);background:#fffc;border:0;border-radius:18px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #ffffffe6,0 8px 18px -14px #00000059}.field-strip .chev{transition:transform var(--d3) var(--spring);margin-left:auto}.field.open .chev{transform:rotate(180deg)}.field .table-wrap{transition:grid-template-rows var(--d3) var(--out);grid-template-rows:0fr;display:grid}.field .table-wrap>div{overflow:hidden}.field.open .table-wrap{grid-template-rows:1fr}.field .table3d{padding-top:12px}.mascot{--ms:64px;width:var(--ms);height:calc(var(--ms) * 1.42);cursor:pointer;flex:none;position:relative}.mascot .mb{inset:0 0 calc(var(--ms) * .14);border-radius:calc(var(--ms) * .22);box-shadow:inset 0 2px 0 #fff, 0 calc(var(--ms) * .07) 0 #dcede3, 0 calc(var(--ms) * .15) 0 var(--edge), 0 calc(var(--ms) * .18) 0 var(--edge-d);transform-origin:50% 100%;animation:mBounce 2.2s var(--io) infinite;background:radial-gradient(130% 90% at 25% 0,#fff,#f6fcf9 45%,#e2f4ea);position:absolute}.mascot .mb b{text-align:center;font:900 calc(var(--ms) * .36) "KaiTi", "STKaiti", serif;color:#e1373f;position:absolute;top:6%;left:0;right:0}.mascot .eyes{justify-content:space-between;display:flex;position:absolute;top:52%;left:22%;right:22%}.mascot .eyes i{width:calc(var(--ms) * .11);height:calc(var(--ms) * .14);background:var(--ink);border-radius:50%;animation:3.6s infinite blink;position:relative}.mascot .eyes i:after{content:"";background:#fff;border-radius:50%;width:38%;height:30%;position:absolute;top:18%;right:14%}.mascot .cheek{justify-content:space-between;display:flex;position:absolute;top:67%;left:10%;right:10%}.mascot .cheek i{width:calc(var(--ms) * .14);height:calc(var(--ms) * .07);background:#f472b680;border-radius:50%}.mascot .mouth{width:calc(var(--ms) * .16);height:calc(var(--ms) * .08);margin-left:calc(var(--ms) * -.08);border-bottom:2.5px solid var(--ink);border-radius:0 0 50% 50%;position:absolute;top:66%;left:50%}.mascot .shadow{height:calc(var(--ms) * .1);background:rgb(var(--glow) / .25);animation:mShadow 2.2s var(--io) infinite;border-radius:50%;position:absolute;bottom:0;left:15%;right:15%}.mascot.spin .mb{animation:mSpin .9s var(--spring)}@keyframes mBounce{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(calc(var(--ms) * -.16)) scale(.96, 1.05) rotate(-4deg)}55%{transform:translateY(calc(var(--ms) * -.18)) rotate(4deg)}85%{transform:translateY(0)scale(1.08,.92)}}@keyframes mShadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mSpin{0%{transform:none}50%{transform:translateY(calc(var(--ms) * -.4)) rotateY(180deg) scale(1.1)}to{transform:rotateY(360deg)}}.hello{align-items:center;gap:12px;margin:8px 4px 16px;display:flex}.hello h2{font-size:25px;font-weight:900}.hello p{color:var(--ink-2);margin-top:2px;font-size:13px}.hello .mascot{--ms:46px;margin-left:auto}.daily{color:#fff;background:var(--tex), radial-gradient(at 0% 0%, #34d399 0, transparent 55%), radial-gradient(at 100% 0%, #38bdf8 0, transparent 55%), radial-gradient(at 100% 100%, #a78bfa 0, transparent 60%), radial-gradient(at 0% 100%, #fbbf24 0, transparent 50%), #14b8a6;background-size:360px,auto,auto,auto,auto,auto;border:0;padding:20px;position:relative;overflow:hidden;box-shadow:0 26px 44px -24px #148c96f2}.daily .top{z-index:1;text-shadow:0 1px 2px #043c3c59,0 2px 12px #043c3c40;align-items:center;gap:16px;display:flex;position:relative}.daily h3{opacity:.92;font-size:13px;font-weight:700}.daily .big{text-shadow:0 4px 14px #00000026;font-size:38px;font-weight:900;line-height:1.1}.daily .big small{opacity:.85;font-size:16px}.daily .streak{align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:800;display:flex}.daily .streak .fire{transform-origin:50% 100%;animation:.5s ease-in-out .6s 4 alternate flame;display:inline-block}@keyframes flame{0%{transform:scale(1)rotate(-6deg)}to{transform:scale(1.18,1.25)rotate(6deg)}}.ring{filter:drop-shadow(0 6px 10px #00000026);flex:none;width:80px;height:80px;margin-left:auto}.ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.ring .bg{stroke:#ffffff4d}.ring .fg{stroke:#fff;transform-origin:50%;animation:ringIn 1.2s var(--spring) both .3s;transform:rotate(-90deg)}.ring text{fill:#fff;font-size:17px;font-weight:900}@keyframes ringIn{0%{stroke-dashoffset:var(--len)}}.daily .btn{z-index:1;margin-top:16px;position:relative}.floaty{z-index:0;--tile-w:24px;animation:hopIn .65s var(--spring) both;position:absolute}.floaty.f1{animation-delay:.5s;bottom:18px;right:22px}.floaty.f2{animation-delay:.4s;bottom:18px;right:56px}.floaty.f3{animation-delay:.3s;bottom:18px;right:90px}.cats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cat{padding:16px;display:block;overflow:hidden}.cat:before{content:"";background:var(--g);opacity:.16;width:120px;height:120px;transition:transform .6s var(--spring);border-radius:50%;position:absolute;top:-40px;right:-40px}.cat:hover:before{transform:scale(1.4)}.cat .ic{color:#fff;background:var(--tex), var(--g);width:46px;height:46px;animation:peek .9s var(--spring) both;animation-delay:calc(var(--i,0) * .12s + .4s);background-size:120px,auto;border-radius:15px;place-items:center;display:grid;position:relative;box-shadow:0 12px 20px -10px #00000059,inset 0 1px #ffffff80}.cat .ic svg{filter:drop-shadow(0 1px 2px #00000047);width:24px;height:24px}@keyframes peek{0%,to{transform:none}40%{transform:translateY(-9px)rotate(-14deg)scale(1.08)}70%{transform:translateY(0)rotate(8deg)scale(.95,1.05)}}.cat:hover .ic{animation:jelly .6s var(--spring)}.cat h4{margin-top:12px;font-size:16px;font-weight:900}.cat p{color:var(--ink-2);margin:2px 0 10px;font-size:12px}.cat .pct{background:var(--g);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:900;position:absolute;top:16px;right:14px}.lesson{align-items:center;gap:14px;display:flex}.lesson .thumb{background:var(--tex), var(--g);--tile-w:26px;background-size:140px,auto;border-radius:20px;flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 14px 22px -12px #0006}.lesson:hover .thumb .tile{animation:hopIn .65s var(--spring)}.lesson h4{font-size:15px;font-weight:900}.lesson p{color:var(--ink-2);font-size:12px}.lesson .go{background:var(--g);color:#fff;width:38px;height:38px;transition:transform var(--d3) var(--spring);border-radius:13px;flex:none;place-items:center;margin-left:auto;font-weight:900;display:grid;box-shadow:0 8px 16px -8px #0006}.lesson:hover .go{transform:rotate(-12deg)scale(1.12)}.quiz-main>*+*{margin-top:12px}.qhead{align-items:center;gap:8px;padding:12px 14px;display:flex}.qhead .back{background:#17302b0d;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.qhead .stars{letter-spacing:1px;background:var(--g-honey);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:13px}.qhead .cnt{color:var(--ink-2);margin-left:auto;font-size:13px;font-weight:900}.timer{background:#17302b0f;border-radius:10px;padding:4px 10px;font-size:13px;font-weight:900}.qprog{background:#17302b0f;border-radius:99px;height:6px;margin:0 6px;overflow:hidden}.qprog i{border-radius:inherit;background:var(--g-aurora);background-size:300% 100%;width:30%;height:100%;display:block}@keyframes flow{to{background-position:300% 0}}.prompt h2{font-size:22px;font-weight:900}.prompt p{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mode-row{color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.mode-row a{color:var(--pri-ink);font-weight:800}.result{display:none}.result.open{display:block}.scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--d3);z-index:40;background:#0f28234d;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.result.open{z-index:50;max-height:84dvh;padding:10px 18px calc(22px + env(safe-area-inset-bottom));animation:sheetUp .7s var(--spring);background:#fffffff7;border-radius:30px 30px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 50px -20px #00000059}@keyframes sheetUp{0%{transform:translateY(100%)}}.grab{background:#17302b26;border-radius:99px;width:42px;height:5px;margin:0 auto 12px}.res-head{border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden}.res-head.ok{background:linear-gradient(120deg,#6ee7b759,#7dd3fc40 60%,#c4b5fd40)}.res-head.bad{background:linear-gradient(120deg,#ff8a6540,#f472b62e 60%,#fde68a40)}.res-icon{color:#fff;width:46px;height:46px;animation:pop .7s var(--spring) both;border-radius:16px;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid}.ok .res-icon{background:var(--g-jade);box-shadow:0 10px 20px -8px #10b981cc}.bad .res-icon{background:var(--g-coral);box-shadow:0 10px 20px -8px #ff6f61cc}.res-head>div>b{font-size:19px;font-weight:900;display:block}.res-head>div>span{color:var(--ink-2);font-size:12px}.res-head .score>span{font-size:inherit;color:inherit}.score{animation:pop .7s var(--spring) both .2s;margin-left:auto;font-size:32px;font-weight:900}.ok .score{background:var(--g-jade);color:#0000;-webkit-background-clip:text;background-clip:text}.bad .score{background:var(--g-coral);color:#0000;-webkit-background-clip:text;background-clip:text}.res-stats{margin-top:14px}.res-stats h4,.explain h4{color:var(--ink-2);margin:0 2px 8px;font-size:13px;font-weight:800}.srow{--tile-w:24px;animation:rise .6s var(--spring) both;animation-delay:calc(var(--i,0) * 90ms + .15s);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 8px;display:grid}.srow.best{background:linear-gradient(110deg,#fde68a73,#fb71851f)}.srow .lab{font-size:13px;font-weight:800}.srow .lab small{color:var(--ink-2);font-size:11px;font-weight:500;display:block}.srow .val{text-align:right;min-width:64px;font-size:13px;font-weight:900}.srow .bar{margin-top:4px}.explain{background:var(--tex), linear-gradient(135deg, #d1fae599, #ede9fe8c);background-size:300px,auto;border-radius:18px;margin-top:14px;padding:14px;font-size:14px;line-height:1.8}.explain .waits{--tile-w:26px;gap:5px;margin:10px 0 6px;display:flex}.explain .waits .tile{animation:pop .6s var(--spring) both;animation-delay:calc(var(--i,0) * 90ms + .5s)}.res-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.empty-tip{text-align:center;color:var(--ink-3);padding:30px 10px;font-size:13px}.demo-stage{padding:16px 12px 8px}.demo-stage .felt{--tile-w:16px}.caption{background:#fff;border-radius:18px;align-items:center;gap:10px;min-height:64px;margin:14px 4px 4px;padding:10px 14px;display:flex;box-shadow:0 12px 24px -16px #0006}.caption .mascot{--ms:32px}.caption .step{color:#fff;background:var(--g-ice);border-radius:10px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.caption p{font-size:14px;font-weight:800}.caption p small{color:var(--ink-2);font-size:12px;font-weight:500;display:block}.caption.swap p,.caption.swap .step{animation:pop .5s var(--spring)}.demo-ctrl{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dots{gap:6px;margin-left:auto;display:flex}.dots i{width:9px;height:9px;transition:all var(--d3) var(--spring);background:#17302b1f;border-radius:99px}.dots i.on{background:var(--g-aurora);width:24px}.dots i.done{background:var(--jade-l)}.wait-row{--tile-w:30px;justify-content:center;align-items:flex-end;gap:5px;min-height:64px;padding:6px 0 14px;display:flex}.wait-row .tile{animation:hopIn .7s var(--spring) both;animation-delay:calc(var(--i) * 90ms)}.mem-head{background:var(--tex), linear-gradient(130deg, #ff8a6540, #f472b633 50%, #fde68a59)!important;background-size:300px,auto!important}.mem-rivers{gap:12px;display:grid}.mem-river .who{color:var(--ink-2);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:900;display:flex}.mem-river .who i{background:var(--g);border-radius:3px;width:10px;height:10px;rotate:45deg}.mem-river .tiles{--tile-w:30px;flex-wrap:wrap;gap:4px;min-height:46px;padding-bottom:6px;display:flex}.mem-river .tile{animation:drop .48s var(--spring) both}@keyframes drop{0%{opacity:0;transform:translateY(-30px)rotate(-25deg)scale(.6)}60%{opacity:1;transform:translateY(3px)rotate(6deg)scale(1.1,.9)}to{transform:none}}.countdown{text-align:center;background:var(--g-coral);color:#0000;animation:pop .5s var(--spring);-webkit-background-clip:text;background-clip:text;font-size:58px;font-weight:900}.opts{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.opt{height:58px;box-shadow:0 0 0 1.5px var(--line) inset, 0 10px 18px -12px #00000059;transition:transform var(--d3) var(--spring);background:#fff;border:0;border-radius:18px;font-size:23px;font-weight:900}.opt:hover{transform:translateY(-3px)rotate(-2deg)}.opt.right{background:var(--g-jade);color:#fff;animation:jelly .6s var(--spring);box-shadow:0 14px 24px -10px #10b981cc}.opt.wrong{background:var(--g-coral);color:#fff;animation:wobble .6s var(--spring)}.vgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vcard{cursor:pointer;transition:transform var(--d3) var(--spring), box-shadow var(--d2);padding:14px;overflow:hidden}.vcard:before{content:"";background:var(--tex), var(--g);opacity:.22;height:64px;transition:opacity var(--d2);background-size:200px,auto;position:absolute;top:0;left:0;right:0}.vcard.on:before{opacity:.42}.vcard .tiles{--tile-w:24px;gap:3px;margin:6px 0 12px;display:flex;position:relative}.vcard.on .tiles .tile{animation:hopIn .7s var(--spring) both}.vcard.on .tiles .tile:nth-child(2){animation-delay:70ms}.vcard.on .tiles .tile:nth-child(3){animation-delay:.14s}.vcard h4{font-size:16px;font-weight:900;position:relative}.vcard p{color:var(--ink-2);min-height:36px;margin:2px 0 8px;font-size:12px}.vcard .tags{flex-wrap:wrap;gap:4px;display:flex}.vcard .tags .chip{height:22px;padding:0 8px;font-size:11px}.vcard .check{color:#fff;width:28px;height:28px;transition:all var(--d3) var(--spring);background:#ffffffd9;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;top:14px;right:12px;box-shadow:inset 0 0 0 2px #17302b26}.vcard.on{box-shadow:0 22px 36px -20px #00000073}.vcard.on .check{background:var(--g);transform:scale(1.1)rotate(360deg);box-shadow:0 6px 12px -4px #0006}.vsum{color:#fff;background:var(--tex), linear-gradient(120deg, #0f3d35, #134e4a 50%, #312e81);z-index:5;background-size:300px,auto;border-radius:22px;align-items:center;gap:12px;margin-top:16px;padding:12px 12px 12px 18px;display:flex;position:sticky;bottom:96px;box-shadow:0 22px 40px -20px #0009}.vsum b{font-size:15px}.vsum small{opacity:.75;font-size:12px;display:block}.vsum .btn{height:44px;margin-left:auto}.rank-hero{align-items:center;gap:18px;padding:22px;display:flex;overflow:hidden}.rank-hero:before{content:"";background:var(--tex), linear-gradient(130deg, #7dd3fc66, #c4b5fd73 50%, #fbcfe873);border-radius:inherit;background-size:300px,auto;position:absolute;inset:0}.rank-hero>*{position:relative}.badge-hex{filter:drop-shadow(0 16px 20px #7c3aed66);width:96px;height:106px;animation:pop .8s var(--spring) both .2s;flex:none}.rank-hero h2{background:var(--g-aurora);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.rank-hero .pts{color:var(--ink-2);margin:2px 0 10px;font-size:13px}.rank-hero .bar{background:#ffffffd9;height:11px}.kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kpi{text-align:center;padding:14px 6px}.kpi b{background:var(--g);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:25px;font-weight:900;display:block}.kpi small{color:var(--ink-2);font-size:12px}.radar text{fill:var(--ink-2);font-size:11px;font-weight:800}.radar .area{fill:url(#radarFill);stroke:url(#radarStroke);stroke-width:2.5px;stroke-linejoin:round;transform-origin:130px 120px;animation:radarIn 1.1s var(--spring) both .2s}@keyframes radarIn{0%{opacity:0;transform:scale(.1)rotate(-60deg)}}.cert{text-align:center;background:var(--tex), linear-gradient(160deg, #fff, #f1faf5 50%, #f4f0ff);box-shadow:inset 0 0 0 2px #10b98159, inset 0 0 0 8px #fff, inset 0 0 0 9.5px #a78bfa73, var(--shadow-card);background-size:300px,auto;border-radius:24px;padding:24px;position:relative;overflow:hidden}.cert small{letter-spacing:6px;color:var(--teal);font-size:11px;font-weight:800}.cert h3{letter-spacing:4px;background:linear-gradient(90deg, var(--jade-d), var(--lav-d));color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:22px;font-weight:900}.cert p{color:var(--ink-2);font-size:13px}.cert .seal{color:#e1373fd9;width:58px;height:58px;animation:stamp .9s var(--bouncy) both .6s;border:2.5px solid #e1373fb3;border-radius:50%;place-items:center;font:900 13px/1.2 KaiTi,serif;display:grid;position:absolute;bottom:14px;right:18px;transform:rotate(-14deg)}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}to{opacity:1;transform:rotate(-14deg)}}.cert .no{color:var(--ink-3);letter-spacing:1px;margin-top:10px;font-size:11px}.set-sec h3{margin-bottom:4px;font-size:15px;font-weight:900}.set-sec>p{color:var(--ink-2);margin-bottom:12px;font-size:12px}.opt-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opt-cards.three{grid-template-columns:repeat(3,1fr)}.opt-card{text-align:left;box-shadow:inset 0 0 0 1.5px var(--line);transition:all var(--d3) var(--spring);background:#ffffffb3;border:0;border-radius:18px;padding:12px;position:relative}.opt-card.on{box-shadow:inset 0 0 0 2.5px var(--pri), 0 14px 24px -14px rgb(var(--glow) / .8);background:#fff}.opt-card.on:after{content:"✓";color:#fff;background:var(--pri-grad);width:22px;height:22px;animation:pop .5s var(--spring);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.opt-card b{margin-top:8px;font-size:14px;font-weight:900;display:block}.opt-card small{color:var(--ink-2);font-size:11px}.pv{--tile-w:11px;flex-direction:column;justify-content:center;gap:7px;height:56px;padding-top:4px;display:flex;overflow:hidden}.pv .r{gap:2px;display:flex}.pv.sc .r{flex-wrap:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.pv.sc .tile:nth-child(4){transform:translateY(-4px)scale(1.3)}.pv.motion{--tile-w:14px;flex-direction:row;align-items:flex-end;gap:3px}.opt-card:hover .pv.motion .tile,.opt-card.on .pv.motion .tile{animation:hopIn .7s var(--spring) both}.opt-card .pv.motion .tile:nth-child(2){animation-delay:80ms}.opt-card .pv.motion .tile:nth-child(3){animation-delay:.16s}.skin-dot{background:var(--tex), var(--g);--tile-w:16px;background-size:140px,auto;border-radius:12px;justify-content:flex-end;align-items:flex-end;width:100%;height:56px;padding:6px;display:flex;position:relative;overflow:hidden}.set-row{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;font-size:14px;font-weight:800;display:flex}.set-row:first-of-type{border-top:0}.set-row small{color:var(--ink-2);font-size:12px;font-weight:500;display:block}.fcmp{gap:14px;display:grid}.fset h3{flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.fset .src{color:var(--ink-2);margin:4px 0 12px;font-size:12px;line-height:1.6}.fset .big{--tile-w:62px;justify-content:center;gap:12px;padding:6px 0 22px;display:flex}.fset .rowt{--tile-w:31px;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:14px;display:flex}.fset.on{box-shadow:0 0 0 2.5px var(--pri), var(--shadow-card)}.fset .use{margin-top:4px}.face-opt .ft{--tile-w:18px;gap:3px;padding-top:6px;display:flex}.guide{z-index:200;background:var(--tex), radial-gradient(at 10% 10%, #6ee7b7e6, transparent 50%), radial-gradient(at 90% 15%, #7dd3fcd9, transparent 50%), radial-gradient(at 85% 90%, #c4b5fde6, transparent 55%), radial-gradient(at 10% 90%, #fde68ae6, transparent 50%), #e9f7f1;background-size:420px,auto,auto,auto,auto,auto;place-items:center;padding:20px;animation:.4s both fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.guide.out{animation:.45s forwards fadeOut}@keyframes fadeOut{to{opacity:0;transform:scale(1.06)}}.g-card{text-align:center;-webkit-backdrop-filter:blur(16px);background:#fffc;border-radius:32px;width:min(420px,100%);padding:26px 22px 22px;overflow:hidden;box-shadow:0 30px 60px -30px #04503c80,inset 0 0 0 1px #fff}.g-stage{place-items:center;height:200px;display:grid;position:relative}.g-stage .mascot{--ms:80px}.g-stage .orbit{width:0;height:0;animation:16s linear infinite orbit;position:absolute;top:50%;left:50%}.g-stage .orbit .tile{--tile-w:28px;margin:-19px 0 0 -14px;animation:16s linear infinite orbitBack;position:absolute}@keyframes orbit{to{rotate:360deg}}@keyframes orbitBack{to{rotate:-360deg}}.g-slide h2{margin-top:4px;font-size:23px;font-weight:900}.g-slide p{color:var(--ink-2);min-height:48px;margin-top:8px;font-size:14px;line-height:1.7}.g-slide.in{animation:slideIn .6s var(--spring) both}@keyframes slideIn{0%{opacity:0;transform:translate(60px)rotate(4deg)scale(.95)}}.g-dots{justify-content:center;gap:6px;margin:18px 0 16px;display:flex}.g-dots i{width:8px;height:8px;transition:all var(--d3) var(--spring);background:#17302b26;border-radius:99px}.g-dots i.on{background:var(--g-aurora);width:26px}.g-btns{grid-template-columns:auto 1fr;gap:10px;display:grid}.g-skip{color:var(--ink-3);background:0 0;border:0;padding:0 14px;font-weight:800}.g-pick{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.g-pick .chip{cursor:pointer;height:34px;transition:transform var(--d3) var(--spring);padding:0 14px;font-size:13px}.g-pick .chip.solid{transform:scale(1.06)rotate(-2deg)}.coach{z-index:190;position:fixed;inset:0}.spot{transition:all .65s var(--spring);pointer-events:none;border-radius:22px;position:fixed;box-shadow:0 0 0 9999px #0c231e9e}.spot:after{content:"";background:var(--g-aurora);-webkit-mask-composite:xor;border-radius:26px;padding:2.5px;animation:1.6s ease-in-out infinite pulse;position:absolute;inset:-6px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}.bubble{width:min(320px,100vw - 32px);transition:top .65s var(--spring), left .65s var(--spring);background:#fff;border-radius:22px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 14px 12px;display:grid;position:fixed;box-shadow:0 24px 50px -20px #00000080}.bubble.in{animation:pop .6s var(--spring)}.bubble .mascot{--ms:40px}.bubble b{font-size:15px;font-weight:900;display:block}.bubble p{color:var(--ink-2);margin-top:2px;font-size:13px;line-height:1.6}.bubble .acts{grid-column:1/-1;align-items:center;gap:8px;margin-top:4px;display:flex}.bubble .acts .n{color:var(--ink-3);margin-right:auto;font-size:12px;font-weight:800}.finger{z-index:195;pointer-events:none;filter:drop-shadow(0 6px 8px #0000004d);font-size:34px;animation:1.2s ease-in-out infinite tap;position:fixed}@keyframes tap{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-4px,-10px)scale(1.08)}55%{transform:translate(0)scale(.92)}}@media (width>=1024px){.side{-webkit-backdrop-filter:blur(20px);background:#ffffff80;border-right:1px solid #fffc;flex-direction:column;flex:none;width:248px;height:100dvh;padding:26px 18px 22px;display:flex;position:sticky;top:0}.tabbar{display:none}.topbar{-webkit-backdrop-filter:none;background:0 0;padding:24px 40px 10px;position:static}.topbar .brand,.topbar .icon-btn{display:none}.page-title{display:block}.main{max-width:1180px;padding:6px 40px 40px}.card{padding:22px}.home-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:22px;display:grid}.cats{grid-template-columns:repeat(3,1fr)}.hello{margin-top:0}.quiz{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:24px;display:grid}.field-strip{display:none}.field .table-wrap{grid-template-rows:1fr}.field .table3d{padding-top:0}.felt{--tile-w:24px;aspect-ratio:16/9.2}.quiz .dhand{--tile-w:42px}.quiz .hrow{gap:16px 4px}.result,.result.open{border-radius:var(--r-card);z-index:1;max-height:none;box-shadow:var(--shadow-card);background:#ffffffdb;padding:20px;animation:none;display:block;position:sticky;inset:24px auto auto}.result.open>*{animation:rise var(--d4) var(--spring) both}.grab,.scrim{display:none}.demo{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.demo-stage .felt{--tile-w:22px}.demo-stage .hand{--tile-w:44px;max-width:none}.demo-side{position:sticky;top:24px}.mem-rivers{grid-template-columns:repeat(3,1fr)}.mem-wrap{max-width:980px}.vgrid{grid-template-columns:repeat(4,1fr)}.vsum{bottom:20px}.rank-grid,.set-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.fcmp{grid-template-columns:1fr 1fr}.opt-cards:has(.face-opt){grid-template-columns:1fr 1fr}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{touch-action:manipulation;overflow-x:hidden}.ico,.ring-wrap,.badge-wrap{display:contents}.mini svg{width:82%;height:82%;display:block}.mascot .mb b{justify-content:center;display:flex}.mascot .mb b svg{width:calc(var(--ms) * .4);height:calc(var(--ms) * .5);display:block}.brand{color:inherit}@media (width>=1024px){.home-sec2{margin-top:0}}.cat .bar{margin-top:10px}.hand-melds{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 4px;display:flex}.hand-melds .meld{--tile-w:24px;background:#a78bfa14;border-radius:12px;gap:2px;padding:4px 6px 8px;display:flex}.cands{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;margin:4px 0 14px;display:grid}.opt-tile{--tile-w:30px;place-items:center;height:auto;padding:10px 0 14px;display:grid}.opt.on{box-shadow:0 0 0 2.5px var(--pri) inset, 0 16px 26px -12px rgb(var(--glow) / .7);background:linear-gradient(#fff,#f0fbf6);transform:translateY(-4px)}.opt.miss{opacity:.62}.opt.part{background:var(--g-honey);color:#fff}.opt:disabled{cursor:default}.mine-tag{color:#fff;background:var(--g-ice);border-radius:99px;margin-left:6px;padding:0 7px;font-size:11px;font-weight:800;line-height:18px}.srow.mine:not(.best){background:#38bdf814}.srow .tile{margin-bottom:calc(var(--tile-w) * .17)}.explain p+p{margin-top:2px}.waits .wt{animation:pop .6s var(--spring) both;animation-delay:calc(var(--i,0) * 90ms + .3s);position:relative}.waits .wt b{color:#fff;background:var(--g-jade);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #fff}.big-waits{--tile-w:32px;flex-wrap:wrap;gap:10px 8px;margin:4px 2px 6px}.empty-tip .mascot{--ms:54px;margin:0 auto}.mem-title{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:20px;font-weight:900;display:flex}.mem-targets{--tile-w:26px;gap:3px;padding-bottom:4px;display:inline-flex}.mem-head .row{flex-wrap:wrap;gap:6px}.mem-river.focus{box-shadow:0 0 0 2.5px var(--pri), var(--shadow-card)}.mem-river .meld{border-left:2px dashed var(--line);gap:2px;margin-left:8px;padding-left:8px;display:inline-flex}.mem-river .meld .tile{animation:none}.mem-self .mem-hand{--tile-w:26px;margin-top:10px}.mem-self .mem-hand .tile{animation-duration:.38s}.opts.opts-num{grid-template-columns:repeat(5,1fr)}.opts.opts-tiles{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.opt .opt-tiles{--tile-w:24px;justify-content:center;gap:2px;padding-bottom:4px;display:flex}.opts-tiles .opt{height:auto;min-height:58px;padding:10px 6px 12px}.choice{--tile-w:18px;gap:2px;min-width:40px;font-size:18px;font-weight:900;display:flex}.explain .res-stats{margin-top:8px}.river .tile.fresh{animation:drop .48s var(--spring) both}.r-left,.r-right{grid-template-columns:repeat(6, var(--tile-w))}.vcard.is-soon{cursor:default}.vcard.is-soon:before{opacity:.14}.vip .btn{cursor:default}@media (width<=1023px){.rank-grid,.set-grid{gap:12px;display:grid}}.demo-stage .hand{--tile-w:min(44px, calc((100vw - 100px) / 7))}.mem-river{padding:12px 14px}.mem-river .who{margin-bottom:6px}.mem-river .tiles{--tile-w:28px;min-height:0}.mem-river .tiles:empty{display:none}.mem-self .mem-hand{margin-top:0}.mem-self .tiles+.mem-hand{margin-top:8px}.mem-ask{flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.mem-ask .mem-targets{--tile-w:24px}@media (width>=1024px){.field.no-table .field-strip{display:flex}.field.no-table:not(.open) .table-wrap{grid-template-rows:0fr}.field.no-table .table3d{padding-top:12px}.mem-self{grid-column:1/-1}}[data-motion=calm] .tile:after,[data-motion=calm] .tile.is-wild .fx,[data-motion=calm] .mascot .eyes i,[data-motion=calm] .mascot .shadow,[data-motion=calm] .spot:after,[data-motion=calm] .finger,[data-motion=calm] .orbit,[data-motion=calm] .orbit .tile{animation:none!important}.brand,.icon-btn,.qhead .back{min-height:40px}.icon-btn,.qhead .back{min-width:40px}.vchip,.btn-sm,.hand-tools .btn-sm{height:40px}.sec-title a{align-items:center;min-height:40px;display:inline-flex}a.chip,.side-variant .chip,.mem-head .chip[href]{height:40px;padding:0 14px}.opt:has(.tile):hover{transform:translateY(-3px)}.opt-card:hover{transform:translateY(-2px)}.sec-title a{justify-content:flex-end;min-width:40px}.v9>*+*{margin-top:12px}.v9-q{margin-bottom:4px;font-size:20px;font-weight:900}.v9-note{color:var(--ink);margin:12px 2px 2px;font-size:13px;font-weight:700;line-height:1.7}.v9-hand{--tile-w:min(42px, calc((100vw - 120px) / 7));max-width:calc(var(--tile-w) * 7 + 5px * 6 + 2px);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 5px;margin:0 auto;padding:18px 0 14px;display:flex}.v9-hand.one{--tile-w:min(30px, calc((100vw - 104px) / 14));flex-wrap:nowrap;gap:2px;max-width:none;padding:12px 0 10px}.v9-spd{white-space:nowrap;height:30px;color:var(--ink);animation:pop .6s var(--spring) both .25s;background:#fff;border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 12px 0 3px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 8px 16px -10px #043c3c73,inset 0 0 0 1px #17302b0f}.v9-spd i{color:#fff;background:var(--g);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.v9-spd i svg{width:15px;height:15px}.v9-spd.sm{gap:5px;height:26px;padding:0 10px 0 3px;font-size:12px}.v9-spd.sm i{width:20px;height:20px}.v9-spd.sm i svg{width:13px;height:13px}.v9-spd.on-g{background:#ffffffeb;margin-top:4px}.v9-spdrow{background:linear-gradient(110deg,#6ee7b72e,#7dd3fc29 55%,#c4b5fd2e);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:8px 8px 8px 14px;display:flex}.v9-spdrow .t{font-size:22px;font-weight:900}.v9-spdrow .t i{color:var(--ink-2);margin-left:2px;font-size:13px;font-style:normal}.hu-card{padding-bottom:12px}.v9-hand.grouped{gap:20px 10px;max-width:none}.grp{animation:pop .52s var(--spring) both;background:#10b98112;border-radius:12px;gap:3px;padding:5px;display:flex;box-shadow:inset 0 0 0 1.5px #10b98138}.grp:nth-child(2){animation-delay:50ms}.grp:nth-child(3){animation-delay:.1s}.grp:nth-child(4){animation-delay:.15s}.grp:nth-child(5){animation-delay:.2s}.grp:nth-child(n+6){animation-delay:.25s}.grp.loose{background:#f5b7311f;box-shadow:inset 0 0 0 1.5px #f59e0b8c}.v9-hand.grouped{--tile-w:min(36px, calc((100vw - 156px) / 7));padding:14px 0 8px}.tile .as{left:50%;top:calc(100% + var(--w) * .2);white-space:nowrap;color:#fff;background:var(--g-lav);z-index:2;border-radius:6px;padding:0 5px;font-size:10px;font-weight:900;line-height:16px;position:absolute;transform:translate(-50%)}.hu-say{animation:rise .5s var(--spring) both;border-radius:18px;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.hu-say.ok{background:linear-gradient(120deg,#6ee7b759,#7dd3fc40)}.hu-say.bad{background:linear-gradient(120deg,#ff8a6538,#f472b626)}.hu-say .ic{color:#fff;width:40px;height:40px;animation:pop .6s var(--spring) both;border-radius:14px;flex:none;place-items:center;font-size:20px;display:grid}.hu-say .ic svg{width:22px;height:22px}.hu-say.ok .ic{background:var(--g-jade)}.hu-say.bad .ic{background:var(--g-coral)}.hu-say>div{min-width:0}.hu-say>div>b{align-items:center;gap:6px;font-size:16px;font-weight:900;display:flex}.hu-say em{color:#fff;border-radius:99px;padding:1px 8px;font-size:12px;font-style:normal}.hu-say em.y{background:var(--g-jade)}.hu-say em.n{background:var(--g-ice)}.hu-say>div>span{margin-top:2px;font-size:13px;font-weight:700;display:block}.hu-say .spd{flex-direction:column;flex:none;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.hu-say .spd>.v9-spd{margin:0;display:inline-flex}.hu-say .sec{font-size:18px;font-weight:900;line-height:1}.hu-say .sec i{color:var(--ink-2);margin-left:1px;font-size:11px;font-style:normal}.hu-acts{left:16px;right:16px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 80px);z-index:25;grid-template-columns:1fr 1fr;gap:12px;max-width:488px;margin:0 auto;display:grid;position:fixed}.v9-hu{padding-bottom:100px}.hu-acts .hu-next{border-radius:22px;grid-column:1/-1;height:64px;font-size:18px}.hu-btn{letter-spacing:4px;color:#fff;height:84px;transition:transform var(--d2) var(--spring);border:0;border-radius:26px;font-size:26px;font-weight:900}.hu-btn:active{transform:scale(.94)}.hu-btn.jelly{animation:jelly .52s var(--spring)}.hu-btn.yes{background:var(--tex), var(--g-jade);background-size:260px,auto;box-shadow:0 16px 28px -14px #10b981e6}.hu-btn.no{background:var(--tex), var(--g-ice);background-size:260px,auto;box-shadow:0 16px 28px -14px #6366f1cc}.hu-end{text-align:center}.hu-medal{flex-direction:column;align-items:center;gap:6px;margin:2px 0 10px;display:flex}.hu-medal i{color:#fff;background:var(--tex), var(--g);width:64px;height:64px;animation:pop .7s var(--spring) both .15s;background-size:160px,auto;border-radius:22px;place-items:center;display:grid;box-shadow:0 14px 26px -12px #043c3c99,inset 0 1px #ffffff80}.hu-medal i svg{width:34px;height:34px}.hu-medal b{font-size:20px;font-weight:900}.hu-lvs{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.hu-lvs .lv{animation:rise .52s var(--spring) both;animation-delay:calc(var(--i) * 70ms + .2s);background:#17302b09;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;display:flex}.hu-lvs .lv i{color:#fff;background:var(--g);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.hu-lvs .lv i svg{width:17px;height:17px}.hu-lvs .lv span{font-size:12px;font-weight:900}.hu-lvs .lv b{font-size:20px;font-weight:900;line-height:1.1}.hu-lvs .lv.zero{opacity:.5}.hu-kpis{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.hu-kpis .k{flex-direction:column;align-items:center;gap:4px;display:flex}.hu-kpis small{color:var(--ink-2);font-size:12px;font-weight:800}.hu-kpis .big{background:var(--g-ice);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900;line-height:96px}.hu-kpis .big i{margin-left:2px;font-size:16px;font-style:normal}.hu-dots{grid-template-columns:repeat(10,1fr);gap:5px;margin:18px 0 4px;display:grid}.hu-dots .d{aspect-ratio:1;color:#fff;animation:pop .5s var(--spring) both;animation-delay:calc(var(--i) * 50ms + .3s);border-radius:10px;place-items:center;font-size:13px;font-weight:900;display:grid}.hu-dots .ok{background:var(--g-jade)}.hu-dots .bad{background:var(--g-coral)}.v9-ring circle{fill:none;stroke-width:12px;stroke-linecap:round}.v9-ring .bg{stroke:#17302b12}.v9-ring .fg{transform-origin:50%;animation:ringIn 1.2s var(--spring) both .2s;transform:rotate(-90deg)}.v9-ring text{fill:var(--ink);font-size:22px;font-weight:900}.res-icon svg{width:24px;height:24px}.v9-table{padding:12px}.v9-felt{aspect-ratio:1/.8;--tile-w:17px;background:radial-gradient(at 50% 45%,#ffffffb3,#0000 60%),radial-gradient(circle at 15% 15%,#38bdf840,#0000 40%),radial-gradient(circle at 85% 85%,#a78bfa47,#0000 40%),linear-gradient(160deg,#cff5e5,#a6ebcf 55%,#8ee0c4);border-radius:26px;position:relative;box-shadow:inset 0 0 0 6px #fff9,inset 0 0 50px #10b98138}.v9-river{--rh:calc(var(--tile-w) * 2.72 + var(--tile-w) * .3);grid-template-columns:repeat(6, var(--tile-w));gap:2px;row-gap:calc(var(--tile-w) * .3);cursor:pointer;display:grid;position:absolute}.v9-river .tile{--tile-sh:inset 0 1px 0 #fff, 0 calc(var(--w)*.12) 0 0 var(--edge)}.v9-river .tile.mq{filter:saturate(.2)brightness(.9);opacity:.55}.v9-river:before{content:"";opacity:0;transition:opacity var(--d2);box-shadow:0 0 0 2.5px var(--ice), 0 10px 20px -10px #38bdf8cc;background:#ffffff8c;border-radius:12px;position:absolute;inset:-7px -7px -9px}.v9-river.on:before{opacity:1}.r9-top{left:50%;top:calc(7% + var(--rh) / 2);transform:translate(-50%,-50%)rotate(180deg)}.r9-left{left:calc(6% + var(--rh) / 2);top:50%;transform:translate(-50%,-50%)rotate(90deg)}.r9-right{left:calc(94% - var(--rh) / 2);top:50%;transform:translate(-50%,-50%)rotate(-90deg)}.r9-self{left:50%;top:calc(93% - var(--rh) / 2);cursor:default;transform:translate(-50%,-50%)}.v9-plate{aspect-ratio:1;text-align:center;background:#ffffffd9;border-radius:24%;place-items:center;width:24%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 26px -12px #04785799,inset 0 0 0 1px #fff}.v9-plate b{background:var(--g-jade);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900;line-height:1;display:block}.v9-plate small{color:var(--ink-2);font-size:10px;display:block}.v9-plate .s{color:var(--ink-3);transition:all var(--d2) var(--spring);border-radius:5px;padding:0 3px;font-size:10px;font-weight:900;line-height:15px;position:absolute}.v9-plate .s.on{color:#fff;background:var(--g-ice);transform:scale(1.15)}.v9-plate .st{top:5%}.v9-plate .sb{bottom:5%}.v9-plate .sl{left:6%}.v9-plate .sr{right:6%}.v9-legend{color:var(--ink-2);justify-content:flex-end;gap:12px;margin-left:auto;font-size:12px;font-weight:800;display:flex}.v9-legend span{align-items:center;gap:6px;display:inline-flex}.v9-legend .tile{--tile-w:16px;--tile-sh:inset 0 1px 0 #fff, 0 2px 0 0 var(--edge);margin-top:-3px}.v9-legend .tile.mq{filter:saturate(.2)brightness(.9);opacity:.55}.seat-opts{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 12px;display:grid}.seat-opt{height:50px;box-shadow:0 0 0 1.5px var(--line) inset, 0 10px 18px -12px #00000059;transition:transform var(--d3) var(--spring), box-shadow var(--d2);background:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.seat-opt.on{box-shadow:0 0 0 2.5px var(--ice) inset, 0 14px 22px -12px #38bdf8cc;transform:translateY(-3px)}.seat-opt .pos{background:#17302b1f;border-radius:4px;width:14px;height:14px;position:relative}.seat-opt .pos:after{content:"";background:var(--g-ice);border-radius:2px;position:absolute}.seat-opt .p-top:after{height:4px;top:2px;left:2px;right:2px}.seat-opt .p-left:after{width:4px;top:2px;bottom:2px;left:2px}.seat-opt .p-right:after{width:4px;top:2px;bottom:2px;right:2px}.probs{gap:8px;margin:12px 0 2px;display:grid}.prob{animation:rise .52s var(--spring) both;animation-delay:calc(var(--i) * 90ms);border-radius:16px;grid-template-columns:42px 1fr 44px 40px;align-items:center;gap:8px;padding:8px 10px;display:grid}.prob.best{background:linear-gradient(110deg,#fde68a80,#fb71851f)}.prob.me{box-shadow:inset 0 0 0 2px var(--ice)}.prob .nm{font-size:14px;font-weight:900}.prob>b{text-align:right;font-size:15px;font-weight:900}.pts{color:#fff;background:var(--g-ice);border-radius:99px;justify-self:end;padding:2px 7px;font-size:12px;font-weight:900}.best .pts{background:var(--g-honey)}.pbar{background:#17302b12;border-radius:99px;height:12px;overflow:hidden}.pbar i{border-radius:inherit;background:var(--g-ice);transform-origin:0;height:100%;transform:scaleX(var(--p));animation:v9grow .9s var(--spring) both .25s;display:block}.best .pbar i{background:var(--g-honey)}@keyframes v9grow{0%{transform:scaleX(0)}}.wall-rivers{gap:4px;padding:10px 14px;display:grid}.wr{transition:background var(--d2);border-radius:12px;grid-template-columns:38px 1fr;align-items:center;gap:8px;margin:0 -6px;padding:3px 6px;display:grid}.wr .who{align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.wr .who:before{content:"";background:var(--g);border-radius:3px;width:8px;height:8px;rotate:45deg}.wr .ts{--tile-w:min(20px, calc((100vw - 150px) / 7));gap:3px;padding-bottom:3px;display:flex}.wr .ts .tile{--tile-sh:inset 0 1px 0 #fff, 0 calc(var(--w)*.12) 0 0 var(--edge)}.wr.hi{background:linear-gradient(110deg,#fde68a8c,#fde68a1a)}.wall-opts{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px;display:grid}.wopt{text-align:left;box-shadow:0 0 0 1.5px var(--line) inset, 0 10px 18px -12px #00000059;transition:transform var(--d3) var(--spring), box-shadow var(--d2);background:#fff;border:0;border-radius:20px;padding:12px 10px;position:relative}.wopt.on{box-shadow:0 0 0 2.5px var(--ice) inset, 0 14px 22px -12px #38bdf8cc;transform:translateY(-3px)}.wopt.best{background:linear-gradient(170deg,#fff,#fff8e1);box-shadow:inset 0 0 0 2.5px #f5b731,0 14px 24px -12px #f59e0bb3}.wopt .cut{--tile-w:22px;align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.wopt .ws{--tile-w:min(26px, calc((100vw - 150px) / 8));gap:4px;margin:10px 0 2px;display:flex}.wopt .wt{flex-direction:column;align-items:center;gap:7px;display:flex}.wopt .wt b{font-size:14px;font-weight:900;line-height:1}.wopt .tot{color:var(--ink-2);font-size:12px;font-weight:800;position:absolute;top:14px;right:12px}.wopt .tot b{color:var(--ink);font-size:18px}.wopt .after:empty{display:none}.wopt .after{border-top:1px dashed var(--line);animation:rise .52s var(--spring) both;margin-top:8px;padding-top:8px}.wopt .est{align-items:baseline;gap:3px;font-size:12px;font-weight:800;display:flex}.wopt .est b{font-size:22px;font-weight:900}.wopt .pbar{margin:6px 0}.wopt .pp{justify-content:space-between;align-items:center;display:flex}.wopt .pp b{font-size:15px;font-weight:900}.seen-tiles{--tile-w:22px;flex-wrap:wrap;gap:6px 3px;padding:12px 6px 6px;display:flex}.seen-tiles .tile{--tile-sh:inset 0 1px 0 #fff, 0 calc(var(--w)*.12) 0 0 var(--edge)}.v9-pick .v9-hand{padding:20px 0 12px}.pick-opts{gap:10px;margin:4px 0 14px;display:grid}.popt{text-align:left;box-shadow:0 0 0 1.5px var(--line) inset, 0 10px 18px -12px #00000059;transition:transform var(--d3) var(--spring), box-shadow var(--d2);background:#fff;border:0;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;padding:10px 12px;display:grid;position:relative}.popt .pt{--tile-w:30px;padding-bottom:4px}.popt .pn b{font-size:15px;font-weight:900;display:block}.popt .pn span{color:var(--ink);font-size:13px;font-weight:700;display:block}.popt.on{box-shadow:0 0 0 2.5px var(--lav) inset, 0 14px 22px -12px #a78bfacc;transform:translateY(-2px)}.popt.best{background:linear-gradient(170deg,#fff,#fff8e1);box-shadow:inset 0 0 0 2.5px #f5b731,0 14px 24px -12px #f59e0bb3}.popt .pstat{grid-column:1/-1}.popt .pstat:empty{display:none}.popt .pstat{border-top:1px dashed var(--line);animation:rise .52s var(--spring) both;margin-top:10px;padding-top:10px}.popt .pw{--tile-w:20px;flex-wrap:wrap;gap:3px;padding-bottom:4px;display:flex}.popt .nums{grid-template-columns:.7fr .7fr 1.2fr;gap:6px;margin:8px 0 6px;display:grid}.popt .nums div{align-items:baseline;gap:3px;display:flex}.popt .nums b{font-size:20px;font-weight:900}.popt .nums small{color:var(--ink-2);font-size:12px;font-weight:800}.popt .fast{color:#fff;background:var(--g-honey);animation:pop .6s var(--spring) both .3s;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:900;position:absolute;top:12px;right:12px;box-shadow:0 6px 12px -6px #f59e0be6}.weak3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.weak{text-align:center;color:#fff;background:var(--tex), var(--g);background-size:260px,auto;border:0;padding:12px 8px;overflow:hidden;box-shadow:0 18px 30px -18px #043c3cb3}.weak .ic{opacity:.85;width:24px;height:24px;position:absolute;top:8px;left:8px}.weak .ic svg{width:100%;height:100%}.weak .rank{background:#ffffff4d;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid;position:absolute;top:6px;right:8px}.weak .v9-ring{margin:14px auto 6px;display:block}.weak .v9-ring .bg{stroke:#ffffff4d}.weak .v9-ring .fg{stroke:#fff}.weak .v9-ring text{fill:#fff;font-size:17px}.weak h4{text-shadow:0 1px 2px #00000026;place-items:center;min-height:34px;font-size:13px;font-weight:900;line-height:1.3;display:grid}.v9-review .sec-title{justify-content:flex-start;align-items:center;gap:8px}.kinds{gap:4px;padding:10px 12px;display:grid}.kd{grid-template-columns:28px 64px 1fr 38px auto;align-items:center;gap:8px;padding:6px 0;display:grid}.kd+.kd{border-top:1px dashed var(--line)}.kd .ic{color:#fff;background:var(--g);border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.kd .ic svg{width:16px;height:16px}.kd>b{white-space:nowrap;font-size:13px;font-weight:900}.kd .pbar{height:10px}.kd .pbar i{background:var(--g);animation-delay:calc(var(--i) * 70ms + .2s)}.kd .acc{text-align:right;font-size:13px;font-weight:900}.kd .v9-spd{width:82px;animation-delay:calc(var(--i) * 70ms + .3s)}.wrongs{gap:10px;display:grid}.wrong{align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.wrong .wl{flex:1;min-width:0}.wrong .chip{height:24px;padding:0 9px;font-size:11px}.wrong .mh{--tile-w:min(16px, calc((100vw - 140px) / 14));gap:1.5px;margin-top:10px;padding-bottom:3px;display:flex}.wrong .mh .tile{--tile-sh:inset 0 1px 0 #fff, 0 calc(var(--w)*.12) 0 0 var(--edge)}.redo{color:#fff;background:var(--pri-grad);width:46px;height:46px;box-shadow:0 10px 18px -10px rgb(var(--glow) / .9);transition:transform var(--d3) var(--spring);border-radius:16px;flex:none;place-items:center;display:grid}.redo svg{width:22px;height:22px}.redo:active{transform:rotate(-30deg)scale(.92)}.v9-weakgo{z-index:5;border-radius:20px;height:58px;margin-top:16px;font-size:17px;position:sticky;bottom:96px}.b-slots{--tile-w:min(40px, calc((100vw - 116px) / 7));grid-template-columns:repeat(7, var(--tile-w));justify-content:center;gap:14px 5px;padding:8px 0 12px;display:grid}.b-slots .slot{width:var(--tile-w);height:calc(var(--tile-w) * 1.36);border-radius:calc(var(--tile-w) * .18);background:#10b9810d;box-shadow:inset 0 0 0 1.5px #10b98147}.b-slots .tile{cursor:pointer}.b-handcard .hand-tools{margin:0}.hand-tools .btn-sm svg{width:15px;height:15px}.keypad{padding:12px}.kseg{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.kseg button{height:40px;font-size:15px}.keys{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.key{--tile-w:min(38px, calc((100vw - 120px) / 5 - 14px));height:70px;transition:transform var(--d2) var(--spring), opacity var(--d2);background:#10b9810f;border:0;border-radius:16px;place-items:center;padding:0 0 6px;display:grid;position:relative}.key.wild{background:linear-gradient(160deg,#c4b5fd40,#fbcfe840)}.key:disabled{opacity:.35}.key .left{color:var(--ink-3);font-size:10px;font-style:normal;font-weight:900;position:absolute;top:4px;right:5px}.b-res .b-h{margin:0 2px 6px;font-size:16px;font-weight:900}.b-res .b-h b{color:var(--pri-ink);font-size:20px}.b-res .srow{--tile-w:28px}.b-res .mw{--tile-w:15px;gap:2px;margin:4px 0 2px;display:flex}.b-waits{--tile-w:34px;flex-wrap:wrap;gap:14px 8px;padding:8px 0 2px;display:flex}.b-waits .wt{animation:pop .52s var(--spring) both;animation-delay:calc(var(--i) * 60ms);flex-direction:column;align-items:center;gap:8px;display:flex}.b-waits .wt b{font-size:15px;font-weight:900}.v9-more{grid-template-columns:1fr 1fr;gap:10px;display:grid}.v9-more .more{align-items:center;gap:10px;padding:12px;display:flex}.v9-more .ic{color:#fff;background:var(--tex), var(--g);background-size:140px,auto;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 16px -8px #00000059}.v9-more .ic svg{width:21px;height:21px}.v9-more b{font-size:14px;font-weight:900}@media (width>=1024px){.v9{max-width:640px}.v9-hand{--tile-w:46px}.v9-hand.grouped{--tile-w:40px}.v9-hand.one{--tile-w:34px}.v9-felt{--tile-w:22px}.v9-weakgo{bottom:20px}.hu-acts{margin:14px auto 0;position:sticky;bottom:20px;left:auto;right:auto}.v9-hu{padding-bottom:0}.v9-more{grid-template-columns:repeat(4,1fr)}}.v9-felt .v9-river{grid-template-columns:repeat(var(--cols,6), var(--tile-w));--rh:calc(var(--tile-w) * 1.36 * var(--rows,2) + var(--tile-w) * .3 * (var(--rows,2) - 1))}.seat-opts.two{grid-template-columns:1fr 1fr}.wr .ts{flex-wrap:wrap;row-gap:5px}.wopt .ws{flex-wrap:wrap;margin-top:4px;padding-right:44px}.wopt.mine:not(.best),.popt.mine:not(.best){box-shadow:0 0 0 2.5px var(--ice) inset, 0 10px 18px -12px #00000059}.hu-ask{text-align:center;margin:4px 0 0}.grp.meld{background:#38bdf814;box-shadow:inset 0 0 0 1.5px #38bdf84d}.hu-splits{gap:10px;margin-top:6px;display:grid}.hu-split{--tile-w:min(26px, calc((100vw - 150px) / 9));flex-wrap:wrap;justify-content:center;gap:8px 6px;height:auto;min-height:56px;padding:10px 8px;display:flex}.hu-split .grp{gap:2px;padding:3px;animation:none}.kd .kd-none{width:82px}.review-empty{place-items:center;padding:22px;display:grid}.v9-hand.one .meld{border-left:2px dashed var(--line);gap:2px;margin-left:6px;padding-left:6px;display:inline-flex}.plan-mix{z-index:1;flex-wrap:wrap;gap:6px;max-width:calc(100% - 96px);margin-top:12px;display:flex;position:relative}.plan-mix span{color:#fff;background:#ffffff38;border:1px solid #ffffff73;border-radius:99px;align-items:center;gap:6px;height:26px;padding:0 4px 0 10px;font-size:12px;font-weight:800;display:inline-flex}.plan-mix b{min-width:18px;height:18px;color:var(--pri-ink);background:#fff;border-radius:99px;place-items:center;padding:0 5px;font-size:11px;font-weight:900;display:grid}.daily .plan-mix+.btn{margin-top:14px}.weakgo{align-items:center;gap:14px;margin-top:12px;display:flex}.weakgo .ic{color:#fff;background:var(--tex), var(--g);background-size:140px,auto;border-radius:18px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 14px 22px -12px #0006}.weakgo .ic svg{width:26px;height:26px}.weakgo h4{font-size:15px;font-weight:900}.weakgo .mix{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.weakgo .mix .chip{height:24px;padding:0 9px;font-size:11px}.weakgo .go{background:var(--g);color:#fff;width:38px;height:38px;transition:transform var(--d3) var(--spring);border-radius:13px;flex:none;place-items:center;margin-left:auto;font-weight:900;display:grid;box-shadow:0 8px 16px -8px #0006}.weakgo:hover .go{transform:rotate(-12deg)scale(1.12)}.lv-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.lv{text-align:center;background:#17302b0a;border-radius:14px;padding:9px 2px 7px;position:relative}.lv b{background:var(--g);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:900;line-height:1.2;display:block}.lv small{color:var(--ink-2);white-space:nowrap;font-size:11px;font-weight:800;display:block}.lv.low{background:#fff}.lv.low:before{content:"";border-radius:inherit;background:var(--g);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cert.locked h3{background:linear-gradient(90deg, var(--ink-3), var(--ink-2));-webkit-background-clip:text;background-clip:text}.cert.locked .seal{opacity:.3;animation:none}.rank-hero .pts{color:var(--ink-2);background:0 0;border-radius:0;justify-self:auto;padding:0;font-size:13px;font-weight:700}.rank-hero .pts b{color:var(--ink);font-size:18px;font-weight:900}.pips{grid-template-columns:repeat(15,1fr);gap:4px;display:grid}.pips i{background:#ffffffd9;border-radius:99px;height:9px}.pips i.on{background:var(--g-aurora);background-size:3000% 100%;background-position:calc(var(--k) * 100%) 0;animation:pipIn .5s var(--spring) both;animation-delay:calc(var(--k) * .5s + .3s)}@keyframes pipIn{0%{opacity:0;transform:scaleY(.2)}}