:root{--chalk:#eceee9;--paper:#f7f8f5;--ink:#15171c;--muted:#585c65;--rule:#d5d8d1;--slab:#3b4357;--well:#485168;--bone:#f1eee5;--bone-edge:#c9c3b2;--p1:#2a57d6;--p1-edge:#183a9e;--p2:#e03a3e;--p2-edge:#9e2226;--amber:#e2a226;--royal:#3b2a58;--royal-well:#4e3a70;--gold:#d8a836;--gold-e:#9a7212;--gold-ink:#8a6510;--good:#1e8a5a;--bad:#d64545;--f-wide:"Archivo", "Arial Black", system-ui, sans-serif;--f-ui:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--chalk:#111319;--paper:#181b23;--ink:#eceef2;--muted:#9aa0ad;--rule:#2a2f3b;--slab:#2a3142;--well:#353d51;--bone:#e9e5da;--bone-edge:#a9a291;--p1:#4a74ee;--p1-edge:#2547b0;--p2:#f0585b;--p2-edge:#a8282c;--good:#43c08a;--royal:#2b1f42;--royal-well:#3b2d58;--gold:#e0b44a;--gold-e:#8f6a14;--gold-ink:#e0b44a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--chalk:#111319;--paper:#181b23;--ink:#eceef2;--muted:#9aa0ad;--rule:#2a2f3b;--slab:#2a3142;--well:#353d51;--bone:#e9e5da;--bone-edge:#a9a291;--p1:#4a74ee;--p1-edge:#2547b0;--p2:#f0585b;--p2-edge:#a8282c;--good:#43c08a;--royal:#2b1f42;--royal-well:#3b2d58;--gold:#e0b44a;--gold-e:#8f6a14;--gold-ink:#e0b44a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--chalk);color:var(--ink);font-family:var(--f-ui);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:max(24px, env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--p1);outline-offset:2px}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.05}.wrap{max-width:460px;min-height:calc(100vh - 48px);min-height:calc(100dvh - max(16px, env(safe-area-inset-top,0px)) - max(24px, env(safe-area-inset-bottom,0px)));flex-direction:column;gap:14px;margin:0 auto;display:flex}.tile{--c:var(--bone);--e:var(--bone-edge);--t:#15171c;aspect-ratio:1;background:var(--c);color:var(--t);box-shadow:0 .14em 0 var(--e);font-family:var(--f-wide);border:0;border-radius:22%;place-items:center;padding:0;font-weight:850;font-stretch:125%;line-height:1;display:grid;position:relative}.tile.mine{--c:var(--p1);--e:var(--p1-edge);--t:#fff}.tile.theirs{--c:var(--p2);--e:var(--p2-edge);--t:#fff}.av{color:#fff;width:40px;height:40px;font-family:var(--f-wide);border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:800;font-stretch:115%;display:grid;position:relative}.av.mine{background:var(--p1)}.av.theirs{background:var(--p2)}.av.big{width:56px;height:56px;font-size:24px}.play{background:var(--ink);width:100%;color:var(--paper);font-family:var(--f-wide);cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 55%, var(--p1));border:0;border-radius:18px;padding:16px;font-size:22px;font-weight:850;font-stretch:125%;transition:transform 80ms,box-shadow 80ms}.play:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 55%, var(--p1));transform:translateY(3px)}.play:disabled{opacity:.45;cursor:default}.ghost{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:700}.ghost:hover{color:var(--ink)}.ghost.danger{color:var(--bad)}.sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.note{color:var(--muted);margin:0;font-size:14px}.kicker{font-family:var(--f-wide);color:var(--muted);font-size:14px;font-weight:700;font-stretch:112%}.top{justify-content:flex-end;min-height:32px;display:flex}.mechip{cursor:pointer;background:color-mix(in srgb, var(--ink) 7%, transparent);font-variant-numeric:tabular-nums;border:0;border-radius:99px;align-items:center;gap:7px;padding:3px;font-size:14px;font-weight:700;display:inline-flex}.mechip .av{width:28px;height:28px;font-size:13px}.mechip,.pill,.qbtn{position:relative}.mechip:after,button.pill:after,.qbtn:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reconnect{background:var(--ink);color:var(--paper);border-radius:99px;align-self:center;padding:5px 12px;font-size:13px;font-weight:700}.toast.low{top:auto;bottom:max(16px, env(safe-area-inset-bottom,0px))}.toast{top:max(12px, env(safe-area-inset-top,0px));background:var(--ink);color:var(--paper);z-index:30;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.slab{--gap:6px;background:var(--slab);gap:var(--gap);border-radius:20px;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:9px;display:grid;position:relative;container-type:inline-size}.well{aspect-ratio:1;background:var(--well);perspective:400px;touch-action:manipulation;cursor:default;color:inherit;border:0;border-radius:22%;padding:0;display:grid;position:relative;box-shadow:inset 0 2px #00000047}.well:disabled{cursor:default;pointer-events:none}.well.can{cursor:pointer}.well.can:hover{background:color-mix(in srgb, var(--well) 80%, #fff)}.slab .tile{grid-area:1/1;font-size:8.6cqi}.tile.locked:after{content:"";opacity:.5;border:2px dashed;border-radius:18%;position:absolute;inset:12%}.tile.ghost{box-shadow:none;border:2px dashed color-mix(in srgb, var(--p1) 80%, #fff);color:color-mix(in srgb, var(--p1) 70%, #fff);opacity:.8;background:0 0}.tile.drop{animation:.18s cubic-bezier(.2,1.3,.5,1) both drop}@keyframes drop{0%{opacity:0;transform:translateY(-22px)scale(1.08)}}.tile.turn{animation:.34s both turn}.tile.turn.from-theirs{--from:var(--p2);--from-e:var(--p2-edge)}.tile.turn.from-mine{--from:var(--p1);--from-e:var(--p1-edge)}@keyframes turn{0%{background:var(--from);box-shadow:0 .14em 0 var(--from-e);transform:rotateX(0)}50%{background:var(--from);box-shadow:0 .14em 0 var(--from-e);transform:rotateX(90deg)}51%{background:var(--c);box-shadow:0 .14em 0 var(--e)}to{transform:rotateX(0)}}.tenline{z-index:2;pointer-events:none;opacity:0;background:#fff;border-radius:3px;animation:1.6s ease-in-out both strike}.tenline.mine{box-shadow:0 0 10px color-mix(in srgb, var(--p1) 85%, transparent)}.tenline.theirs{box-shadow:0 0 10px color-mix(in srgb, var(--p2) 85%, transparent)}.tenline.h{transform-origin:0;height:4px;translate:0 calc(var(--gap) / 2 + 2px);--s:scaleX(0);align-self:end;margin:0 8px}.tenline.v{transform-origin:top;width:4px;translate:calc(var(--gap) / 2 + 2px) 0;--s:scaleY(0);justify-self:end;margin:8px 0}@keyframes strike{0%{opacity:1;transform:var(--s)}16%{opacity:1;transform:none}75%{opacity:1;transform:none}to{opacity:0;transform:none}}.match{flex-direction:column;gap:12px;display:flex}.match>.slab,.match>.boardwrap>.slab{max-width:max(260px,100dvh - 380px);margin:0 auto}.match>.boardwrap{align-self:stretch}.match:not(.look-classic)>.boardwrap>.slab{max-width:max(240px,100dvh - 470px)}.plate{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.plate .av,.plate .nm{transition:opacity .3s,color .3s}.plate.idle .av{opacity:.6}.plate.idle .nm{color:var(--muted)}.plate.arrive{animation:.45s cubic-bezier(.2,1.2,.5,1) both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(-16px)}}.plate .clock{grid-column:1/-1;align-items:center;gap:8px;height:26px;margin-top:-4px;display:flex}.clock .track{background:var(--rule);border-radius:99px;flex:1;height:6px;animation:.15s ease-out refill;overflow:hidden}.clock .track i{border-radius:inherit;transform-origin:0;height:100%;transition:transform .25s linear,background-color .3s;display:block}.clock.mine .track i{background:var(--p1)}.clock.theirs .track i{background:var(--p2)}.clock .secs{text-align:right;min-width:2ch;font-family:var(--f-wide);font-variant-numeric:tabular-nums;color:var(--ink);font-size:18px;font-weight:800;font-stretch:125%;line-height:1;transition:color .3s,font-size .2s}.clock.hurry .track i{background:var(--amber)}.clock.hurry .secs{color:var(--amber);font-size:24px;animation:.12s ease-out tick}@keyframes refill{0%{clip-path:inset(0 100% 0 0)}}@keyframes tick{0%{transform:scale(1.18)}}.nm{min-width:0;font-size:16px;font-weight:700;line-height:1.2}.nm>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nm small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;display:block}.nm .off{color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.pts{font-family:var(--f-wide);font-variant-numeric:tabular-nums;font-size:34px;font-weight:850;font-stretch:125%;line-height:1;position:relative}.pts.mine{color:var(--p1)}.pts.theirs{color:var(--p2)}.plus{margin-right:6px;font-size:17px;animation:1.6s ease-out .3s both plus;position:absolute;top:-2px;right:100%}@keyframes plus{0%{opacity:0;transform:translateY(8px)scale(.8)}18%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.rack{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:18px;grid-template-columns:repeat(3,minmax(0,76px)) 1fr;align-items:end;gap:12px;padding:14px 12px 12px;transition:transform .2s;display:grid;container-type:inline-size}.rack.live{transform:translateY(-3px)}.rack .tile{cursor:pointer;touch-action:none;font-size:34px;transition:transform .14s,box-shadow .14s;animation:.18s ease-out rackturn}@keyframes rackturn{0%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rack .tile{animation:none}}.rack .tile[aria-disabled=true]{cursor:default;opacity:.7}.rack .tile.sel{box-shadow:0 .14em 0 var(--e), 0 10px 16px #0000002e;outline:3px solid var(--ink);outline-offset:2px;transform:translateY(-9px)}.rack .tile.lifted{opacity:.35}.tile.dragging{z-index:40;pointer-events:none;width:64px;box-shadow:0 .14em 0 var(--e), 0 14px 24px #00000040;font-size:32px;position:fixed;transform:translate(-50%,-70%)scale(1.06)}.bag{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end;justify-items:center;gap:2px;font-size:13px;font-weight:700;display:grid}.bag svg{width:26px;height:26px}.mclock{color:var(--muted)}.mclock.low{color:var(--amber)}.notes{gap:6px;display:grid}.notes:empty{display:none}.tip{color:var(--muted);text-align:center;margin:0;font-size:14px;font-weight:500}.tip.rule{color:var(--ink);font-weight:700}.resign{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:auto;font-size:14px;font-weight:600;display:flex}.home{flex-direction:column;flex:1;display:flex}.homebody{text-align:center;flex:1;align-content:center;justify-items:center;gap:16px;padding-bottom:2vh;display:grid}.wordmark{grid-template-columns:auto auto;align-items:center;gap:.16em .1em;font-size:clamp(50px,15vw,68px);line-height:1;display:grid}.wordmark .tiles{gap:.08em;display:flex}.wordmark .tiles .tile{width:1.6em;font-size:.56em}.wordmark .word{font-family:var(--f-wide);letter-spacing:-.03em;color:var(--ink);font-weight:900;font-stretch:125%}.wordmark .stroke{background:linear-gradient(90deg, var(--p1) 0 50%, var(--p2) 50%);border-radius:3px;grid-column:1/-1;width:100%;height:6px;display:block}.slab.mini{--gap:4px;border-radius:14px;padding:6px}.slab.mini .tile{font-size:8.6cqi}.home .slab.mini{width:58%;min-width:150px;max-width:calc(100dvh - 520px)}.demo .dplace{animation:6s cubic-bezier(.2,1.3,.5,1) infinite dplace}@keyframes dplace{0%,10%{opacity:0;transform:translateY(-26px)scale(1.1)}18%,92%{opacity:1;transform:none}to{opacity:0}}.demo .dturn{animation:6s ease-in-out infinite dturn}@keyframes dturn{0%,30%{background:var(--p2);box-shadow:0 .14em 0 var(--p2-edge);transform:rotateX(0)}35%{background:var(--p2);transform:rotateX(90deg)}36%{background:var(--p1);box-shadow:0 .14em 0 var(--p1-edge)}40%,92%{background:var(--p1);box-shadow:0 .14em 0 var(--p1-edge);transform:rotateX(0)}to{background:var(--p2);box-shadow:0 .14em 0 var(--p2-edge)}}.demo .dline{animation:6s ease-in-out infinite dline}@keyframes dline{0%,20%{opacity:1;transform:scaleX(0)}28%{opacity:1;transform:none}60%{opacity:1;transform:none}70%,to{opacity:0;transform:none}}.studio{color:var(--muted);letter-spacing:.04em;justify-items:center;gap:4px;padding-top:12px;font-size:12px;font-weight:600;display:grid}.studio img{width:auto;height:32px;display:block}.studio .legal{gap:4px;display:flex}.studio .legal a,.linkbtn{color:var(--muted);font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.studio .legal a:hover,.linkbtn:hover{color:var(--ink)}.linkbtn.danger{color:var(--bad)}.acctfoot{border-top:1px solid var(--rule);justify-content:center;gap:8px;width:100%;margin-top:4px;display:flex}.pbtn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.seek{text-align:center;flex:1;align-content:center;justify-items:center;gap:18px;padding-bottom:10vh;display:grid}.shuffle{grid-template-columns:repeat(3,60px);gap:12px;margin-bottom:8px;display:grid}.shuffle .tile{font-size:28px;animation:1.8s ease-in-out infinite bob}.shuffle .tile:nth-child(2){animation-delay:.2s}.shuffle .tile:nth-child(3){animation-delay:.4s}@keyframes bob{0%,60%,to{transform:none}30%{transform:translateY(-10px)rotate(-3deg)}}.seek h2{font-family:var(--f-wide);font-size:24px;font-weight:800;font-stretch:115%}.seek .sub{margin-top:-8px}.result{flex-direction:column;flex:1;gap:14px;padding-top:8px;animation:.35s both arrive;display:flex}.result h2{font-family:var(--f-wide);letter-spacing:-.02em;font-size:clamp(40px,13vw,60px);font-weight:900;font-stretch:125%}.result h2.won{color:var(--p1)}.final{font-family:var(--f-wide);font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;font-size:44px;font-weight:850;font-stretch:125%;line-height:1;display:flex}.final .mine{color:var(--p1)}.final .theirs{color:var(--p2)}.final .to{color:var(--muted);font-size:24px}.rate{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.rate b{border-radius:6px;padding:1px 8px}.rate b.up{background:color-mix(in srgb, var(--p1) 16%, transparent);color:var(--p1)}.rate b.down{background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted)}.result .slab.mini{align-self:center;width:100%;max-width:max(180px,100dvh - 400px)}.btns{grid-template-columns:1.4fr 1fr;gap:10px;margin-top:auto;display:grid}.btns .play{padding:14px;font-size:18px}.btns .sec{border:2px solid var(--ink);font-family:var(--f-wide);cursor:pointer;background:0 0;border-radius:18px;font-size:16px;font-weight:800;font-stretch:115%}.modes{gap:12px;display:grid}.mode{cursor:pointer;text-align:left;border:0;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;width:100%;min-height:78px;padding:14px 18px;transition:transform 80ms,box-shadow 80ms;display:grid}.mode:active:not(:disabled){transform:translateY(3px)}.mode:disabled{opacity:.6;cursor:default}.mode .mtitle{font-family:var(--f-wide);white-space:nowrap;text-overflow:ellipsis;grid-column:1;align-self:end;font-size:23px;font-weight:850;font-stretch:125%;line-height:1.1;overflow:hidden}.mode .msub{opacity:.75;white-space:nowrap;text-overflow:ellipsis;grid-column:1;align-self:start;margin:-1px 0 -4px;padding-block:4px;font-size:13px;font-weight:600;line-height:16px;overflow:hidden}.mode .mside{white-space:nowrap;grid-area:1/2/3;justify-items:end;gap:6px;font-size:13px;font-weight:600;display:grid}.mode.quick{background:var(--ink);color:var(--paper);box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 55%, var(--p1))}.mode.quick:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 55%, var(--p1))}.mode .mrating{font-family:var(--f-wide);font-variant-numeric:tabular-nums;font-size:20px;font-weight:850;font-stretch:125%;line-height:1}.mode.quick .mside{gap:2px}.mode.daily{background:var(--slab);color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--slab) 60%, #000)}.mode.daily:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--slab) 60%, #000)}.mstreak{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.mode .week{gap:5px;display:flex}.mode .week i{box-sizing:border-box;background:#ffffff2e;border-radius:2.5px;width:9px;height:9px;display:block}.mode .week .played{background:#7d9bf5}.mode .week .today{background:0 0;border:1.5px solid #fff}.mode .week .freeze{border:1.5px solid var(--amber);background:0 0}.streak{background:var(--p1);min-width:24px;height:24px;box-shadow:0 2px 0 var(--p1-edge);color:#fff;font-family:var(--f-wide);border-radius:6px;place-items:center;padding:0 5px;font-size:13px;font-weight:850;font-stretch:115%;display:inline-grid}.dstreak{color:var(--ink);flex-wrap:wrap;gap:0;font-size:14px}.dstreak .streak{margin-right:1px}.dstreak small{color:var(--muted);flex-basis:100%;font-size:13px;font-weight:500}.community{border-top:1px solid var(--rule);gap:10px;padding:16px 0 0;display:grid}.community .chead{color:var(--muted);font-size:13px;font-weight:600}.community dl{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;row-gap:6px;margin:0;font-size:15px;display:grid}.community dt{font-weight:600}.community dd{text-align:right;margin:0;font-weight:800}.community dt small{color:var(--muted);font-size:12px;font-weight:500;display:block}.community strong{font-size:15px;font-weight:700}.hist{align-items:flex-end;gap:2px;height:40px;padding-bottom:15px;display:flex}.hist span{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.hist i{background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:2px 2px 0 0;width:100%;min-height:3px;display:block}.hist .me i{background:var(--p1);min-height:4px}.hist b{color:var(--p1);margin-top:2px;font-size:11px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.daily-result{gap:10px;min-height:0;overflow-y:auto}.daily-result h2{font-size:clamp(34px,10vw,48px)}.daily-result .final{font-size:34px}.daily-result .community{gap:8px;padding-top:12px}.daily-result .community dl{row-gap:4px;font-size:14px}.daily-result .next{text-align:center;margin-top:-2px}.daily-result .slab.mini{flex:none;max-width:max(120px,100dvh - 600px)}.daily-result .btns{margin-top:4px}.sheet{z-index:20;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));background:#0a0c1273;place-items:end center;display:grid;position:fixed;inset:0}@media (width>=600px){.sheet{place-items:center}}.card{background:var(--paper);border-radius:22px;gap:12px;width:min(420px,100%);padding:24px;animation:.3s both arrive;display:grid;box-shadow:0 20px 60px #0000004d}.acct{text-align:center;justify-items:center}.acct h3{font-family:var(--f-wide);font-size:24px;font-weight:800;font-stretch:115%}.acct .note{margin-top:-4px;margin-bottom:4px}.pbtn{border:1.5px solid var(--rule);background:var(--chalk);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:16px;font-weight:700;display:flex}.pbtn.apple{color:#fff;background:#000;border-color:#000}.pbtn:disabled{opacity:.6;cursor:default}.err{color:var(--bad);margin:0;font-size:14px;font-weight:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pbtn.apple{color:#000;background:#fff;border-color:#fff}}:root[data-theme=dark] .pbtn.apple{color:#000;background:#fff;border-color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}.demo .dplace,.demo .dturn,.shuffle .tile{animation:none!important}.demo .dline{opacity:1;animation:none!important}.demo .dturn{background:var(--p1);box-shadow:0 .14em 0 var(--p1-edge)}}.pausedboard{aspect-ratio:1;background:var(--slab);text-align:center;color:#f7f8f5;border-radius:20px;align-content:center;justify-items:center;gap:12px;width:100%;padding:24px;display:grid}.pausedboard h3{font-family:var(--f-wide);margin:0;font-size:30px;font-weight:900;font-stretch:125%}.pausedboard p{opacity:.85;max-width:26ch;margin:0;font-size:15px;line-height:1.4}.pausedboard .play{background:var(--bone);color:#15171c;max-width:240px;box-shadow:0 4px 0 var(--bone-edge)}.pausedboard .play:active{box-shadow:0 1px 0 var(--bone-edge)}.pausedboard .small{opacity:.7;font-size:13px}.plate .clock .pausebtn{background:color-mix(in srgb, var(--ink) 8%, transparent);width:36px;height:36px;color:var(--ink);cursor:pointer;border:0;border-radius:11px;flex:none;place-items:center;margin-left:4px;display:grid}.plate .clock .pausebtn svg{width:18px;height:18px}.plate .clock .pausebtn:active{transform:translateY(1px)}.plate .clock:not(.mine):not(.theirs){justify-content:flex-end}.clock.stopped .track i{background:var(--muted)}.clock.stopped .secs{color:var(--muted);font-family:inherit;font-size:15px;font-weight:700;font-stretch:100%}.modesheet{text-align:left;justify-items:stretch}.modesheet h3,.modesheet>.note{text-align:left}.modelist{gap:12px;max-height:calc(100dvh - 250px);padding:8px 2px 2px;display:grid;overflow-y:auto}.modelist.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),#0000);mask-image:linear-gradient(#000 calc(100% - 44px),#0000)}.moderow{border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px 0 0;display:grid}.moderow.on{border:2px solid var(--ink);padding-right:11.5px}.mpick{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 0 10px 12px;display:grid}.moderow.on .mpick{padding:9.5px 0 9.5px 11.5px}.moderow .qbtn{width:28px;height:28px;font-size:13px}.mprev{gap:4px;display:flex}.mprev .tile{width:28px;font-size:15px}.mtext{gap:2px;display:grid}.mtext b{font-family:var(--f-wide);font-size:16px;font-weight:850;font-stretch:115%}.mtext small{color:var(--muted);font-size:12.5px;line-height:1.25}.moderow{position:relative}.newtag{background:var(--paper);font-style:normal;line-height:14px;font-family:var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 5px;font-size:10px;font-weight:800;font-stretch:100%;position:absolute;top:-7px;right:14px}.tile .kbadge{font-style:normal;font-family:var(--f-ui);background:var(--bone);color:#15171c;border-radius:.3em;padding:.12em .22em;font-size:max(8px,.27em);font-weight:800;font-stretch:100%;line-height:1;position:absolute;bottom:7%;right:7%}.tile.bone .kbadge,.tile.ghost .kbadge{color:var(--bone);background:#15171c}.tile .qidx{font-style:normal;font-family:var(--f-ui);opacity:.9;font-size:max(8px,.26em);font-weight:800;font-stretch:100%;line-height:1;position:absolute;top:7%;left:9%}.tile .joker{width:1em;height:1em}.joker .ring{fill:#fff}.joker .half.blue{fill:var(--p1)}.joker .half.red{fill:var(--p2)}.tile.bone .joker .ring,.tile.ghost .joker .ring{fill:#15171c}.tile.qpick{outline:2.5px solid var(--amber);outline-offset:2px}.pts .incl{text-align:right;font-family:var(--f-ui);color:var(--muted);margin-top:3px;font-size:11px;font-weight:700;font-stretch:100%;display:block}.clock .clabel{color:var(--ink);flex:none;font-size:13px;font-weight:700}.qpicker{background:var(--paper);border:1.5px solid var(--rule);border-radius:18px;justify-items:center;gap:10px;padding:14px 12px 8px;display:grid}.qlabel{font-size:14px;font-weight:700}.qnums{gap:min(10px,2.4vw);display:flex}.qnums .tile{cursor:pointer;width:min(48px,14vw);font-size:min(24px,7vw)}.qnums .tile:active{box-shadow:0 .05em 0 var(--bone-edge);transform:translateY(2px)}.tile.pcard{--spade:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 1C6 6 1 9 1 13c0 3 3 4.5 6 3-.5 1.5-1 2.5-2 3h10c-1-.5-1.5-1.5-2-3 3 1.5 6 0 6-3 0-4-5-7-9-12z'/></svg>");--diamond:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 1 L17.5 10 L10 19 L2.5 10 Z'/></svg>");--suit:var(--spade);border-radius:16%;font-weight:900;overflow:hidden}.tile.pcard.bone,.tile.pcard.paper,.tile.pcard.mine{--c:#fbf9f3;--t:#15171c;--e:#3a3f4c}.tile.pcard.theirs{--c:#fbf9f3;--t:#d42f35;--e:#a3242a;--suit:var(--diamond)}.tile.pcard.turn{animation-name:pturn}.tile.pcard.turn.from-theirs{--from:#fbf9f3;--from-e:#a3242a;--from-t:#d42f35;--from-suit:var(--diamond)}.tile.pcard.turn.from-mine{--from:#fbf9f3;--from-e:#3a3f4c;--from-t:#15171c;--from-suit:var(--spade)}@keyframes pturn{0%,50%{color:var(--from-t);--print:var(--from-suit);box-shadow:0 .14em 0 var(--from-e)}0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}51%{color:var(--t);--print:var(--suit);box-shadow:0 .14em 0 var(--e)}to{transform:rotateX(0)}}.pcard>i{pointer-events:none;font-style:normal;position:absolute}.pc-frame{border:.04em solid color-mix(in srgb, currentColor 35%, transparent);border-radius:.2em;inset:.09em}.pc-frame.solid{border:.07em solid}.pc-ix,.pc-ix2{font-size:.36em;font-stretch:125%;line-height:.9}.pc-ix{top:.38em;left:.42em}.pc-ix2{bottom:.38em;right:.42em;transform:rotate(180deg)}.pc-pips{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);place-items:center;display:grid;inset:17% 22%}.pc-pip,.pc-suit{width:.36em;height:.36em;-webkit-mask:var(--print,var(--suit)) center / contain no-repeat;-webkit-mask:var(--print,var(--suit)) center / contain no-repeat;mask:var(--print,var(--suit)) center / contain no-repeat;background:currentColor}.pc-suit{width:.2em;height:.2em;top:.74em;left:.37em}.pc-pip.big{width:.66em;height:.66em}.pc-art{place-items:center;display:grid;inset:20% 20% 30%}.pc-art.small{inset:24% 14% 12% 18%}.pc-art svg{width:100%;height:100%}.pc-word{text-align:center;letter-spacing:.12em;font-size:.22em;font-stretch:125%;bottom:.5em;left:0;right:0}.pc-vtxt{writing-mode:vertical-rl;letter-spacing:.08em;font-size:.17em;top:.45em;left:.45em;transform:rotate(180deg)}.pc-lock{background:currentColor;border-radius:.1em;place-items:center;width:.42em;height:.42em;display:grid;bottom:.12em;right:.12em}.pc-lock svg{width:72%;height:72%}.well.aim-off .tile{opacity:.35}.well.aim-tg:after,.well.aim-sel:after,.well.acted:after{content:"";pointer-events:none;z-index:2;position:absolute}.well.aim-tg:after{border:2px dashed #fff;border-radius:24%;inset:-3px}.well.aim-sel:after{border:3.5px solid var(--amber);border-radius:25%;inset:-4px}.well.acted:after{border:2.5px solid var(--amber);border-radius:24%;inset:-3px}.well.aim-sel.acted:after{border-width:3.5px}.actpanel{background:var(--paper);border:1.5px solid var(--rule);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.actpanel>.tile{width:62px;font-size:29px}.acttext b{font-family:var(--f-wide);font-size:16px;font-weight:850;font-stretch:115%;display:block}.acttext span{color:var(--muted);font-size:13px;line-height:1.35;display:block}.actbtns{grid-column:1/3;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.actbtns .play{padding:12px 14px;font-size:16px}.actbtns .play:disabled{opacity:.35;cursor:default}.actbtns .ghost{padding:8px 10px}.logl{color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;margin:-6px 0 0;font-size:12.5px;font-weight:700;display:flex}.logl>.tile{flex:none;width:26px;font-size:12.5px}.plate .clock>.logl{flex:1;min-width:0;margin:0;font-size:clamp(11px,3.3vw,12.5px);line-height:1.2}.plate .clock>.logl>.tile{width:18px;font-size:9px}.plate .clock>.logl>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.linepanel{background:var(--paper);border:1.5px solid var(--rule);border-radius:18px;justify-items:center;gap:10px;padding:14px 12px 8px;display:grid}.linebtns{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.linebtns .play{justify-items:center;gap:2px;padding:10px 8px;font-size:17px;display:grid}.linebtns .play small{font-family:var(--f-ui);letter-spacing:0;opacity:.85;font-size:11.5px;font-weight:600;font-stretch:100%}.actbtns>.ghost:only-child{grid-column:2}.qpicker .tile.pcard:disabled{opacity:.35;cursor:default}.slab .battle{z-index:3;pointer-events:none;background:#15171c;border-radius:4px;place-self:center end;width:18px;height:16px;position:relative;box-shadow:0 0 0 2px #fbf9f3}.slab .battle:before{content:"";background:#fbf9f3;position:absolute;inset:3px 3px 5px;-webkit-mask:linear-gradient(90deg,#000 0 25%,#0000 0 37.5%,#000 0 62.5%,#0000 0 75%,#000 0) top/100% 40% no-repeat,linear-gradient(#000,#000) bottom/100% 60% no-repeat;mask:linear-gradient(90deg,#000 0 25%,#0000 0 37.5%,#000 0 62.5%,#0000 0 75%,#000 0) top/100% 40% no-repeat,linear-gradient(#000,#000) bottom/100% 60% no-repeat}.slab .battle.row{margin-right:-14px}.slab .battle.col{place-self:end center;margin-bottom:-12px}.slab .battle.theirs{background:#a3242a}.pbadge{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--muted);border-radius:10px;place-items:center;font-size:17px;font-weight:900;display:grid}.dmode{border:1.5px solid var(--rule);border-radius:14px;gap:2px;margin:0;padding:10px 12px;display:grid}.dmode b{font-family:var(--f-wide);font-size:16px;font-weight:850;font-stretch:115%}.dmode span{color:var(--muted);font-size:13px;line-height:1.35}.mode.quick .msub,.mode.daily .msub{white-space:normal}.mode .msub .nobr{white-space:nowrap}.mode.challenge{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink), 0 4px 0 var(--ink)}.mode.challenge:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--ink), 0 1px 0 var(--ink)}.mode.challenge .msub{white-space:normal;opacity:.8}.mode .cbot{justify-items:center;gap:3px}.mode .cname{align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.av.bot.easy{background:#3f9d6b}.av.bot.medium{background:#7a5bd6}.av.bot.hard{box-shadow:inset 0 0 0 2.5px var(--amber);background:#1f2430}.av.bot.sm{width:32px;height:32px;font-size:14px}.pips{gap:3px;display:inline-flex}.pips i{opacity:.25;background:currentColor;border-radius:2px;width:7px;height:7px}.pips i.on{opacity:1}.challengesheet{grid-template-columns:minmax(0,1fr)}.modesheet.challenge{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px));flex-direction:column;align-items:stretch;gap:11px;display:flex}.modesheet.challenge>.play{white-space:nowrap;text-overflow:ellipsis;flex:none;padding:15px 10px;font-size:clamp(15px,4.6vw,19px);overflow:hidden}.modesheet .lbl{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:-4px;font-size:12px;font-weight:800}.botrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.botcard{border:1.5px solid var(--rule);background:var(--paper);color:var(--muted);font:inherit;cursor:pointer;border-radius:14px;align-content:start;justify-items:center;gap:4px;padding:10px 6px;font-size:12px;display:grid}.botcard b{color:var(--ink);font-family:var(--f-wide);font-size:15px;font-weight:850;font-stretch:115%}.botcard .pips{color:var(--ink)}.botcard.on{border:2px solid var(--ink);padding:9.5px 5.5px}.modesheet.challenge .modelist{flex:0 auto;min-height:130px;max-height:none}.modesheet.challenge>.ghost,.modesheet.challenge>.link{flex:none;align-self:center}.modesheet.challenge>.play.wraps{white-space:normal;text-wrap:balance}.plate .bottag{border:1.5px solid var(--rule);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);vertical-align:2px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:800;display:inline-block}.result-ledger dt small{display:block}@media (height<=600px){.home .demo{display:none}.modesheet.challenge{gap:8px;padding:18px}.modesheet.challenge>.note{font-size:13px}.modesheet.challenge .modelist{min-height:96px}.botcard{grid-template-columns:auto auto;place-content:center;justify-items:start;gap:3px 4px;min-height:52px;padding:6px 4px}.botcard.on{padding:5.5px 3.5px}.botcard>span:not(.pips):not(.av){display:none}.botcard .av.bot.sm{grid-row:1/span 3;width:28px;height:28px;font-size:12px}.botcard b{font-size:14px;line-height:1}.modesheet.challenge .mtext small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=340px){.mode .mtitle{font-size:20px}}.slab.power{--slab:var(--royal);--well:var(--royal-well);box-shadow:inset 0 0 0 2px var(--gold)}.tile.gt{box-shadow:0 .14em 0 var(--gold-e), inset 0 0 0 .08em var(--gold)}.tile.gt.bone,.tile.gt.ghost{--c:var(--royal);--t:var(--gold);background:var(--c)}.rack .tile.gt.mine,.tile.dragging.gt.mine{--c:var(--p1);--e:var(--p1-edge);--t:var(--gold);background:var(--c)}.rack .tile.gt.theirs,.tile.dragging.gt.theirs{--c:var(--p2);--e:var(--p2-edge);--t:var(--gold);background:var(--c)}.rack .tile.gt,.tile.dragging.gt{box-shadow:0 .14em 0 var(--e), inset 0 0 0 .08em var(--gold)}.rack .tile.gt.sel{box-shadow:0 .14em 0 var(--e), inset 0 0 0 .08em var(--gold), 0 10px 16px #0000002e}.tile .pw-art{color:var(--gold);place-items:center;font-style:normal;display:grid;position:absolute;inset:20%}.tile .pw-art svg{width:100%;height:100%}.tile.gt .kbadge,.tile.gt.bone .kbadge{background:var(--gold);color:#2b1f42;bottom:6%;right:6%}.tile .pw-q{color:var(--gold);font-size:1.1em;font-style:normal}.tile .pw-mini{width:.44em;height:.22em;color:var(--gold);display:block;position:absolute;top:9%;left:11%}.tile .pw-mini svg{width:100%;height:100%;display:block}.slab,.rack{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mhead{justify-content:space-between;align-items:center;margin-bottom:-6px;display:flex}.look-power .mhead .kicker{color:var(--gold-ink)}.qbtn{border:1.5px solid var(--rule);background:var(--paper);width:32px;height:32px;color:var(--ink);font-family:var(--f-wide);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:15px;font-weight:800;display:grid}.rstrip{background:var(--paper);border:1.5px solid var(--rule);color:var(--muted);border-radius:14px;gap:6px;padding:10px 12px;font-size:13.5px;line-height:1.35;transition:border-color .15s;display:grid}.rstrip b{color:var(--ink);font-weight:800}.rstrip.lit{border-color:var(--amber)}.rstrip.hint .rline:not(.fade) span{color:var(--ink);font-weight:600}.rline{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;transition:opacity .15s;display:grid}.rline.fade{opacity:.45}.picon{flex:none;width:30px;font-size:14px}.holdbubble{color:#f1f2f4;z-index:50;pointer-events:none;background:#15171c;border-radius:12px;gap:2px;width:max-content;max-width:240px;padding:10px 12px;font-size:13.5px;line-height:1.35;animation:.12s both arrive;display:grid;position:fixed;transform:translate(-50%,-100%);box-shadow:0 10px 24px #0000004d,0 0 0 1px #ffffff1a}.holdbubble b{font-weight:800}.helpsheet{justify-items:stretch;max-height:calc(100dvh - 32px);overflow-y:auto}.helpsheet h3{font-family:var(--f-wide);font-size:24px;font-weight:800;font-stretch:115%}.helpsheet ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.helpsheet li{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;font-size:14px;line-height:1.4;display:grid}.helpsheet li b{color:var(--ink);font-family:var(--f-wide);font-size:15px;font-stretch:110%;display:block}.helpsheet .picon{width:46px;font-size:21px}.suitbadge{background:#fbf9f3;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 0 1.5px}.suitbadge.mine{color:#15171c}.suitbadge.theirs{color:#d42f35}.suitbadge i{width:15px;height:15px;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;background:currentColor}.suitbadge.mine i{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 1C6 6 1 9 1 13c0 3 3 4.5 6 3-.5 1.5-1 2.5-2 3h10c-1-.5-1.5-1.5-2-3 3 1.5 6 0 6-3 0-4-5-7-9-12z'/></svg>")}.suitbadge.theirs i{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 1 L17.5 10 L10 19 L2.5 10 Z'/></svg>")}.plate.idle .suitbadge{opacity:.6}.look-royals .pts.mine{color:var(--ink)}.look-royals .pts.theirs{color:#d42f35}.well.lastspace{place-items:center;box-shadow:inset 0 2px #00000047,inset 0 0 0 2px #ffffff59}.well.lastspace:before{content:"";pointer-events:none;border:1.5px dashed #ffffff73;border-radius:18%;position:absolute;inset:6px}.well .noten{text-align:center;color:#ffffffb3;text-transform:lowercase;pointer-events:none;grid-area:1/1;place-self:center;max-width:3.6em;font-size:11px;font-weight:800;line-height:1.05}.lastcall{border:1.5px solid var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--paper));color:var(--ink);border-radius:14px;align-items:center;gap:10px;margin:0;padding:9px 12px;font-size:13.5px;font-weight:600;line-height:1.3;display:flex}.lastcall b{background:var(--amber);color:#15171c;font-family:var(--f-wide);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;flex:none;padding:2px 7px;font-size:11px;font-weight:850;font-stretch:115%}.lastcall.plain{border-color:var(--rule);background:var(--paper)}.lastcall.plain b{background:var(--ink);color:var(--paper)}.slab.ending .tile{transition:filter .25s}.slab.ending.noten.drop .tile:not(.endtile){filter:saturate(.25)brightness(.9)}.tile.endtile{z-index:1}.slab.ending.drop .tile.endtile{animation:.32s cubic-bezier(.3,1.5,.5,1) both thud}@keyframes thud{0%{opacity:0;transform:translateY(-26px)scale(1.1)}55%{opacity:1;transform:translateY(2px)scale(.97,1.03)}75%{transform:translateY(0)scale(1.02,.98)}to{transform:none}}.endring{pointer-events:none;z-index:2;opacity:0;border-radius:24%;grid-area:1/1;place-self:stretch stretch}.endring.r1{border:3px solid #ffffff8c;animation:.6s ease-out .12s both endring}.endring.r2{--grow:1.9;border:2px solid #ffffff38;animation:.75s ease-out .22s both endring}@keyframes endring{0%{opacity:1;transform:scale(1)}to{transform:scale(var(--grow,1.55));opacity:0}}.endstamp{z-index:4;color:#fff;width:max-content;font-family:var(--f-wide);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#15171c;border-radius:8px;align-self:start;padding:4px 10px;font-size:12px;font-style:normal;font-weight:850;font-stretch:115%;animation:.22s cubic-bezier(.2,1.4,.5,1) 80ms both stamp;translate:0 -62%;rotate:-6deg;box-shadow:0 0 0 2px #fff,0 6px 16px #00000059}.endstamp.below{align-self:end;translate:0 62%}@keyframes stamp{0%{opacity:0;transform:scale(1.6)}}.slab.ending.noten.whistle .tile{animation:.38s ease-out both endwave;animation-delay:calc(var(--ring,0) * 40ms)}@keyframes endwave{0%{filter:saturate(.25)brightness(.9);transform:none}45%{filter:none;transform:translateY(-5px)}to{filter:none;transform:none}}.endbanner{z-index:5;color:#fff;text-align:center;pointer-events:none;background:#15171c;border-radius:16px;justify-items:center;gap:2px;padding:12px 16px;animation:.26s cubic-bezier(.2,1.3,.5,1) both banner;display:grid;position:absolute;top:50%;left:-6px;right:-6px;translate:0 -50%;box-shadow:0 12px 32px #0006}.endbanner b{font-family:var(--f-wide);font-size:26px;font-weight:850;font-stretch:125%;line-height:1.1}.endscore{font-family:var(--f-wide);color:#ffffffb3;font-size:15px;font-weight:800;font-stretch:115%}.endscore .mine{color:#7d9bf5}.endscore .theirs{color:#f0787a}.endbanner small{color:#ffffffd9;font-size:12.5px;font-weight:700}@keyframes banner{0%{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.slab.ending .tile,.endring{animation:none!important}.endring{display:none}}.signask{border:1.5px solid var(--ink);background:var(--paper);text-align:left;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;padding:14px;display:grid}.signask-text{gap:2px;display:grid}.signask-text b{font-family:var(--f-wide);font-size:16px;font-weight:800;font-stretch:112%}.signask-text span{color:var(--muted);font-size:14px;line-height:1.35}.signask-btns{grid-column:1/-1;align-items:center;gap:8px;display:flex}.signask-btns .play{border-radius:14px;flex:1;width:auto;padding:11px 14px;font-size:16px}.mark{--s:20px;width:var(--s);height:var(--s);vertical-align:-.2em;flex:none;place-items:center;font-style:normal;display:inline-grid}.mark.gold:before{content:"";width:70%;height:70%;box-shadow:inset 0 0 0 calc(var(--s) * .07) #fff3c4, 0 0 0 max(1px, calc(var(--s) * .07)) #a8751c;background:#f2c14e;border-radius:22%;transform:rotate(45deg)}.mark.star{box-shadow:0 0 0 max(1px, calc(var(--s) * .07)) #232838;background:#3b4357;border-radius:50%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mark.star{background:#4a5370;box-shadow:0 0 0 1.5px #f1eee58c}}:root[data-theme=dark] .mark.star{background:#4a5370;box-shadow:0 0 0 1.5px #f1eee58c}.mark.star svg{width:72%;height:72%;fill:var(--bone)}.mark.faded{opacity:.4;filter:saturate(.4)}.msub .mark{--s:14px;vertical-align:-2px;margin:0 1px}.top{justify-content:space-between;align-items:center}.pills{gap:8px;display:flex}.pill{background:color-mix(in srgb, var(--ink) 7%, transparent);font-variant-numeric:tabular-nums;border:0;border-radius:99px;align-items:center;gap:6px;padding:5px 10px 5px 7px;font-size:15px;display:inline-flex}button.pill{cursor:pointer}.pill b{font-family:var(--f-wide);font-weight:800;font-stretch:112%}.pill .plus{color:var(--muted);margin-left:2px;font-weight:700}.mode.star{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.mode.star:active:not(:disabled){box-shadow:0 1px 0 var(--ink)}.mode.star .mside{gap:2px}.home.four .slab.mini{max-width:min(100%,max(140px,100dvh - 610px))}.eco-notice{top:calc(max(16px, env(safe-area-inset-top,0px)) + 52px);z-index:40;background:var(--paper);width:min(428px,100% - 32px);color:var(--ink);border:1px solid var(--rule);border-radius:14px;align-items:center;gap:12px;margin:0 auto;padding:12px 16px;animation:.25s both arrive;display:flex;position:fixed;left:0;right:0;box-shadow:0 10px 30px #0000002e}.eco-notice b{font-family:var(--f-wide);font-size:15px;font-weight:800;font-stretch:112%;display:block}.eco-notice small{color:var(--muted);font-size:13px;display:block}.nmark{flex:none;place-items:center;width:24px;height:24px;display:grid;position:relative}.nmark .spinner.small{position:absolute;bottom:-6px;right:-6px}.spinner{border:2.5px solid var(--rule);border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner.small{background:var(--paper);border-width:2px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.eco-sheet{grid-template-columns:minmax(0,1fr);gap:12px}.eco-sheet h3{font-family:var(--f-wide);font-size:26px;font-weight:900;font-stretch:125%}.eco-sheet .note{margin-top:-4px}.eco-sheet .center{text-align:center}.adbtn{text-align:left;justify-items:start;gap:2px;padding:12px 16px;font-size:18px;display:grid}.adbtn span{white-space:nowrap}.adbtn small{font-family:var(--f-ui);opacity:.8;font-size:12px;font-weight:600;font-stretch:100%}.eco-sheet{max-height:calc(100dvh - 32px);overflow-y:auto}@media (width<=360px){.adbtn{padding:12px 14px;font-size:16px}.eco-sheet{padding:20px 16px}}.adcap{border:1px solid var(--rule);border-radius:14px;margin:0;padding:12px 14px}.adcap b{font-family:var(--f-wide);font-weight:800;font-stretch:112%;display:block}.adcap small{color:var(--muted);font-size:13px}.adcap.tight small{line-height:1.45;display:block}.packrows{gap:8px;display:grid}.ghost.strong{color:var(--ink);font-family:var(--f-wide);justify-self:center;font-weight:800;font-stretch:112%}.foot{text-align:center;color:var(--muted);margin:0;font-size:12px}.pack{border:1.5px solid var(--rule);background:var(--paper);cursor:pointer;text-align:left;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:14px}.pack:disabled{cursor:default}.pack b{font-family:var(--f-wide);font-size:18px;font-weight:850;font-stretch:125%;line-height:1.1}.pack small{color:var(--muted);font-size:12px}.pack .tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:10px;font-weight:800}.pack.starter{border:2px solid var(--p1)}.pack.row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.pinfo{min-width:0;display:grid}.price{white-space:nowrap;background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--muted);border-radius:8px;justify-self:end;padding:3px 9px;font-size:13px;font-weight:800}.price.blue{background:var(--p1);color:#fff}.pack.card-cell{align-content:start;justify-items:start;gap:4px;min-height:120px;padding:14px;display:grid}.pack.card-cell .price{justify-self:start;margin-top:6px}.store{flex-direction:column;flex:1;gap:8px;animation:.3s both arrive;display:flex}.store .back{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-weight:800}.store .label{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.store .bal{align-items:center;gap:12px;display:flex}.store .bal b{font-family:var(--f-wide);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;font-stretch:125%;line-height:1}.store .refill{color:var(--muted);justify-content:space-between;gap:8px;margin:0 0 6px;font-size:13px;display:flex}.store .refill b{color:var(--ink);white-space:nowrap;font-weight:700}.store .refill.stacked{display:block}.store .refill.stacked small{font-size:13px;display:block}.packgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pnote{border:1.5px dashed var(--rule);color:var(--muted);text-align:center;border-radius:14px;place-items:center;margin:0;padding:14px;font-size:12px;display:grid}.store .foot{margin-top:8px}.store .restore{align-self:center;font-size:13px}.ledger{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;align-items:center;row-gap:2px;margin:0;display:grid}.ledger dt{font-size:14px;font-weight:600}.ledger dd{text-align:right;justify-content:flex-end;align-items:center;gap:6px;margin:0;display:inline-flex}.ledger .big{font-family:var(--f-wide);font-size:18px;font-weight:850;font-stretch:125%}.ledger .acts{font-size:15px}.ledger .muted{color:var(--muted);font-size:12px;font-weight:500}.ledger .down{color:var(--bad)}.ledger .up{color:var(--p1)}.ledger .even{color:var(--muted)}.result-ledger{margin-top:-4px}.devbtn{z-index:50;border:1px dashed var(--muted);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:12px;position:fixed;bottom:12px;right:12px}.devpanel{z-index:50;background:var(--paper);border:1px dashed var(--muted);border-radius:12px;gap:6px;max-width:460px;margin:0 auto;padding:10px;font-size:12px;display:grid;position:fixed;bottom:8px;left:8px;right:8px}.devpanel p{color:var(--muted);margin:0}.devpanel .drow,.devpanel .dchoice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.devpanel .dchoice{justify-content:flex-start}.devpanel .dchoice span{min-width:60px;font-weight:700}.devpanel button{border:1px solid var(--rule);background:var(--chalk);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:12px}.devpanel button.on{background:var(--ink);color:var(--paper)}.devpanel input{width:52px;font:inherit;padding:2px 4px}.yourstars{border-top:1.5px solid var(--rule);flex-direction:column;gap:8px;margin-top:18px;padding-top:16px;scroll-margin-top:16px;display:flex}.yourstars .label{color:var(--muted);font-size:13px;font-weight:600}.yourstars .bal{align-items:center;gap:12px;display:flex}.yourstars .bal b{font-family:var(--f-wide);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;font-stretch:125%;line-height:1}.yourstars .refill{color:var(--muted);margin:0 0 6px;font-size:13px}.pack.blocked{opacity:.45}.spendcard{border:1.5px solid var(--rule);font-variant-numeric:tabular-nums;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.spendcard dl{grid-template-columns:1fr auto;row-gap:2px;margin:0;font-size:13px;display:grid}.spendcard dt{font-weight:600}.spendcard dd{text-align:right;margin:0}.spendcard .muted{color:var(--muted);font-size:12px;font-weight:500}.spendcard .bar{background:var(--rule);border-radius:4px;height:8px;display:block;overflow:hidden}.spendcard .bar i{background:var(--ink);border-radius:4px;height:100%;display:block}.spendline{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.spendnote{color:var(--muted);margin:0;font-size:12px}.link{color:var(--ink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:13px;font-weight:800;text-decoration:underline}.link.center{justify-self:center}.callout{background:color-mix(in srgb, var(--rule) 55%, transparent);border-radius:14px;margin:0;padding:12px 14px}.callout b{font-family:var(--f-wide);font-size:14px;font-weight:800;font-stretch:112%;display:block}.callout small{color:var(--ink);font-size:13px;display:block}.outline{border:2px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);font-family:var(--f-wide);cursor:pointer;border-radius:18px;padding:13px;font-size:17px;font-weight:850;font-stretch:112%}.spendledger{border:1.5px solid var(--rule);border-radius:14px;padding:10px 14px}.spendledger dd{font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:800}.chip.on{border:2px solid var(--ink);padding:7.5px 13.5px}.note.small{margin:0;font-size:12px}.pack.blocked.starter{border:1.5px solid var(--rule)}.store~.eco-notice{top:auto;bottom:calc(max(16px, env(safe-area-inset-bottom,0px)) + 8px)}.play.sheet-play{padding:15px 12px;font-size:17px;font-stretch:120%}.narrow-only{display:none}@media (width<=340px){.wide-only{display:none}.narrow-only{display:inline}}.invrow{border:1.5px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.invrow b{font-family:var(--f-wide);font-size:16px;font-weight:850;font-stretch:112%;display:block}.invrow small{color:var(--muted);font-size:12px;display:block}.invrow i{color:var(--muted);font-size:18px;font-style:normal}.invite .invgifts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.invgifts>div{border:1.5px solid var(--rule);border-radius:14px;align-content:start;gap:4px;padding:12px;display:grid}.invgifts small{font-size:12px;font-weight:700}.invgifts b{font-family:var(--f-wide);align-items:center;gap:8px;font-size:22px;font-weight:900;font-stretch:125%;display:flex}.invgifts span{color:var(--muted);font-size:12px}.invlabel{color:var(--muted);justify-self:center;font-size:12px;font-weight:700}.codetiles{cursor:pointer;background:0 0;border:0;justify-content:center;gap:8px;padding:0;display:flex}.codetile{background:var(--bone);color:#15171c;width:44px;height:52px;box-shadow:0 4px 0 var(--bone-edge);font-family:var(--f-wide);border-radius:10px;place-items:center;font-size:26px;font-weight:900;font-stretch:125%;display:grid}.invhint{color:var(--muted);justify-self:center;margin-top:2px;font-size:12px}.invprogress{border-top:1.5px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:13px;display:flex}.squares{gap:4px;display:flex}.squares i{background:var(--rule);border-radius:4px;width:16px;height:16px}.squares i.on{background:var(--p1);box-shadow:inset 0 -2px 0 var(--p1-edge)}.invpending{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;font-size:13px;display:flex}.invcap{margin:0;font-size:13px}.codeboxes{justify-content:center;gap:8px;display:flex;position:relative}.codeboxes input{opacity:0;caret-color:#0000;width:100%;font-size:16px;position:absolute;inset:0}.codebox{background:var(--paper);border:2px solid var(--rule);width:44px;height:52px;font-family:var(--f-wide);border-radius:10px;place-items:center;font-size:26px;font-weight:900;font-stretch:125%;display:grid}.codeboxes:focus-within .codebox.cur{border-color:var(--ink)}.codeboxes.bad .codebox{border-color:var(--bad)}.codeerr{text-align:center;color:var(--bad);margin:0;font-size:13px;font-weight:600}@media (width<=360px){.codetile,.codebox{width:38px;height:46px;font-size:22px}.codetiles,.codeboxes{gap:6px}}.codelink{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;min-height:44px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:underline}.friend .back{color:var(--muted);font-size:14px;text-decoration:none}.friend .rules{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.friend .waiting{color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.outline.danger{border-color:var(--bad);color:var(--bad)}.stakechip{border:1.5px solid var(--rule);background:var(--paper);border-radius:999px;place-self:center;align-items:center;gap:6px;width:max-content;margin-top:-6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.resign .locked{opacity:.55;pointer-events:none}.resign .lockhint{color:var(--muted);font-size:13px}.note.warn{color:var(--bad);font-weight:700}.result .pairline{color:var(--muted);text-align:center;margin:0;font-size:13px}.lhead{gap:10px}.lhead .kicker{flex:1}.lbars{gap:4px;display:flex}.lbars i{background:var(--rule);border-radius:99px;width:16px;height:4px}.lbars i.on{background:var(--ink)}.lskip{color:var(--ink);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0 10px 8px;font-size:14px;font-weight:800}.coachcard{background:var(--ink);color:var(--paper);box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 55%, var(--p1));border-radius:16px;padding:13px 16px 12px;animation:.25s both arrive}.coachcard b{font-family:var(--f-wide);font-size:17px;font-weight:850;font-stretch:112%;line-height:1.2;display:block}.coachcard p{margin:4px 0 0;font-size:14px;line-height:1.4}.coachcard .cfoot{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.coachcard small{opacity:.75;font-size:12px}.coachcard .cnext{background:var(--paper);color:var(--ink);cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:9px 18px;font-size:14px;font-weight:800}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .coachcard{background:var(--bone);color:#15171c;box-shadow:0 4px 0 var(--bone-edge)}:root:not([data-theme=light]) .coachcard .cnext{color:var(--bone);background:#15171c}}:root[data-theme=dark] .coachcard{background:var(--bone);color:#15171c;box-shadow:0 4px 0 var(--bone-edge)}:root[data-theme=dark] .coachcard .cnext{color:var(--bone);background:#15171c}.well.coachdim{opacity:.42;transition:opacity .2s}.well.coachring:after{content:"";border:3px solid var(--amber);pointer-events:none;z-index:2;border-radius:25%;position:absolute;inset:-4px}.lesson .tile.coachring,.lesson .play.coachring{outline:3px solid var(--amber);outline-offset:2px}.clock.off .track i{background:var(--rule)}.clock.off .secs{color:var(--muted);white-space:nowrap;font-family:inherit;font-size:12px;font-weight:700;font-stretch:100%}.learnrow{border:2px dashed var(--rule);border-radius:16px;align-items:center;gap:10px;padding:8px 6px 8px 12px;display:flex}.learnrow .lmini{flex:none;gap:3px;display:flex}.learnrow .lmini .tile{width:20px;box-shadow:0 2px 0 var(--e);border-radius:5px;font-size:11px;font-style:normal}.learnrow .ltext{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.learnrow .ltext b{font-size:15px}.learnrow .ltext small{color:var(--muted);font-size:12.5px}.learnrow .lstart{background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:10px;flex:none;min-height:40px;padding:0 16px;font-size:14px;font-weight:800}.learnrow .lx{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;width:40px;min-height:44px;font-size:22px}.play small{font-family:var(--f-ui);opacity:.75;margin-top:2px;font-size:12px;font-weight:600;font-stretch:100%;display:block}.newmode .kicker{margin-bottom:-6px}.lessondone h2{line-height:1}.lessondone h2.done{font-size:clamp(34px,10vw,46px)}.lessondone .btns{margin-top:4px;display:block}.lessondone .note{color:var(--ink);margin-top:-8px;font-weight:700}.lessondone .ghost.strong{align-self:center}.lessonrows{flex-direction:column;gap:8px;display:flex}.lessonrow{text-align:left;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;min-height:56px;font:inherit;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.lessonrow .licon{background:var(--ink);width:34px;height:34px;color:var(--paper);font-family:var(--f-wide);border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:850;display:grid}.lessonrow.power .licon{background:var(--royal);color:var(--gold)}.lessonrow .ltext{flex-direction:column;flex:1;line-height:1.25;display:flex}.lessonrow .ltext b{font-size:15px}.lessonrow .ltext small{color:var(--muted);font-size:12.5px}.lessonrow .lgo{color:var(--muted);font-size:20px}.linkbtn.showme{align-self:center;margin-top:4px}.match.lesson>.boardwrap>.slab{max-width:max(180px,100dvh - 520px)}.match.lesson:not(.look-classic)>.boardwrap>.slab{max-width:max(170px,100dvh - 610px)}@media (height<=700px){.coachcard{padding:10px 14px}.coachcard b{font-size:16px}.coachcard p{font-size:13px}}.newmode .sec{border:2px solid var(--ink);width:100%;color:var(--ink);font-family:var(--f-wide);cursor:pointer;background:0 0;border-radius:18px;padding:14px;font-size:18px;font-weight:800;font-stretch:115%}.match.lesson .plate.theirs .clock{display:none}.match.lesson .lhead .kicker{color:var(--muted)}