:root{--felt-1:#2a6aa3;--felt-2:#1b4b7c;--felt-3:#123659;--felt-4:#0b2440;--face:#fffdf6;--face-2:#efe8d6;--back:#f0902f;--back-2:#c96a16;--ink:#1c2340;--gold:#ffc94a;--gold-2:#e0a422;--red:#d8402f;--red-2:#a52a1d;--blue:#3b82f6;--green:#22a06b;--violet:#8b5cf6;--mist:#ffffffb8;--line:#ffffff29;--panel:#081a30c7;--font:"Baloo 2", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--tw:40px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:#fff;background:radial-gradient(130% 110% at 50% 42%, var(--felt-1) 0%, var(--felt-2) 45%, var(--felt-3) 78%, var(--felt-4) 100%);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.35;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.5;background-image:repeating-radial-gradient(circle at 30% 20%,#ffffff05 0 1px,#0000 1px 3px);position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}.app{position:fixed;inset:0}.tile{vertical-align:bottom;width:var(--tw);height:calc(var(--tw) * 1.33);border-radius:calc(var(--tw) * .13);background:linear-gradient(172deg, #fff 0%, var(--face) 50%, var(--face-2) 100%);box-shadow:inset 0 calc(var(--tw) * -.035) 0 #8c6e3c2e, 0 calc(var(--tw) * .085) 0 var(--back), 0 calc(var(--tw) * .085 + 1px) 0 var(--back-2), 0 calc(var(--tw) * .13) calc(var(--tw) * .12) #00000052;margin-bottom:calc(var(--tw) * .09);flex:none;display:inline-block;position:relative}.tile svg{width:91%;height:93%;position:absolute;inset:3.5% 4.5%}.tile.back{background:radial-gradient(circle at 50% 42%, #ffffff47 0 15%, transparent 16%), linear-gradient(172deg, #ffad55, var(--back) 55%, var(--back-2));box-shadow:inset 0 0 0 calc(var(--tw) * .05) #ffffff2e, 0 calc(var(--tw) * .085) 0 var(--face-2), 0 calc(var(--tw) * .13) calc(var(--tw) * .1) #0000004d}.tile.tap{cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.3,1.3),box-shadow .12s}.tile.sel{box-shadow:0 0 0 calc(var(--tw) * .05) var(--gold), 0 calc(var(--tw) * .085) 0 var(--back), 0 calc(var(--tw) * .3) calc(var(--tw) * .3) #00000059;transform:translateY(-26%)}.tile.dim{filter:saturate(.6)brightness(.82)}.tile.taken{box-shadow:0 0 0 2px var(--gold), 0 calc(var(--tw) * .085) 0 var(--back)}.tile.win{box-shadow:0 0 0 3px var(--gold), 0 calc(var(--tw) * .085) 0 var(--back), 0 0 18px #ffc94acc}.tile.ready:before{content:"";left:50%;top:calc(var(--tw) * -.32);width:calc(var(--tw) * .2);height:calc(var(--tw) * .2);background:var(--gold);box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;transform:translate(-50%)}.tile.last:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2.5px var(--gold);animation:1.1s ease-in-out infinite pulse;position:absolute;inset:-3px}.tile.fresh{animation:.3s cubic-bezier(.2,.9,.3,1.35) drop}.tile.enter{animation:.28s ease-out slidein}.group{align-items:flex-end;gap:0;display:inline-flex}@keyframes pulse{50%{box-shadow:0 0 0 2.5px var(--gold), 0 0 14px 3px #ffc94ab3}}@keyframes drop{0%{opacity:.2;transform:translateY(-50%)scale(1.5)}}@keyframes slidein{0%{opacity:0;transform:translate(60%)}}.btn{color:#fff;box-shadow:inset 0 0 0 1.5px var(--line);background:#ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:18px;font-weight:700;line-height:1.1;transition:transform 80ms;display:inline-flex}.btn:active{transform:translateY(2px)scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.gold{background:linear-gradient(180deg, #ffd56b, var(--gold));color:#3a2600;box-shadow:0 5px 0 var(--gold-2), 0 10px 20px #00000040}.btn.gold:active{box-shadow:0 2px 0 var(--gold-2);transform:translateY(3px)}.btn.small{border-radius:12px;padding:8px 14px;font-size:15px}.btn.block{width:100%}.input{width:100%;box-shadow:inset 0 0 0 1.5px var(--line);-webkit-user-select:text;user-select:text;background:#00000040;border:0;border-radius:14px;outline:none;padding:13px 16px;font-size:18px;font-weight:600}.input:focus{box-shadow:inset 0 0 0 2px var(--gold)}.input::placeholder{color:#ffffff73}.input.code{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-weight:800}.icon-btn{background:var(--panel);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:13px;flex:none;place-items:center;display:grid}.icon-btn svg{width:21px;height:21px}.link{color:var(--mist);text-underline-offset:3px;padding:6px;font-size:16px;text-decoration:underline}.avatar{--av:44px;width:var(--av);height:var(--av);font-weight:800;font-size:calc(var(--av) * .44);background:var(--av-bg,#c9874a);color:#fff;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid;position:relative;box-shadow:0 0 0 2.5px #fff,0 4px 10px #0000004d}.avatar.empty{box-shadow:inset 0 0 0 2px var(--line);color:var(--mist);background:#00000040}.avatar .bot{background:var(--felt-4);color:var(--gold);box-shadow:0 0 0 1.5px var(--line);border-radius:7px;padding:0 4px;font-size:10px;font-weight:800;line-height:14px;position:absolute;bottom:-5px;right:-8px}.avatar .ring{pointer-events:none;background:conic-gradient(var(--gold) calc(var(--p,1) * 1turn), #ffffff1f 0);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 3.5px),#000 calc(50% - 3px));mask:radial-gradient(circle,#0000 calc(50% - 3.5px),#000 calc(50% - 3px))}.wind{width:calc(var(--av) * .5);height:calc(var(--av) * .5);min-width:18px;min-height:18px;color:var(--ink);font-family:Noto Serif SC,serif;font-weight:900;font-size:max(11px, calc(var(--av) * .3));background:#fff;border-radius:7px;place-items:center;display:grid;position:absolute;top:-6px;left:-7px;box-shadow:0 2px 5px #00000059}.wind.dealer{background:var(--red);color:#fff}.plate{align-items:center;gap:9px;display:flex;position:relative}.plate.col{text-align:center;flex-direction:column;gap:5px}.plate .who{min-width:0;line-height:1.1}.plate .nm{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:15px;font-weight:800;display:block;overflow:hidden}.plate .sc{color:var(--mist);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.plate.col .sc{justify-content:center}.plate.active .avatar{box-shadow:0 0 0 2.5px var(--gold), 0 0 22px #ffc94abf}.plate.off{opacity:.6}.chip{color:#fff;background:#0000004d;border-radius:9px;padding:0 7px;font-size:12px;font-weight:800;line-height:18px}.chip.warn{background:#d8402fd9}.screen{-webkit-user-select:none;user-select:none;padding:calc(18px + var(--sa-t)) calc(18px + var(--sa-r)) calc(22px + var(--sa-b)) calc(18px + var(--sa-l));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.screen>*{margin:auto}.home{grid-template-columns:1fr;align-items:center;gap:28px 44px;width:100%;max-width:880px;display:grid}@media (width>=640px) and (orientation:landscape){.home{grid-template-columns:1.1fr 1fr}}.hero{text-align:center}.hero-tiles{justify-content:center;gap:4px;margin-bottom:14px;display:flex}.hero-tiles .tile{--tw:clamp(40px, 7vw, 62px);animation:.6s cubic-bezier(.2,.9,.3,1.25) both deal}.hero-tiles .tile:first-child{animation-delay:50ms;translate:0 10px;rotate:-8deg}.hero-tiles .tile:nth-child(2){animation-delay:.12s;rotate:-3deg}.hero-tiles .tile:nth-child(3){animation-delay:.19s;rotate:3deg}.hero-tiles .tile:nth-child(4){animation-delay:.26s;translate:0 10px;rotate:8deg}@keyframes deal{0%{opacity:0;transform:translateY(40px)rotate(12deg)}}.hero h1{letter-spacing:-.02em;text-shadow:0 4px #0000002e;margin:0;font-size:clamp(46px,9vw,78px);font-weight:800;line-height:.9}.hero p{color:var(--mist);max-width:30ch;margin:10px auto 0;font-size:18px}.card{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line), 0 20px 50px #0000004d;border-radius:24px;padding:22px}.field{margin-bottom:14px;display:block}.field>span{color:var(--mist);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.or{color:var(--mist);align-items:center;gap:12px;margin:18px 0;font-size:15px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.center-text{text-align:center}.big-code{letter-spacing:.14em;margin:4px 0 14px;padding-left:.14em;font-size:clamp(48px,9vw,72px);font-weight:800;line-height:1}.pill-btn{background:#ffffff24;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700}.settings .setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.settings .setting:last-child{border-bottom:0}.settings .name{font-size:16px;font-weight:700}.settings .desc{color:var(--mist);font-size:13.5px}.seg{background:#00000047;border-radius:12px;flex:none;padding:3px;display:inline-flex}.seg button{color:var(--mist);border-radius:9px;padding:5px 11px;font-size:14.5px;font-weight:700}.seg button[aria-pressed=true]{color:var(--ink);background:#fff}.seg button:disabled{cursor:default}.note{text-align:center;color:var(--mist);margin:10px 0 0;font-size:14.5px}.table{position:fixed;inset:0}.hud{z-index:20;align-items:center;gap:8px;display:flex;position:absolute}.round-chip{background:var(--panel);height:40px;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:13px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:14px;font-weight:700;display:flex}.round-chip .zh{width:28px;height:28px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;font-family:Noto Serif SC,serif;font-size:17px;font-weight:900;display:grid}.round-chip small{color:var(--mist);font-size:13px;font-weight:600}.seat-plate{z-index:10;white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.actions{z-index:30;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute}.actions>*{pointer-events:auto}.act{color:#fff;background:linear-gradient(180deg, #5b9cff, var(--blue));border-radius:18px;align-items:center;gap:9px;padding:9px 18px 9px 16px;font-size:20px;font-weight:800;line-height:1;animation:.24s cubic-bezier(.2,.9,.3,1.45) pop;display:inline-flex;box-shadow:0 5px #2459b8,0 10px 22px #00000059}.act:active{transform:translateY(3px);box-shadow:0 2px #2459b8}.act.chow{background:linear-gradient(180deg, #36c48a, var(--green));box-shadow:0 5px #157049,0 10px 22px #00000059}.act.kong{background:linear-gradient(180deg, #a685ff, var(--violet));box-shadow:0 5px #5b36c4,0 10px 22px #00000059}.act.win{background:linear-gradient(180deg, #ff6b57, var(--red));box-shadow:0 5px 0 var(--red-2), 0 0 26px #ff5a46b3;padding:11px 22px;font-size:23px}.act.pass{box-shadow:inset 0 0 0 1.5px var(--line), 0 10px 22px #00000059;background:#081a30eb}.act.discard{background:linear-gradient(180deg, #fff, var(--face-2));color:var(--ink);box-shadow:0 5px #c9bea2,0 10px 22px #0000004d}.act small{opacity:.85;font-size:14px;font-weight:700}.act .group .tile{--tw:20px}.calm .act{animation:none}@keyframes pop{0%{opacity:0;transform:scale(.55)}}.claim-card{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line), 0 10px 22px #00000059;border-radius:18px;align-items:center;gap:12px;padding:8px 14px 8px 16px;font-size:17px;font-weight:700;display:flex}.claim-card .timer{background:#ffffff26;border-radius:6px;width:54px;height:6px;overflow:hidden}.claim-card .timer i{background:var(--gold);transform-origin:0;height:100%;display:block}.tip{color:#fff;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:6px 14px;font-size:14.5px;font-weight:600}.waits{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.waits .w{align-items:flex-end;gap:2px;display:inline-flex}.waits small{color:var(--mist);font-size:12px}.banner{z-index:40;pointer-events:none;letter-spacing:-.01em;white-space:nowrap;color:#fff;text-shadow:0 4px #00000059,0 0 24px #0006;font-size:40px;font-weight:800;animation:1.35s cubic-bezier(.2,.9,.3,1.2) forwards banner;position:absolute;transform:translate(-50%,-50%)}.banner.win{color:var(--gold);font-size:56px}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}30%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-75%)}}.emote{z-index:45;pointer-events:none;filter:drop-shadow(0 4px 6px #0006);font-size:36px;animation:2.5s forwards emote;position:absolute;transform:translate(-50%,-50%)}@keyframes emote{0%{opacity:0;transform:translate(-50%,-10%)scale(.4)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}22%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-110%)}}.emote-picker{z-index:50;background:#fff;border-radius:18px;gap:2px;padding:6px;animation:.18s ease-out pop;display:flex;position:absolute;box-shadow:0 12px 30px #0006}.emote-picker button{border-radius:12px;width:46px;height:46px;font-size:28px}.emote-picker button:active{background:#eee}.sheet-wrap{z-index:60;padding:10px calc(10px + var(--sa-r)) 10px calc(10px + var(--sa-l));-webkit-backdrop-filter:blur(4px);background:#0512228c;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--face);width:100%;max-width:860px;max-height:calc(100dvh - 20px);color:var(--ink);-webkit-user-select:text;user-select:text;border-radius:26px;padding:20px 22px;animation:.3s cubic-bezier(.2,.9,.3,1.1) sheet;overflow-y:auto;box-shadow:0 30px 80px #00000073}.sheet.narrow{max-width:460px}@keyframes sheet{0%{opacity:0;transform:translateY(30px)scale(.97)}}.sheet h2{margin:0;font-size:30px;font-weight:800;line-height:1.05}.sheet .sub{color:#6a6252;margin:2px 0 12px;font-size:16px}.sheet .btn{color:var(--ink);box-shadow:none;background:#1c234014}.sheet .btn.gold{background:linear-gradient(180deg, #ffd56b, var(--gold));color:#3a2600;box-shadow:0 5px 0 var(--gold-2)}.sheet-cols{grid-template-columns:1fr;gap:16px 22px;display:grid}@media (width>=640px){.sheet-cols{grid-template-columns:1.15fr 1fr}}.win-hand{background:radial-gradient(circle at 50% 30%, var(--felt-1), var(--felt-3));border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:7px;margin-bottom:12px;padding:14px 12px 10px;display:flex}.fans{margin:0;padding:0;list-style:none}.fans li{border-bottom:1px solid #1c23401a;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;font-size:16px;font-weight:600;display:flex}.fans .zh{color:#8a7f68;margin-left:6px;font-family:Noto Serif SC,serif;font-size:13px;font-weight:900}.fans .f{font-variant-numeric:tabular-nums;font-weight:800}.fan-total{justify-content:space-between;padding:10px 0 0;font-size:19px;font-weight:800;display:flex}.scores{gap:6px;margin-bottom:14px;display:grid}.score{background:#1c23400d;border-radius:14px;align-items:center;gap:10px;padding:7px 10px;display:flex}.score .avatar{--av:32px;box-shadow:none}.score .n{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.score .d{text-align:right;font-variant-numeric:tabular-nums;width:64px;font-weight:800}.score .t{color:#6a6252;text-align:right;font-variant-numeric:tabular-nums;width:54px;font-size:14px}.score .rdy{background:#1c234026;border-radius:50%;width:10px;height:10px}.score .rdy.on{background:var(--green)}.pos{color:#14804f}.neg{color:var(--red)}details.more summary{cursor:pointer;color:#6a6252;padding:4px 0;font-weight:700}details.more .rh{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}details.more .rh b{text-overflow:ellipsis;white-space:nowrap;width:70px;font-size:14px;overflow:hidden}.podium{justify-content:center;align-items:flex-end;gap:12px;margin:14px 0;display:flex}.podium .p{flex-direction:column;align-items:center;gap:5px;width:30%;max-width:160px;display:flex}.podium .block{background:var(--felt-2);color:#fff;border-radius:14px 14px 4px 4px;place-items:center;width:100%;font-size:24px;font-weight:800;display:grid}.podium .p.first .block{background:linear-gradient(180deg, #ffd56b, var(--gold));color:#3a2600}.podium .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.podium .pts{color:#6a6252;font-size:14px}.rules h3{margin:16px 0 6px;font-size:19px}.rules p,.rules li{color:#3d3829;font-size:16px}.rules table{border-collapse:collapse;width:100%;font-size:15px}.rules td{border-bottom:1px solid #1c23401a;padding:5px 0}.rules td:last-child{text-align:right;font-weight:800}.rules .zh{color:#8a7f68;margin-left:6px;font-family:Noto Serif SC,serif;font-size:13px}.rules .examples{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.rules .examples small{text-align:center;color:#6a6252;display:block}.toast{left:50%;top:calc(14px + var(--sa-t));z-index:100;max-width:calc(100vw - 32px);color:var(--ink);text-align:center;pointer-events:none;background:#fff;border-radius:14px;padding:10px 18px;font-size:16px;font-weight:700;animation:2.8s forwards toast;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #00000059}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.offline-bar{left:50%;top:calc(10px + var(--sa-t));z-index:90;background:var(--red);color:#fff;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%)}.rotate{z-index:80;text-align:center;background:radial-gradient(circle at 50% 40%, var(--felt-2), var(--felt-4));place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rotate .phone{border:4px solid #fff;border-radius:14px;width:64px;height:104px;margin:0 auto 22px;animation:2.4s ease-in-out infinite rot;position:relative}.rotate .phone:after{content:"";background:#fff;border-radius:2px;width:16px;height:4px;margin-left:-8px;position:absolute;bottom:6px;left:50%}@keyframes rot{0%,25%{transform:rotate(0)}50%,75%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate h2{margin:0 0 6px;font-size:26px}.rotate p{color:var(--mist);margin:0 0 18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sheet-actions{background:linear-gradient(180deg, #fffdf600, var(--face) 30%);margin:14px -22px -20px;padding:12px 22px 16px;position:sticky;bottom:-20px}@media (height<=520px){.sheet{border-radius:20px;padding:14px 18px}.sheet h2{font-size:24px}.sheet .sub{margin-bottom:8px;font-size:15px}.score{padding:4px 8px}.fans li{padding:3px 0;font-size:15px}.win-hand{margin-bottom:8px;padding:10px 10px 6px}.sheet-actions{margin:10px -18px -14px;padding:10px 18px 12px;bottom:-14px}}.table .hud>*,.table .plate,.table .actions>*,.table .emote-picker{zoom:var(--k,1)}.table .banner{font-size:calc(40px * var(--k,1))}.table .banner.win{font-size:calc(56px * var(--k,1))}.table .emote{font-size:calc(36px * var(--k,1))}.actions .claim-row{justify-content:center;display:flex}.table3d-host{z-index:0;position:absolute;inset:0}.table3d{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.lobby2{width:100%;max-width:1040px}.lobby-bar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.lobby-bar h1{margin:0;font-size:26px;font-weight:800}.lobby-cols{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=760px){.lobby-cols{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.lobby-col{gap:16px;display:grid}.code-card{text-align:center;padding:18px 22px}.code-card .lbl{color:var(--mist);font-size:15px;font-weight:600}.code-card .big-code{margin:6px 0 12px;font-size:clamp(44px,7vw,60px)}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.card-head h2{white-space:nowrap;margin:0;font-size:19px;font-weight:800}.card-head .count{color:var(--mist);margin-left:4px;font-weight:700}.players{margin:0;padding:0;list-style:none}.players li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.players li:last-child{border-bottom:0}.players li.free .nm{color:var(--mist);font-weight:600}.players .who{flex:1;gap:3px;min-width:0;display:grid}.players .nm{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;overflow:hidden}.players .sub{color:var(--mist);align-items:center;gap:6px;font-size:13.5px;display:flex}.tag{color:#fff;background:#ffffff24;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:800}.tag.host{color:var(--gold);background:#ffc94a33}.tag.off{background:#d8402fcc}.pill-btn{flex:none;padding:6px 13px;font-size:14px}.pill-btn.gold{background:var(--gold);color:#3a2600}.settings .setting{flex-wrap:wrap}.settings .setting>div:first-child{flex:180px}.settings .seg small{opacity:.8;font-size:11px;font-weight:600}.setting.mode .seg button:disabled{opacity:.55}.start .note,.note.start{text-align:center}.confirm{background:#00000038;border-radius:14px;padding:12px}.confirm p{text-align:center;margin:0 0 10px;font-size:15px}.btn.danger{box-shadow:none;background:#d8402f}.home-learn{justify-items:center;gap:6px;margin-top:16px;display:grid}.home-learn .btn small{opacity:.7;font-size:13px;font-weight:600}.tuto{gap:14px;width:100%;max-width:1000px;display:grid}.tuto .lobby-bar{margin-bottom:0}.tuto-modes{justify-self:start}.tuto-progress{gap:6px;display:flex}.tuto-progress button{background:#ffffff2e;border-radius:3px;flex:1;height:6px;padding:0}.tuto-progress button.done{background:#ffc94a8c}.tuto-progress button.on{background:var(--gold)}.tuto-card{grid-template-columns:1fr;gap:18px 28px;animation:.25s both tuto-in;display:grid}@keyframes tuto-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=760px){.tuto-card.has-demo{grid-template-columns:minmax(0,1fr) auto}.tuto-card.has-demo .tuto-quiz{grid-column:1/-1}}.tuto-card.soon{text-align:center}.tuto-num{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:800}.tuto-text h2{margin:2px 0 8px;font-size:26px;font-weight:800;line-height:1.15}.tuto-text p,.tuto-text li{font-size:16.5px;line-height:1.5}.tuto-text p{margin:0 0 10px}.tuto-text ul{gap:6px;margin:0 0 10px;padding-left:20px;display:grid}.tuto-demo{background:#0003;border-radius:18px;place-self:center;padding:16px 18px}.tuto-stack{gap:12px;display:grid}.tuto-lab{justify-items:start;gap:5px;display:grid}.tuto-lab small{color:var(--mist);font-size:13px;font-weight:700}.tuto-hand{flex-wrap:wrap;gap:8px;display:flex}.tuto-take{color:var(--mist);align-items:flex-end;gap:8px;font-weight:800;display:flex}.tuto-fans{border-collapse:collapse;min-width:260px;font-size:15px}.tuto-fans td{border-bottom:1px solid var(--line);padding:4px 0}.tuto-fans td:last-child{text-align:right;color:var(--gold);padding-left:16px;font-weight:800}.tuto-quiz{border-top:1px solid var(--line);padding-top:14px}.tuto-quiz .q{margin-bottom:10px;font-size:17px;font-weight:800}.choices{flex-wrap:wrap;gap:10px;display:flex}.choice{box-shadow:inset 0 0 0 1.5px var(--line);background:#ffffff1a;border-radius:14px;padding:10px 14px;font-size:16px;font-weight:700;transition:transform 80ms}.choice:active{transform:scale(.97)}.choices.hand{gap:3px}.choices.hand .choice{box-shadow:none;background:0 0;border-radius:8px;padding:4px 2px 8px}.choices.hand .choice:hover{transform:translateY(-4px)}.choice.ok{background:#3fd07a29;box-shadow:inset 0 0 0 2.5px #3fd07a}.choice.ko{background:#ff6b5a24;box-shadow:inset 0 0 0 2.5px #ff6b5a}.choices.hand .choice.ok{transform:translateY(-8px)}.choice.hint{box-shadow:inset 0 0 0 2px #3fd07a99}.feedback{color:var(--mist);min-height:2.6em;margin:12px 0 0;font-size:15.5px}.feedback.ok b{color:#5be394}.feedback.ko b{color:#ff8a7a}.tuto-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.rules-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.rules-head h2{margin:0}.fans small{color:inherit;opacity:.6;font-weight:700}.aid-fab{z-index:27;right:calc(16px + var(--sa-r));bottom:calc(16px + var(--sa-b));background:linear-gradient(180deg, #ffd56b, var(--gold));color:#3a2600;height:52px;box-shadow:0 4px 0 var(--gold-2), 0 10px 22px #00000059;border-radius:26px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:16px;font-weight:800;display:flex;position:absolute}.aid-fab svg{width:21px;height:21px}.aid-fab:active{box-shadow:0 2px 0 var(--gold-2), 0 6px 14px #0000004d;transform:translateY(2px)}.aid{z-index:26;right:calc(16px + var(--sa-r));top:64px;bottom:calc(84px + var(--sa-b));box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#09192de6;border-radius:20px;flex-direction:column;gap:10px;width:min(336px,36vw);padding:14px;animation:.18s both aid-in;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff24,0 20px 50px #0006}@keyframes aid-in{0%{opacity:0;transform:translate(16px)}}.aid-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.aid-title{font-size:20px;font-weight:800;line-height:1.15}.aid-tabs{background:#0000004d;border-radius:12px;flex:none;gap:2px;padding:3px;display:flex}.aid-tabs button{color:#fffc;border-radius:9px;flex:1;padding:7px 4px;font-size:13px;font-weight:700}.aid-tabs button[aria-selected=true]{color:var(--ink);background:#fff}.aid-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.aid-body h3{letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;margin:6px 0 0;font-size:11.5px;font-weight:800}.aid-row{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:7px 0;display:flex}.aid-row .t{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.aid-row .n{font-size:14px;font-weight:700;line-height:1.15}.aid-row .ex{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.aid-row small,.aid-useless small,.aid-target small{color:#ffffffbf;font-size:12px}.aid-tiles{flex-wrap:wrap;gap:5px;display:inline-flex}.aid-tiles .g{gap:1px;display:inline-flex}.aid-tiles .tile{box-shadow:0 calc(var(--tw) * .1) 0 var(--back), 0 1px 3px #0000004d}.aid-tiles .tile.ghost{opacity:.42;box-shadow:inset 0 0 0 1.5px #ffffffe6}.badge{text-align:center;color:#fff;white-space:nowrap;background:#ffffff1f;border-radius:9px;flex:none;min-width:40px;padding:6px 8px;font-size:15px;font-weight:800;line-height:1}.badge.big{background:var(--gold);color:var(--ink)}.aid-chips{flex-wrap:wrap;gap:6px;display:flex}.aid-chips span{background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.aid-chips b{color:var(--gold)}.aid-link{color:var(--gold);align-self:flex-start;margin-top:8px;padding:6px 0;font-size:14px;font-weight:700}.aid-target{background:#ffffff0f;border-radius:14px;flex-direction:column;gap:8px;padding:11px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.aid-target.first{background:#ffc94a1f;box-shadow:inset 0 0 0 1.5px #ffc94a8c}.aid-target .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.aid-target .n{font-size:14.5px;font-weight:700}.aid-target .bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.aid-target .bar span{background:#3fd07a;border-radius:3px;height:100%;display:block}.aid-useless{align-items:center;gap:10px;display:flex}.aid-empty,.aid-foot{color:#ffffffbf;margin:4px 0 0;font-size:13px;line-height:1.4}.aid-rules{gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}@media (height<=500px){.aid{top:calc(8px + var(--sa-t));right:calc(8px + var(--sa-r));border-radius:16px;gap:7px;width:min(320px,38vw);padding:10px}.aid-title{font-size:16px}.aid-kicker{display:none}.aid-tabs button{padding:5px 2px;font-size:12px}.aid-fab{right:calc(8px + var(--sa-r));bottom:calc(8px + var(--sa-b));height:44px;padding:0 14px 0 11px;font-size:14px}}