@font-face{font-family:Rammetto One;src:url(/fonts/rammetto-one-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/flip-discs/fonts/AtkinsonHyperlegible-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/flip-discs/fonts/AtkinsonHyperlegible-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Gloock;src:url(/flip-discs/fonts/Gloock.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/flip-discs/fonts/HankenGrotesk.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Corben;src:url(/flip-discs/fonts/Corben-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Corben;src:url(/flip-discs/fonts/Corben-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-fat-one-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--ground: #fdf1dc;--room: linear-gradient(#d9344a, #d9344a) 0 62px / 100% 5px no-repeat, linear-gradient(#d9344a, #d9344a) 0 72px / 100% 2px no-repeat, repeating-linear-gradient(0deg, #0000 0 3px, #b98a4a0d 3px 4px), repeating-linear-gradient(90deg, #0000 0 3px, #b98a4a0d 3px 4px), linear-gradient(180deg, #fdf1dc, #f6e3c3);--ink: #3b2314;--muted: #7a5a44;--accent: #d9344a;--accent-hi: #a81f35;--card: #fff8ea;--card-ink: #3b2314;--card-em: #a81f35;--lift: 0 0 0 2px #3b2314, 0 3px 0 2px #3b2314;--lift-soft: 0 0 0 2px #3b2314, 0 3px 0 2px #0002;--r: 18px;--r-btn: 27px;--go: #d9344a;--go-ink: #fff;--mark: #fff8ea;--rimf: .04;--f-voice: "Rammetto One", Georgia, serif;--f-ui: "Atkinson Hyperlegible", system-ui, sans-serif;--f-sq: "Atkinson Hyperlegible", system-ui, sans-serif;--w-voice: 400;--beat: .12s;--step: 70ms;--turn: .3s;color-scheme:light}:root,.look-tea{--c-dark: #4a2a1b;--c-dark-hi: #7a4a31;--c-light: #f2cb8c;--c-light-lo: #c98f4e;--sw: #1f8c8a}:root[data-dress=club]{--ground: #150f0b;--room: radial-gradient(120% 70% at 50% 40%, #3a2717 0%, #1b120c 55%, #150f0b 100%);--ink: #efe4cc;--muted: #cdbf9f;--accent: #c9a24a;--accent-hi: #f0d78c;--card: #efe4cc;--card-ink: #2a2318;--card-em: #7a5c1e;--lift: 0 3px 0 #a99a78;--lift-soft: 0 6px 12px -6px #000c;--r: 3px;--r-btn: 3px;--go: #c9a24a;--go-ink: #1a110b;--mark: #efe4cc;--rimf: .032;--f-voice: "Gloock", Georgia, serif;--f-ui: "Hanken Grotesk", system-ui, sans-serif;color-scheme:dark}:root[data-dress=club],.look-club{--c-dark: #222;--c-dark-hi: #4a4a48;--c-light: #efe7d6;--c-light-lo: #1a1a1a;--sw: #1f5c40}:root[data-dress=tin]{--ground: #1a2848;--room: repeating-linear-gradient(135deg, #ffffff07 0 2px, transparent 2px 5px), repeating-linear-gradient(45deg, #00000018 0 1px, transparent 1px 4px), linear-gradient(170deg, #34507f, #23365e 45%, #1a2848);--ink: #f3ead8;--muted: #c8cfe0;--accent: #e8b64a;--accent-hi: #f5cf78;--card: #efe2c4;--card-ink: #1c2238;--card-em: #8f5a1a;--lift: 0 3px 0 #0007;--lift-soft: 0 3px 0 #0005;--r: 4px;--r-btn: 4px;--go: #e8b64a;--go-ink: #1c2238;--mark: #f3ead8;--rimf: .036;--f-voice: "Corben", Georgia, serif;--f-ui: "Atkinson Hyperlegible", system-ui, sans-serif;--w-voice: 700;color-scheme:dark}:root[data-dress=tin],.look-tin{--c-dark: #3a2618;--c-dark-hi: #6a4a33;--c-light: #f6f1e7;--c-light-lo: #cfc3c8;--sw: #23365e}:root[data-dress=pond]{--ground: #0f6f93;--room: radial-gradient(60% 40% at 18% 12%, #ffffff1f, transparent 70%), radial-gradient(70% 50% at 85% 80%, #0b334455, transparent 70%), radial-gradient(130% 90% at 50% 30%, #1d93b5, #0f6f93 55%, #0b5470);--ink: #f4fbf7;--muted: #cfe9ef;--accent: #ffcf3f;--accent-hi: #ffe07a;--card: #f4fbf7;--card-ink: #0b3344;--card-em: #0f6f93;--lift: 0 4px 0 #0b334466;--lift-soft: 0 4px 10px -4px #0b334488;--r: 18px;--r-btn: 27px;--go: #2f8a4a;--go-ink: #f4fbf7;--mark: #fff;--rimf: .012;--f-voice: "Fredoka", system-ui, sans-serif;--f-ui: "Atkinson Hyperlegible", system-ui, sans-serif;--w-voice: 700;color-scheme:dark}:root[data-dress=pond],.look-pond{--c-dark: #1d6a3b;--c-dark-hi: #3d9a55;--c-light: #fff;--c-light-lo: #8fd6a0;--sw: #0f6f93}:root[data-dress=caps]{--ground: #ffd9e6;--room: radial-gradient(circle, #ff9fc055 0 2px, transparent 2.5px) 0 0 / 18px 18px, #ffd9e6;--ink: #1a1530;--muted: #4a3f66;--accent: #ff4f7b;--accent-hi: #5b3fd6;--card: #fffdf6;--card-ink: #1a1530;--card-em: #5b3fd6;--lift: 0 0 0 3px #1a1530, 0 4px 0 3px #1a1530;--lift-soft: 0 0 0 3px #1a1530, 0 4px 0 3px #1a153033;--r: 16px;--r-btn: 16px;--go: #ff4f7b;--go-ink: #fffdf6;--mark: #fffdf6;--rimf: .032;--f-voice: "Bagel Fat One", system-ui, sans-serif;--f-ui: "Bricolage Grotesque", system-ui, sans-serif;--f-sq: "Bricolage Grotesque", system-ui, sans-serif;--w-voice: 400;color-scheme:light}:root[data-dress=caps],.look-caps{--c-dark: #232a6e;--c-dark-hi: #3a44a8;--c-light: #ffd84a;--c-light-lo: #1a1530;--sw: #7a5cf5}*{box-sizing:border-box}html{background:var(--ground);height:100%}body{margin:0;height:100%;overflow:hidden;background:var(--room);color:var(--ink);font:16px/1.3 var(--f-ui);font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{height:100%}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}svg{display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-hi);outline-offset:2px}.defs{position:absolute;width:0;height:0;overflow:hidden}.sqn{font:700 .92em var(--f-sq);letter-spacing:.02em}.room{height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}hub-bar{display:block;flex:none}:root hub-bar{--hf-ink: var(--card-ink);--hf-fill: var(--card);--hf-radius: var(--r-btn);--hf-shadow: var(--lift);--hf-font: var(--f-ui)}.play{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px 12px calc(10px + env(safe-area-inset-bottom,0px))}.score{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px}.side>*{min-width:0}.side{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;position:relative;padding:6px 10px 6px 6px;border-radius:var(--r);min-height:58px}.side.them{grid-template-columns:1fr auto;text-align:right;padding:6px 6px 6px 10px}.side.them .chipd{order:2}.chipd{display:block;width:46px;height:46px;flex:none}.chipd .face{width:100%;height:100%}.side .n{display:block;font:var(--w-voice) 34px/1 var(--f-voice)}.side small{display:block;white-space:nowrap;font:700 12px/1 var(--f-ui);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-top:3px}.side.on{background:var(--card);color:var(--card-ink);box-shadow:var(--lift)}.side.on small{color:var(--card-em)}.side.passed{opacity:.62}.side.passed .chipd{transform:rotate(180deg) scaleY(.5)}.delta{position:absolute;top:-12px;font:var(--w-voice) 17px/1 var(--f-voice);padding:5px 9px;border-radius:12px;background:var(--go);color:var(--go-ink);transform:rotate(-6deg);z-index:2}.side.you .delta{right:8px}.side.them .delta{left:8px;transform:rotate(5deg)}.delta.down{background:var(--card-ink);color:var(--card)}.lead{display:grid;justify-items:center;gap:3px;padding-bottom:6px}.lead .mk{display:block;translate:calc(var(--lean) * 26px) 0}.sart{display:block;width:44px;height:40px}.lvl{font:700 12px/1 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bar{display:block;width:76px;height:9px;border-radius:5px;box-shadow:0 0 0 2px var(--ink)}.you-dark .bar{background:linear-gradient(90deg,var(--c-dark) var(--share),var(--c-light) 0)}.you-light .bar{background:linear-gradient(90deg,var(--c-light) var(--share),var(--c-dark) 0)}.pips{display:flex;gap:5px;align-items:center;justify-content:center;width:auto;height:22px}.pips i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--accent)}.pips i.on{background:var(--accent)}.plates{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 6px}.plate{height:58px;display:flex;align-items:flex-end;gap:5px;padding:0 12px 7px;position:relative}.plate:before{content:"";position:absolute;left:0;right:0;bottom:0;height:13px;border-radius:50%;background:var(--card);box-shadow:var(--lift-soft)}.plate+.plate{justify-content:flex-end}.stk{display:flex;flex-direction:column-reverse;position:relative}.stk i{width:24px;height:8px;border-radius:50%;margin-top:-4.4px}.plate.dark i{background:var(--c-dark);box-shadow:inset 0 1.5px 0 var(--c-dark-hi),0 1px #0006}.plate.light i{background:var(--c-light);box-shadow:inset 0 1.5px #fff6,0 1px 0 var(--c-light-lo)}.boardbox{flex:1 1 0;min-height:0;container-type:size;display:grid;place-items:center}.tray{--rim: calc(var(--rimf) * 100%);width:min(100cqw,100cqh);aspect-ratio:1;position:relative;padding:calc(min(100cqw,100cqh) * var(--rimf))}.bd{display:grid;grid-template-columns:repeat(8,1fr);width:100%;height:100%;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.sq{all:unset;box-sizing:border-box;position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;cursor:default}.sq:not(:disabled){cursor:pointer}.sq:disabled{pointer-events:none}.sq:focus-visible{outline:3px solid var(--accent-hi);outline-offset:-3px;z-index:2}.disc{display:grid;width:84%;height:84%;position:relative}.face{display:block;grid-area:1 / 1;width:100%;height:100%}.face.old{opacity:0}.ghost{display:grid;width:84%;height:84%;opacity:.62;pointer-events:none}.rn,.cl{position:absolute;display:grid;font:700 9px/1 var(--f-sq);text-align:center;align-items:center;pointer-events:none;color:var(--muted)}.rn{grid-template-rows:repeat(8,1fr);left:0;top:var(--rim);bottom:var(--rim);width:var(--rim)}.cl{grid-template-columns:repeat(8,1fr);left:var(--rim);right:var(--rim);bottom:0;height:var(--rim)}.mark{display:block;width:46%;height:46%;border-radius:50%;border:3px dotted var(--mark)}.sq.legal:before{content:"";position:absolute;inset:14%;border-radius:50%;background:#ffffff1c}.sq.last:after{content:"";position:absolute;inset:3%;border-radius:50%;border:2.5px solid var(--mark);pointer-events:none}.sq.turned{background:#fff2}.sq.press{background:#fff3}.sq.pre .disc{transform:translateY(-9%) rotate(-10deg)}.sq.pre:after{content:"";position:absolute;inset:3%;border-radius:50%;border:2.5px dashed var(--mark);pointer-events:none}.sq.hint:before{background:var(--accent);inset:10%;box-shadow:0 0 0 3px var(--mark)}.sq.hint .mark{border-style:solid}.disc.gone{opacity:.22;transform:scale(.8)}.pin{position:absolute;right:5%;top:5%;width:24%;height:24%;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--mark),0 2px 0 2px #0004;pointer-events:none}.ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.ink line,.ink path{fill:none;stroke:var(--accent);stroke-width:.11;stroke-linecap:round;stroke-dasharray:1;paint-order:stroke;filter:drop-shadow(0 0 .03px var(--mark))}.ink line{stroke:var(--mark);stroke-width:.07;stroke-dasharray:.09 .07}.ink .no{stroke-width:.13}.passnote{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:grid;gap:3px;justify-items:center;text-align:center;padding:12px 18px;border-radius:var(--r);background:var(--card);color:var(--card-ink);box-shadow:var(--lift);white-space:nowrap;pointer-events:none}.passnote b{font:var(--w-voice) 19px/1.1 var(--f-voice)}.passnote span{font:700 13px/1 var(--f-ui);color:var(--card-em)}.runtag{position:absolute;z-index:4;left:calc(var(--rim) + (var(--x) + .5) * (100% - 2 * var(--rim)) / 8);top:calc(var(--rim) + var(--y) * (100% - 2 * var(--rim)) / 8);transform:translate(-50%,-70%) rotate(-7deg);font:var(--w-voice) 18px/1 var(--f-voice);color:var(--go-ink);background:var(--go);padding:6px 10px;border-radius:13px;box-shadow:0 0 0 2px var(--card);white-space:nowrap;pointer-events:none}.tap{position:absolute;z-index:3;width:13%;left:calc(var(--rim) + (var(--x) + .5) * (100% - 2 * var(--rim)) / 8);top:calc(var(--rim) + (var(--y) + .5) * (100% - 2 * var(--rim)) / 8);pointer-events:none}.hand{width:100%;fill:var(--card);stroke:var(--card-ink)}.owlrow{flex:none;display:flex;align-items:center;gap:10px;padding:2px 4px;min-height:76px}.owl{width:58px;height:58px;flex:none;display:block}.say{flex:1;min-width:0;background:var(--card);color:var(--card-ink);border-radius:var(--r) var(--r) var(--r) 4px;padding:9px 13px 10px;font:400 16px/1.25 var(--f-ui);box-shadow:var(--lift-soft)}.say small{display:block;font:700 11px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--card-em);margin-bottom:4px}.owlrow.quiet .say{background:none;box-shadow:none}.owlrow:has(.say span:empty) .say{visibility:hidden}.acts{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;padding:0 4px 4px}.acts.end{grid-auto-flow:row;grid-template-columns:1.5fr 1fr 1fr}.btn{min-height:54px;padding:0 14px;border-radius:var(--r-btn);display:flex;align-items:center;justify-content:center;gap:8px;font:var(--w-voice) 17px/1 var(--f-voice);background:var(--card);color:var(--card-ink);box-shadow:var(--lift);text-align:center}.btn svg{width:22px;height:22px;flex:none}.btn.go{background:var(--go);color:var(--go-ink)}.btn.small{min-height:44px;font:700 15px/1 var(--f-ui)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}.btn:active:not(:disabled){transform:translateY(2px)}.btn small{display:block;font:700 11px/1 var(--f-ui);margin-top:4px;opacity:.9}.record{display:none}.result{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;visibility:hidden}.result.said{visibility:visible}.result h1{margin:0;font:var(--w-voice) 34px/1 var(--f-voice);color:var(--accent)}.result.lost h1,.result.draw h1{color:var(--ink)}.earn{display:inline-flex;align-items:center;gap:7px;font:var(--w-voice) 20px/1 var(--f-voice);padding:6px 14px 6px 8px;border-radius:20px;background:var(--card);color:var(--card-ink);box-shadow:var(--lift);transform:rotate(4deg)}.coin{display:block;width:24px;height:24px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8e0,#f6c443 45%,#b97a10);position:relative;box-shadow:inset 0 0 0 1.5px #8a5a08}.coin:before,.coin:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.6px;border-radius:2px;background:#7a4d05;transform:translate(-50%,-50%) rotate(45deg)}.coin:after{transform:translate(-50%,-50%) rotate(-45deg)}.title{flex:none;margin:0;text-align:center;font:var(--w-voice) 40px/1 var(--f-voice);letter-spacing:.01em}.title em{font-style:normal;color:var(--accent)}.picks{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick{display:grid;justify-items:center;gap:4px;padding:8px 4px 9px;min-height:44px;border-radius:var(--r);font:var(--w-voice) 15px/1 var(--f-voice);position:relative}.pick .sart{width:64px;height:57px}.pick .pips{width:auto;height:26px}.pick.on{background:var(--card);color:var(--card-ink);box-shadow:var(--lift)}.firsts{flex:none;display:flex;justify-content:center;align-items:center;gap:10px;font:700 14px/1 var(--f-ui);color:var(--muted)}.firsts .sw{display:inline-flex;gap:4px;padding:4px;border-radius:26px;background:var(--card);box-shadow:var(--lift-soft)}.firsts .sw button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:3px 12px 3px 6px;border-radius:22px;color:var(--card-ink);font-weight:700}.firsts .sw button.on{background:var(--card-ink);color:var(--card)}.firsts .chipd{width:30px;height:30px}.how{flex:none;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--accent)}.how>svg{width:26px;height:26px}.how .strip{display:flex;align-items:center;padding:5px 7px;border-radius:14px;background:var(--sw);box-shadow:0 0 0 2px var(--ink)}.how .chipd,.how .ringd{width:30px;height:30px}.how .ringd{display:grid;place-items:center}.how .mark{width:20px;height:20px}.notice{position:absolute;z-index:30;top:62px;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--card);color:var(--card-ink);box-shadow:var(--lift),0 14px 30px #0005}.notice span{flex:1 1 100%;font-weight:700}.notice .btn{padding:0 18px}.dim{position:fixed;inset:0;background:#0009;z-index:60}.sheet{position:fixed;left:50%;transform:translate(-50%);width:min(560px,100%);max-height:100dvh;overflow:auto;bottom:0;z-index:61;background:var(--card);color:var(--card-ink);padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));display:grid;gap:10px;border-radius:var(--r) var(--r) 0 0;box-shadow:0 -20px 40px #0006}.sheet h2{margin:0;font:var(--w-voice) 24px/1.1 var(--f-voice)}.sheet .row{display:flex;justify-content:space-between;align-items:center;min-height:48px;text-align:left;border-top:1px solid color-mix(in srgb,var(--card-ink) 18%,transparent);font-weight:700}.sheet .row em{font-style:normal;color:var(--card-em)}.sheet .links{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}.sheet .links a{color:inherit;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{display:grid;justify-items:center;gap:6px;padding:8px 4px;border-radius:14px;font:700 14px/1.1 var(--f-ui);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--card-ink) 22%,transparent)}.tile.on{box-shadow:inset 0 0 0 3px var(--card-em)}.tile .sw{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:64px;height:64px;padding:5px;border-radius:8px;background:var(--sw)}.tile .sw .face{grid-area:auto}.tile{position:relative}.price,.offerrow :is(p,.btn){display:inline-flex;align-items:center;justify-content:center;gap:4px;font:700 13px/1 var(--f-ui);font-variant-numeric:tabular-nums}.price .coin,.offerrow .coin{display:inline-block;width:16px;height:16px}.price .coin:before,.price .coin:after,.offerrow .coin:before,.offerrow .coin:after{width:8px;height:2px}.tile.locked .sw{opacity:.8}.tile.offer{box-shadow:inset 0 0 0 3px var(--accent)}.offerrow{display:grid;min-height:48px;align-items:center}.offerrow p{margin:0;justify-content:flex-start;font-size:15px;color:var(--card-ink)}.offerrow .btn{min-height:48px;font-size:16px;gap:6px}.seg{display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px;box-shadow:inset 0 0 0 2px var(--card-ink);overflow:hidden}.seg button{min-height:46px;font-weight:700;font-size:15px}.seg button.on{background:var(--card-ink);color:var(--card)}@media(max-height:700px){.plates,.how{display:none}.play{gap:6px;padding-top:8px}.side{min-height:48px}.side .n{font-size:28px}.side small{font-size:10.5px}.side .chipd{width:38px;height:38px}.lead .sart{width:34px;height:30px}.lead .pips{height:16px}.owlrow{min-height:60px}.owl{width:46px;height:46px}.say{font-size:14px;padding:7px 10px}.btn{min-height:48px}.title{font-size:28px}.pick{padding:5px 4px 6px}.pick .sart{width:46px;height:41px}.result{min-height:36px}.result h1{font-size:27px}.earn{font-size:16px;padding:4px 10px 4px 6px}}@media(max-height:600px){.lead .mk,.say small,.home .owlrow{display:none}}@media(max-width:360px){.side{column-gap:5px;padding:5px 6px 5px 5px}.side.them{padding:5px 5px 5px 6px}.side .chipd{width:28px;height:28px}.side .n{font-size:24px}.side small{font-size:9.5px;letter-spacing:0}}@media(min-width:960px){.room{max-width:1180px}:root hub-bar{--hf-max: 1108px}.play{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:40px;row-gap:0;padding:22px 48px;align-content:center}.play>*{grid-column:2;margin-bottom:12px}.play>.boardbox{grid-column:1;grid-row:1 / -1;place-items:center end;margin:0}.home .play{grid-template-rows:1fr auto auto auto auto auto 1fr}.home .title{grid-row:2}.home .picks{grid-row:3}.home .firsts{grid-row:4}.home :is(.owlrow,.how){grid-row:5}.home .acts{grid-row:6}.game .play{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;align-content:stretch}.game .result{grid-row:1}.game .score{grid-row:2}.game .plates{grid-row:3}.game .owlrow{grid-row:4}.game .record{grid-row:5}.game .acts{grid-row:6;margin-bottom:0}.game:not(.over) .result{display:none}.record{display:block;min-height:0;overflow:hidden;margin-top:0;padding:10px 16px;list-style:none;background:var(--card);color:var(--card-ink);border-radius:var(--r);box-shadow:var(--lift-soft);font:400 15px/1.55 var(--f-ui);columns:2;column-gap:24px}.record li{display:grid;grid-template-columns:26px 1fr 1fr;break-inside:avoid}.record li span{color:var(--card-em)}.rn,.cl{font-size:11px}.title{font-size:56px}.notice{left:auto;right:48px;width:420px;top:70px}}@media(min-width:960px)and (max-height:700px){.title{font-size:36px}.play>*{margin-bottom:8px}}.tray{border-radius:7%;background:var(--card);box-shadow:0 0 0 2px var(--ink),0 6px 0 2px var(--ink),0 14px 18px #5a2c1040}.tray:after{content:"";position:absolute;inset:.7%;border-radius:6%;box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none}.bd{border-radius:4.5%;overflow:hidden;background:radial-gradient(circle at 22% 18%,#fff3 0 1px,#0000 1.6px) 0 0 / 23px 19px,radial-gradient(circle at 70% 60%,#0002 0 1px,#0000 1.6px) 0 0 / 31px 27px,radial-gradient(120% 120% at 30% 20%,#38aaa3,#1f8c8a 45%,#136a6d);box-shadow:inset 0 3px 8px #0006}.sq{box-shadow:inset -1px -1px #ffffff38}.title{text-shadow:0 3px 0 #f2cb8c}.result h1{text-shadow:0 3px 0 var(--ink)}.result.lost h1,.result.draw h1{text-shadow:0 3px 0 #f2cb8c}.runtag,.delta.up{box-shadow:0 3px #a81f35,0 0 0 2px var(--card)}.btn.go{box-shadow:var(--lift),inset 0 2px #ff8a96}.pick.on:after{content:"";position:absolute;top:-7px;right:-5px;width:24px;height:24px;border-radius:50%;background:var(--go) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;box-shadow:0 0 0 2px var(--card-ink)}.pc{border-radius:50%;position:relative}.pc.club.dark{background:radial-gradient(circle at 36% 30%,#4a4a48 0,#1e1e1d 38%,#121212 70%);box-shadow:0 2.5px #d9cfba,0 4px 5px #000a}.pc.club.light{background:radial-gradient(circle at 36% 30%,#fffdf6 0,#efe7d6 45%,#cfc3a8);box-shadow:0 2.5px #1a1a1a,0 4px 5px #000a}.pc.club:after{content:"";position:absolute;inset:22%;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff14}.pc.tin.light{background:radial-gradient(circle at 34% 28%,#fff 0,#f6f1e7 30%,#e7ddd0 62%,#cfc3c8);box-shadow:inset 0 0 0 2px #fff6,inset 0 -2px 3px #9a8fa066,0 2px 3px #0008}.pc.tin.dark{background:radial-gradient(circle at 36% 30%,#6a4a33 0,#3a2618 45%,#22150c);box-shadow:inset 0 0 0 2px #ffffff14,0 0 0 1px #f3ead866,0 2px 3px #000a}.pc.tin:after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 22% 22%,#00000088 0 13%,transparent 15%),radial-gradient(circle at 78% 22%,#00000088 0 13%,transparent 15%),radial-gradient(circle at 22% 78%,#00000088 0 13%,transparent 15%),radial-gradient(circle at 78% 78%,#00000088 0 13%,transparent 15%)}.pc.tin.dark:after{background:radial-gradient(circle at 22% 22%,#0b0602 0 13%,transparent 15%),radial-gradient(circle at 78% 22%,#0b0602 0 13%,transparent 15%),radial-gradient(circle at 22% 78%,#0b0602 0 13%,transparent 15%),radial-gradient(circle at 78% 78%,#0b0602 0 13%,transparent 15%)}.tile .pc,.chipd .pc,.mini .pc{box-shadow:none}[data-dress=club] .tray{border-radius:6px;background:linear-gradient(160deg,#7a3a22,#5a2616 40%,#3f190d);box-shadow:0 18px 30px -12px #000a,inset 0 1px #fff2}[data-dress=club] .tray:after{display:none}[data-dress=club] .bd{border-radius:0;background:radial-gradient(80% 70% at 50% 40%,#ffffff10,transparent 70%),repeating-linear-gradient(45deg,#ffffff05 0 1px,transparent 1px 3px),#1f5c40;box-shadow:inset 0 0 0 1px #0f3524,inset 0 0 24px #0006}[data-dress=club] .sq{box-shadow:inset -1px -1px #0f3524}[data-dress=club] .rn,[data-dress=club] .cl{color:#e9d9b8}[data-dress=club] .mark{border-style:solid;border-width:2.5px}[data-dress=club] :is(.title,.result h1){text-shadow:none}[data-dress=club] .result h1{color:var(--accent-hi)}[data-dress=club] :is(.runtag,.delta.up){box-shadow:0 0 0 2px #1a110b}[data-dress=club] .btn.go{box-shadow:0 3px #8a6c26}[data-dress=club] .pick.on:after{display:none}[data-dress=club] .bar{box-shadow:0 0 0 1px var(--accent)}[data-dress=club] .how .strip{box-shadow:0 0 0 3px #5a2616;border-radius:3px}[data-dress=club] .say{border-radius:2px}[data-dress=tin] .tray{border-radius:6px;background:repeating-linear-gradient(135deg,#ffffff06 0 2px,transparent 2px 5px),linear-gradient(#1b2b4d,#182544);outline:2px dashed var(--accent);outline-offset:-5px;box-shadow:0 10px 18px -8px #0009}[data-dress=tin] .tray:after{display:none}[data-dress=tin] .bd{border-radius:0;background:linear-gradient(90deg,transparent calc(100% - 1px),#e8b64a99 0),linear-gradient(transparent calc(100% - 1px),#e8b64a99 0);background-size:12.5% 12.5%;outline:1px solid #e8b64a99;box-shadow:none}[data-dress=tin] .sq{box-shadow:none}[data-dress=tin] .rn,[data-dress=tin] .cl{color:#f3ead8;font-size:8px}[data-dress=tin] .mark{border-style:dashed;border-width:2.5px}[data-dress=tin] :is(.title,.result h1){text-shadow:none}[data-dress=tin] .result h1{color:var(--accent-hi)}[data-dress=tin] :is(.runtag,.delta.up){box-shadow:0 0 0 2px #1c2238}[data-dress=tin] .btn{background-image:repeating-linear-gradient(90deg,#ffffff22 0 2px,transparent 2px 3px);outline:1px dashed #1c223866;outline-offset:-5px}[data-dress=tin] .btn.go{box-shadow:var(--lift)}[data-dress=tin] .btn:focus-visible{outline:3px solid var(--accent-hi);outline-offset:2px}[data-dress=tin] .pick.on:after{display:none}[data-dress=tin] .bar{box-shadow:0 0 0 1px var(--accent)}[data-dress=tin] .say{clip-path:polygon(0 4%,3% 0,97% 2%,100% 0,99% 96%,96% 100%,4% 98%,0 100%);border-radius:0}[data-dress=tin] .how .strip{box-shadow:0 0 0 2px var(--accent);border-radius:4px}[data-dress=pond] .tray{border-radius:0;background:none;box-shadow:none}[data-dress=pond] .tray:after{display:none}[data-dress=pond] .bd{border-radius:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' opacity='.42'%3E%3Cg transform='translate(72 27) rotate(32) scale(.55)'%3E%3Cpath d='M0 0q11-9 24 0-13 9-24 0z' fill='%23ff7b3a'/%3E%3Cpath d='M23 0l9-6-2 6 2 6z' fill='%23ff9a66'/%3E%3Cpath d='M6-3q5-3 9 0-4 4-9 0z' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(14 80) rotate(-20) scale(.5)'%3E%3Cpath d='M0 0q11-9 24 0-13 9-24 0z' fill='%23fff'/%3E%3Cpath d='M23 0l9-6-2 6 2 6z' fill='%23fff'/%3E%3Cpath d='M9-2q5-3 9 0-4 4-9 0z' fill='%23ff7b3a'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat,#ffffff12;box-shadow:inset 0 0 0 2px #fff5,0 0 0 6px #ffffff14}[data-dress=pond] .sq{box-shadow:inset -1px -1px #ffffff3d}[data-dress=pond] .rn,[data-dress=pond] .cl{color:#f4fbf7cc}[data-dress=pond] .mark{width:40%;height:40%;border:0;box-shadow:0 0 0 2.5px #ffffffd9,0 0 0 7px #ffffff40,0 0 0 11px #ffffff1f}[data-dress=pond] .sq.last:after{border-color:var(--accent)}[data-dress=pond] .title{text-shadow:0 3px 0 #0b5470,0 8px 16px #0b334466}[data-dress=pond] .title em{color:var(--accent)}[data-dress=pond] :is(.result h1,.result.lost h1,.result.draw h1){color:var(--ink);text-shadow:0 3px 0 #0b5470}[data-dress=pond] .result.won h1{color:var(--accent)}[data-dress=pond] :is(.runtag,.delta.up){box-shadow:0 3px #0b334466}[data-dress=pond] .btn{background:#ffffff2b;color:var(--ink);box-shadow:inset 0 0 0 1.5px #ffffff73}[data-dress=pond] .btn.go{background:linear-gradient(180deg,#3d9a55,#1d6a3b);color:#f4fbf7;box-shadow:0 5px #0f4526,inset 0 2px #ffffff59}[data-dress=pond] :is(.sheet,.notice) .btn:not(.go){background:#0b334414;color:var(--card-ink);box-shadow:inset 0 0 0 1.5px #0b334466}[data-dress=pond] .pick.on:after{display:none}[data-dress=pond] .pick.on{box-shadow:inset 0 0 0 3px var(--accent),var(--lift)}[data-dress=pond] .bar{height:12px;border-radius:6px;box-shadow:0 0 0 2px #5c3a20,0 3px 0 2px #0b334455}[data-dress=pond] .how .strip{background:#ffffff1f;box-shadow:inset 0 0 0 1.5px #ffffff59}[data-dress=pond] .plate:before{background:linear-gradient(180deg,#b98556,#8a5a34 40%,#5c3a20);box-shadow:0 3px #0b334455;border-radius:7px}[data-dress=caps] .tray{border-radius:20px;background:#7a5cf5;box-shadow:0 0 0 3px #1a1530,0 6px 0 3px #1a1530}[data-dress=caps] .tray:after{display:none}[data-dress=caps] .bd{border-radius:8px;background:#5b3fd6;box-shadow:0 0 0 3px #1a1530}[data-dress=caps] .sq{background:#7a5cf5;box-shadow:inset 0 0 0 1px #5b3fd6}[data-dress=caps] .sq.alt{background:#8467ff}[data-dress=caps] .sq.last{background:#ff4f7b}[data-dress=caps] .sq.turned{background:#ff9fc0}[data-dress=caps] :is(.sq.press,.sq.pre){background:#4fe0b0}[data-dress=caps] .rn,[data-dress=caps] .cl{color:#fffdf6}[data-dress=caps] .mark{width:50%;height:50%;border:3px dashed #fffdf6;background:#ffffff2e}[data-dress=caps] .title{color:#fffdf6;-webkit-text-stroke:3px #1a1530;paint-order:stroke fill;text-shadow:0 5px 0 #1a1530}[data-dress=caps] .title em{color:#ffd84a}[data-dress=caps] :is(.result h1,.result.lost h1,.result.draw h1){color:#fffdf6;-webkit-text-stroke:3px #1a1530;paint-order:stroke fill;text-shadow:0 5px 0 #1a1530}[data-dress=caps] .result.won h1{color:#ffd84a}[data-dress=caps] :is(.runtag,.delta.up){box-shadow:0 0 0 3px #1a1530,0 3px 0 3px #1a1530}[data-dress=caps] .btn.go{box-shadow:var(--lift)}[data-dress=caps] .pick.on:after{display:none}[data-dress=caps] .pick.on{background:#4fe0b0}[data-dress=caps] .side.on{background:#ffd84a;color:var(--card-ink)}[data-dress=caps] .bar{height:12px;border-radius:6px;box-shadow:0 0 0 3px #1a1530}[data-dress=caps] .how .strip{background:#7a5cf5;box-shadow:0 0 0 3px #1a1530}:root:not([data-calm]) .disc.placed{animation:place .17s cubic-bezier(.2,1.5,.5,1) both}:root:not([data-calm]) .disc.end{animation:endp var(--beat) ease-out both}:root:not([data-calm]) .disc.turn{animation:hop var(--turn) cubic-bezier(.3,0,.4,1) both;animation-delay:calc(var(--beat) + (var(--k) - 1) * var(--step))}:root:not([data-calm]) .disc.turn .face{animation:facein var(--turn) step-end both;animation-delay:calc(var(--beat) + (var(--k) - 1) * var(--step))}:root:not([data-calm]) .disc.turn .face.old{animation-name:faceout}:root:not([data-calm]) .disc.shine{animation:shine .52s ease-out both;animation-delay:calc(.64s + var(--s) * 80ms)}:root:not([data-calm]) .disc{transition:opacity .12s,transform .12s}:root:not([data-calm]) .lead .mk{transition:translate .3s ease-out}:root:not([data-calm]) .sq.hint:before{animation:pulse 1.2s ease-in-out infinite}:root:not([data-calm]) .ink line,:root:not([data-calm]) .ink .no{animation:fadein .26s ease-out both}:root:not([data-calm]) .delta{animation:pop .26s cubic-bezier(.2,1.6,.5,1) both}:root:not([data-calm]) .passnote{animation:note .24s cubic-bezier(.2,1.4,.5,1) both}:root:not([data-calm]) .runtag{animation:tag 1.7s ease-out both;animation-delay:calc(var(--beat) + var(--turn))}:root:not([data-calm]) .result.said h1,:root:not([data-calm]) .result.said .earn{animation:pop .32s cubic-bezier(.2,1.6,.5,1) both}:root:not([data-calm]) .result.said .earn{animation-delay:.18s}:root:not([data-calm]) .tap{animation:bob 1.3s ease-in-out infinite}:root:not([data-calm]) .side.on{animation:turnon .2s ease-out}@keyframes place{0%{transform:translateY(-14%) scale(1.22)}}@keyframes endp{50%{transform:scale(1.13)}}@keyframes hop{0%{transform:none}50%{transform:translateY(-24%) scaleY(.12) rotate(-8deg)}82%{transform:translateY(2%) scale(1.07,.95)}to{transform:none}}@keyframes facein{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes faceout{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes shine{40%{filter:brightness(1.55);transform:scale(1.08)}}@keyframes pulse{50%{opacity:.55}}@keyframes fadein{0%{opacity:0}}@keyframes pop{0%{opacity:0;scale:.5}}@keyframes note{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}}@keyframes tag{0%{opacity:0;scale:.5}12%{opacity:1;scale:1}80%{opacity:1}to{opacity:0}}@keyframes bob{50%{translate:0 8%}}@keyframes turnon{0%{transform:scale(.96)}}