@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body{margin:0}body{background:#efebe4}button{font:inherit;color:inherit}.app{--bg: #efebe4;--ink: #2b2620;--muted: #7d7468;--surface: #fffaf2;--line: #d9cfbf;--accent: #e5533c;--p0: #e5533c;--p1: #2f4fd8;--capture: #e5533c;--chip-bg: #2b2620;--chip-ink: #fffaf2;--font: var(--font-family);--display: var(--font-family);--radius: 999px;--chrome: 190px;--ph: 1.55;--fill: .75;--cell: max(28px, min(100vw * var(--fill) / 9.94, (100svh - var(--chrome)) / (2 * var(--ph) + .62)));--b: calc(var(--cell) * .19);--accent-ink: var(--color-white);min-height:100svh;display:flex;flex-direction:column;padding:var(--space-5) var(--space-6) var(--space-6);background:var(--bg);color:var(--ink);font-family:var(--font);transition:background-color .3s,color .3s}.top{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);align-items:center;justify-content:space-between}h1{font-family:var(--display);font-size:var(--text-2xl);margin:0;letter-spacing:-.01em}h2{font-family:var(--display);font-size:var(--text-2xl);line-height:1.3;margin:0 0 var(--space-6)}.actions,.looks{display:flex;gap:var(--space-2);flex-wrap:wrap}.actions button,.looks button{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:7px 14px;font-weight:var(--weight-medium);font-size:var(--text-md);cursor:pointer;transition:border-color .15s,transform .15s,background-color .15s}.actions button:hover:not(:disabled),.looks button:hover{border-color:var(--ink)}.actions button:active:not(:disabled),.looks button:active{transform:translateY(1px)}.actions button:disabled{opacity:.4;cursor:default}.actions button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.looks button{display:inline-flex;align-items:center;gap:7px}.looks button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.swatch{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1.5px #ffffffb3}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding-top:var(--space-3)}main.tall{--chrome: 200px;--ph: 2;--cell: max(26px, min((100vw - 24px) / (2 * var(--ph) + .62), (100svh - var(--chrome)) / 9.94));--b: calc(var(--cell) * .22)}.players{display:flex;justify-content:center;gap:var(--space-5)}.players.tall{width:calc(var(--cell) * (2 * var(--ph) + .62));justify-content:space-between;gap:var(--space-1)}.players.tall .turn{font-size:var(--text-md);padding:var(--space-1) var(--space-4)}.turn{display:flex;align-items:center;gap:var(--space-3);padding:5px var(--space-5);border-radius:var(--radius-pill);color:var(--muted);font-weight:var(--weight-medium);font-size:var(--text-base);white-space:nowrap;transition:color .25s,background-color .25s}.turn .dot{width:10px;height:10px;border-radius:50%;background:currentColor}.turn.p0 .dot{background:var(--p0)}.turn.p1 .dot{background:var(--p1)}.turn.active{color:var(--ink);background:var(--surface);box-shadow:0 0 0 1.5px var(--line)}.turn .hint{font-weight:var(--weight-regular);color:var(--muted)}.message{min-height:1.5em;margin:2px 0 0;text-align:center;font-size:var(--text-base)}.stage{position:relative;display:flex;justify-content:center}.board{position:relative;display:grid;gap:calc(var(--cell) * .12);padding:calc(var(--cell) * .25);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .3s,box-shadow .3s}.board.wide{grid-template-columns:calc(var(--cell) * 1.3) repeat(6,var(--cell)) calc(var(--cell) * 1.3);grid-template-rows:repeat(2,calc(var(--cell) * var(--ph)))}.board.tall{grid-template-columns:repeat(2,calc(var(--cell) * var(--ph)));grid-template-rows:calc(var(--cell) * 1.3) repeat(6,var(--cell)) calc(var(--cell) * 1.3)}.board.playing{cursor:pointer}.pit,.store{position:relative;display:block;padding:0;border:0;background:transparent;transition:transform .18s ease,box-shadow .18s,background-color .18s,filter .18s}.pit{cursor:default}.pit.legal{cursor:pointer}.pit:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.well{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:var(--well-radius, 50%);transition:box-shadow .18s,background-color .18s,transform .18s}.store .well{top:5%;right:5%;bottom:5%;left:5%}.wall{display:none}.floor{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.beads{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bead{position:absolute;left:50%;top:50%;width:var(--b);height:var(--b);margin:calc(var(--b) / -2) 0 0 calc(var(--b) / -2);border-radius:50%;translate:calc((var(--x) * var(--sx, 1) * (1 + var(--nudge) * .16) + var(--px, 0)) * var(--b)) calc((var(--y) * var(--sy, 1) * (1 + var(--nudge) * .16) + var(--py, 0) - var(--drop) * .45) * var(--b));transform-origin:50% 85%;background:var(--c);animation:bead-in .65s backwards;transition:translate .8s cubic-bezier(.2,.7,.25,1)}@property --drop{syntax: "<number>"; inherits: false; initial-value: 0;}@property --nudge{syntax: "<number>"; inherits: false; initial-value: 0;}.board.wide .pit .bead{--sy: 1.3}.board.tall .pit .bead{--sx: 1.5}.board.wide .store .bead{--sy: 2.1}.board.tall .store .bead{--sx: 2.1}@keyframes bead-in{0%{opacity:0;--drop: 2.4;scale:.9 1.1;animation-timing-function:cubic-bezier(.45,0,.85,.55)}20%{opacity:1}55%{--drop: 0;scale:.88 1.14;animation-timing-function:ease-out}68%{--drop: -.05;scale:1.28 .72;animation-timing-function:ease-out}84%{--drop: .14;scale:.94 1.08;animation-timing-function:ease-in-out}to{--drop: 0;scale:1}}.pit .bead.landed{animation-name:bead-land;animation-duration:.4s}@keyframes bead-land{0%{--drop: 2.4;animation-timing-function:cubic-bezier(.45,0,.85,.55)}40%{--drop: 0;scale:1.26 .74;animation-timing-function:ease-out}70%{--drop: .12;scale:.95 1.07;animation-timing-function:ease-in-out}to{--drop: 0;scale:1}}.pit .bead.nudge-a{animation:nudge-a .42s .3s ease-out}.pit .bead.nudge-b{animation:nudge-b .42s .3s ease-out}@keyframes nudge-a{35%{--nudge: 1}}@keyframes nudge-b{35%{--nudge: 1}}.hand{position:absolute;left:0;top:0;width:0;height:0;z-index:5;pointer-events:none}.hand .beads{inset:auto;left:0;top:calc(var(--b) * -.9)}.hand .bead{animation:none;translate:calc(var(--x) * var(--b)) calc(var(--y) * var(--b));filter:drop-shadow(0 calc(var(--b) * .45) calc(var(--b) * .3) rgba(0,0,0,.22))}.hand-count{position:absolute;left:calc(var(--b) * .9);top:calc(var(--b) * -2.6);min-width:22px;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--chip-ink);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center}.count{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,50%);font-size:clamp(10px,calc(var(--cell) * .13),15px);font-weight:var(--weight-bold);color:var(--count-ink, var(--muted));line-height:1;padding:2px 7px;border-radius:var(--radius-pill);background:var(--count-bg, transparent);z-index:3;font-variant-numeric:tabular-nums}.board.tall .pit.side1 .count{left:auto;right:-2px;bottom:50%;transform:translate(50%,50%)}.board.tall .pit.side0 .count{left:-2px;bottom:50%;transform:translate(-50%,50%)}.count.big{bottom:8%;transform:translate(-50%);font-size:clamp(14px,calc(var(--cell) * .24),30px);color:var(--store-ink, var(--ink));background:transparent}.board.tall .count.big{bottom:50%;left:auto;right:6%;transform:translateY(50%)}.face{position:absolute;left:50%;top:7%;width:46%;transform:translate(-50%);color:var(--face, var(--ink));z-index:2;opacity:.85}.face .maw{transform-origin:20px 12px;transform-box:view-box;transform:scale(.2,0);transition:transform .18s cubic-bezier(.3,.8,.4,1)}.face .smile{transition:opacity .12s}.face.open .maw{transform:none}.face.open .smile{opacity:0}.face.gulp:not(.open) .maw{animation:gulp .34s ease-in both}.face.gulp:not(.open) .smile{animation:smile-back .34s both}@keyframes gulp{0%{transform:none}45%{transform:scale(.75,.35)}to{transform:scale(.2,0)}}@keyframes smile-back{0%,60%{opacity:0}to{opacity:1}}.board.tall .face{top:50%;left:7%;width:18%;transform:translateY(-50%)}.chip{position:absolute;left:50%;top:0;transform:translate(-50%,-40%);padding:2px 7px;border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--chip-ink);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.2;z-index:4;white-space:nowrap;animation:fade .3s ease-out backwards;pointer-events:none}.chip.final{background:var(--accent);color:var(--accent-ink)}.chip.again{top:auto;bottom:22%;background:var(--accent);color:var(--accent-ink);animation:fade .3s ease-out backwards}.landing:after{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border-radius:var(--well-radius, 50%);border:var(--stroke-thin) solid var(--accent);animation:breathe 2.4s ease-in-out infinite alternate;pointer-events:none;z-index:3}.store.landing:after{border-radius:var(--store-radius, 999px)}@keyframes breathe{0%{opacity:.9}to{opacity:.4}}.pit.threat .well{box-shadow:var(--well-shadow, none),inset 0 0 0 3px var(--capture)}.pit.last .well,.store.last .well{box-shadow:var(--well-shadow, none),0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink) 45%,transparent);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:30;animation:fade .2s ease-out}@keyframes fade{0%{opacity:0}}.panel{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-8);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:rise .3s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.panel.result{text-align:center}.panel.result .actions{justify-content:center;margin-top:20px}.panel .actions{justify-content:flex-end;margin-top:var(--space-6)}.score{font-family:var(--display);font-size:32px;font-weight:var(--weight-bold);margin:0 0 var(--space-5)}.rules{padding-left:var(--space-7);line-height:1.5;color:var(--muted)}.rules li{margin-bottom:var(--space-2)}fieldset{border:1.5px solid var(--line);border-radius:12px;padding:var(--space-5) 14px;margin:var(--space-6) 0 0}legend{padding:0 var(--space-2);font-weight:var(--weight-medium)}fieldset label{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-1) 0;cursor:pointer}.note{color:var(--muted);font-size:var(--text-sm);margin:var(--space-3) 0 0}.panel.setup label .note{margin:0 0 0 auto;padding-left:var(--space-5);text-align:right}@media(max-width:640px){.app{padding:var(--space-4) var(--space-5) var(--space-5)}h1{font-size:var(--text-xl)}.top{gap:var(--space-3)}.looks{order:3;width:100%}.looks button,.actions button{padding:5px var(--space-4);font-size:var(--text-sm)}.chip{font-size:10px;padding:1px 5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app[data-theme=monster]{--bg: var(--color-paper);--ink: var(--color-ink);--muted: var(--color-ink);--surface: var(--color-white);--line: var(--color-ink);--accent: var(--color-ink);--accent-ink: var(--color-white);--p0: #ff7300;--p1: #00a3ff;--capture: #ff7300;--chip-bg: var(--color-ink);--chip-ink: var(--color-white);--count-ink: var(--color-ink);--font: var(--font-family);--display: var(--font-family);--cell: max(28px, min(100vw * var(--fill) / 11.4, (100svh - var(--chrome)) / (2 * var(--ph) + .62)))}body:has(.app[data-theme=monster]){background:var(--color-paper)}.app[data-theme=monster] main.tall{--cell: max(26px, min((100vw - 24px) / (2 * var(--ph) + .62), (100svh - var(--chrome)) / 11.4))}[data-theme=monster] h1{font-weight:var(--weight-heavy);font-size:26px;letter-spacing:-.02em}[data-theme=monster] .actions button,[data-theme=monster] .looks button{background:color-mix(in srgb,var(--color-ink) 8%,transparent);border:0;padding:var(--space-3) 15px;font-weight:var(--weight-bold)}[data-theme=monster] .actions button:hover:not(:disabled),[data-theme=monster] .looks button:hover{background:color-mix(in srgb,var(--color-ink) 16%,transparent)}[data-theme=monster] .actions button.primary,[data-theme=monster] .looks button.on{background:var(--color-ink);color:var(--color-white)}[data-theme=monster] .swatch{box-shadow:none}[data-theme=monster] .turn{color:var(--color-ink);font-weight:var(--weight-bold);opacity:.4}[data-theme=monster] .turn.active{opacity:1;background:var(--color-ink);color:var(--color-white);box-shadow:none}[data-theme=monster] .turn .hint{color:inherit;opacity:.7}[data-theme=monster] .turn .dot{width:12px;height:12px}[data-theme=monster] .message{font-weight:var(--weight-bold)}[data-theme=monster] .overlay{background:color-mix(in srgb,var(--color-ink) 50%,transparent)}[data-theme=monster] .panel{border:0;border-radius:var(--radius-lg)}[data-theme=monster] .panel.result h2{font-size:30px;font-weight:var(--weight-heavy)}[data-theme=monster] .score{font-weight:var(--weight-heavy)}[data-theme=monster] fieldset{border:var(--stroke-thin) solid var(--color-ink)}[data-theme=monster] .rules{color:var(--color-ink)}[data-theme=monster] .board.wide{grid-template-columns:calc(var(--cell) * 2) repeat(6,var(--cell)) calc(var(--cell) * 2)}[data-theme=monster] .board.tall{grid-template-rows:calc(var(--cell) * 2) repeat(6,var(--cell)) calc(var(--cell) * 2)}[data-theme=monster] .well{top:7%;right:7%;bottom:7%;left:7%;border-radius:calc(var(--cell) * .24);background:#f0a800}[data-theme=monster] .count{font-weight:var(--weight-heavy);font-size:clamp(11px,calc(var(--cell) * .15),17px);opacity:.3}[data-theme=monster] .pit.legal .count{opacity:1}[data-theme=monster] .landing:after{top:2%;right:2%;bottom:2%;left:2%;border:var(--stroke-thick) solid var(--color-ink);border-radius:calc(var(--cell) * .28);animation:none}[data-theme=monster] .store.landing:after{display:none}[data-theme=monster] .pit.threat .well{background:var(--color-ink)}[data-theme=monster] .pit.last .well,[data-theme=monster] .store.last .well{box-shadow:none}[data-theme=monster] .chip{font-weight:var(--weight-heavy);border-radius:var(--radius-sm)}[data-theme=monster] .chip.final,[data-theme=monster] .chip.again{background:var(--color-white);color:var(--color-ink)}[data-theme=monster] .bead{background:var(--c);box-shadow:inset 0 0 0 calc(var(--b) * .13) var(--color-ink),0 calc(var(--b) * .12) 0 var(--color-ink)}[data-theme=monster] .bead:after{content:"";position:absolute;left:24%;top:22%;width:28%;height:16%;border-radius:50%;background:var(--color-ink);opacity:.12;rotate:-30deg}.monster{position:absolute;top:3%;right:6%;bottom:3%;left:6%;display:flex;flex-direction:column;align-items:center;--radius: calc(var(--cell) * .34)}.monster.shape-dome{--radius: 50% 50% 16% 16% / 30% 30% 10% 10%}.monster.shape-blob{--radius: 48% 52% 38% 44% / 34% 38% 28% 32%}.monster .body{position:absolute;left:calc(6% - var(--full, 0) * 6%);right:calc(6% - var(--full, 0) * 6%);top:0;bottom:0;background:linear-gradient(98deg,var(--skin) 0 74%,var(--shade) 74%);border-radius:var(--radius);transition:left .5s cubic-bezier(.3,1.4,.5,1),right .5s cubic-bezier(.3,1.4,.5,1)}.monster .head{position:relative;z-index:3;flex:none;width:100%;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:10%}.monster{--face-ink: var(--color-face-ink);--glow: color-mix(in srgb, var(--skin) var(--glow-mix), #fff)}.monster .poster-face{display:block;overflow:visible}.monster .poster-face :is(.ink,.glow){fill:none;stroke-linecap:round;stroke-linejoin:round}.monster .poster-face .ink{stroke:var(--face-ink)}.monster .poster-face .glow{stroke:var(--glow)}.monster .poster-face .ink-fill{fill:var(--face-ink)}.monster .poster-face .glow-fill{fill:var(--glow)}.monster .eyes .white{fill:var(--color-cream)}.monster .eyes .pupil{fill:var(--face-ink);transition:transform .3s cubic-bezier(.3,.9,.4,1)}.monster .eyes .awake{transform-box:fill-box;transform-origin:center;animation:blink 5.5s infinite;transition:opacity .2s,transform .3s}.monster .eyes .cover{fill:var(--skin)}.monster .eyes :is(.lid,.droop,.sad){transition:opacity .2s,translate .25s cubic-bezier(.3,.9,.4,1)}.monster .eyes :is(.droop,.sad){opacity:0;translate:0 -4px}.monster .head:is(.open,.mood-hungry) .lid{opacity:0;translate:0 -6px}.monster .mouth .fangs{fill:var(--color-cream);stroke:var(--color-cream);stroke-width:3;stroke-linejoin:round;opacity:clamp(0,calc((.3 - var(--s)) * 8),1)}.store1 .monster .eyes .awake{animation-delay:-2.4s}.monster .eyes :is(.squint,.arcs){opacity:0;transition:opacity .25s}.monster .eyes .tear{fill:var(--color-tear);opacity:0}@keyframes blink{0%,95%,to{transform:none}97%{transform:scaleY(.1)}}.monster .mouth :is(.smile,.frown){opacity:0;transition:opacity .25s}.monster .mouth .lips{fill:var(--glow);stroke:var(--glow);stroke-width:26;stroke-linejoin:round}.monster .mouth .cavity{fill:var(--face-ink);stroke:var(--face-ink);stroke-width:9;stroke-linejoin:round}.monster .mouth .tooth{fill:var(--color-cream)}@property --s{syntax: "<number>"; inherits: true; initial-value: .04;}.monster .jaws{transition:opacity .2s}.monster .tongue{fill:var(--color-tongue);opacity:clamp(0,(var(--s) - .12) * 6,1)}.monster .teeth{fill:var(--color-cream);opacity:clamp(0,(var(--s) - .2) * 4,1)}.monster .head.open .jaws{opacity:1}.monster .head.open .pupil{transform:translateY(-3px)}.monster .head.gulp:not(.open) .jaws{animation:show .42s}.monster .head.gulp:not(.open) .awake{animation:hide-eyes .42s}.monster .head.gulp:not(.open) .squint{animation:show-squint .42s}@keyframes show{0%,to{opacity:1}}@keyframes hide-eyes{0%,to{opacity:1}15%,75%{opacity:0}}@keyframes show-squint{0%,to{opacity:0}15%,75%{opacity:1}}.monster .head.mood-happy:not(.open) .awake{opacity:0}.monster .head.mood-happy:not(.open) .arcs{opacity:1}.monster .head.mood-happy:not(.open) .jaws{opacity:0}.monster .head.mood-happy:not(.open) .smile{opacity:1}.monster.mood-happy{animation:hop .9s cubic-bezier(.3,0,.3,1) 2}@keyframes hop{0%,to{translate:0 0;scale:1 1}15%{translate:0 0;scale:1.04 .95}45%{translate:0 calc(var(--cell) * -.14);scale:.97 1.04}75%{translate:0 0;scale:1.03 .97}}.monster .head.mood-sad:not(.open) :is(.sad,.lid){opacity:1;translate:0 0}.monster .head.mood-sad:not(.open) .lid{opacity:0}.monster .head.mood-sad:not(.open) .pupil{transform:translateY(4px)}.monster .head.mood-sad:not(.open) .jaws{opacity:0}.monster .head.mood-sad:not(.open) .frown{opacity:1}.monster .head.mood-sad:not(.open) .tear{animation:tear 1.6s cubic-bezier(.5,0,.9,.6) .3s both}@keyframes tear{0%{opacity:0;transform:translateY(-4px) scale(.4)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(26px)}}.monster.mood-sad{animation:sag .7s cubic-bezier(.3,.8,.4,1) both}@keyframes sag{0%{scale:1 1;translate:0 0}35%{scale:1.04 .92;translate:0 calc(var(--cell) * .06)}to{scale:1.02 .96;translate:0 calc(var(--cell) * .03)}}.monster .head.mood-hungry:not(.open) .pupil{transform:translateY(-3px) scale(1.15)}.monster .belly{position:relative;z-index:1;margin-top:2%;width:calc(84% + var(--full, 0) * 12%);flex:1 1 auto;margin-bottom:6%}.monster .belly .floor{top:0;right:0;bottom:0;left:0}.monster .body.skin{z-index:2;opacity:.32;pointer-events:none}[data-theme=monster] .board.wide .store .bead{--sx: 1.3;--sy: 1.45}[data-theme=monster] .board.tall .store .bead{--sx: 1.6;--sy: 1.1}[data-theme=monster] .store .bead{animation:swallow .55s cubic-bezier(.5,0,.75,.6) backwards}@keyframes swallow{0%{opacity:0;--drop: 9;scale:.4}20%{opacity:1}80%{--drop: -.2;scale:1.05 .9;animation-timing-function:cubic-bezier(.3,0,.4,1)}to{--drop: 0;scale:1}}[data-theme=monster] .count.big{bottom:-4%;transform:translate(-50%,50%);color:var(--color-ink);opacity:1;font-size:clamp(15px,calc(var(--cell) * .26),30px)}[data-theme=monster] .store.active .monster:not(.mood-happy):not(.mood-sad){animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{translate:0 calc(var(--cell) * -.04)}}.flight{position:absolute;left:0;top:0;width:0;height:0;z-index:6;pointer-events:none}.flight .bead{left:0;top:0;translate:none;animation:none;transition:none}.pit.robbed .well{animation:robbed .5s cubic-bezier(.3,0,.3,1)}@keyframes robbed{0%,to{translate:0 0}20%{translate:calc(var(--cell) * -.04) 0}40%{translate:calc(var(--cell) * .04) 0}60%{translate:calc(var(--cell) * -.025) 0}80%{translate:calc(var(--cell) * .015) 0}}.panel.new-game{max-width:620px}.pick{margin-top:14px}.pick h3{margin:0 0 var(--space-4);font-size:var(--text-lg)}.segments{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.segments button{border:1.5px solid var(--line);background:transparent;border-radius:var(--radius-pill);padding:7px var(--space-6);font-weight:var(--weight-bold);cursor:pointer}.segments button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pick .note{margin:0 0 var(--space-1)}[data-theme=monster] .segments button{border:0;background:color-mix(in srgb,var(--color-ink) 8%,transparent)}[data-theme=monster] .segments button.on{background:var(--color-ink);color:var(--color-white)}.pick-row{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3)}.pick-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-weight:var(--weight-bold);font-size:var(--text-sm);transition:background-color .15s,transform .15s}.pick-tile:hover:not(:disabled){background:color-mix(in srgb,var(--color-ink) 6%,transparent)}.pick-tile.on,.pick-tile.on:hover:not(:disabled){background:var(--color-ink);color:var(--color-white)}.pick-tile:disabled{opacity:.25;cursor:default}.pick-tile:active:not(:disabled){transform:scale(.96)}.monster.mini{position:relative;inset:auto;width:100%;max-width:76px;aspect-ratio:1;--cell: 60px}.monster.mini .head{height:100%;justify-content:center;gap:12%;padding:0}.monster.mini{overflow:hidden;border-radius:var(--radius-md)}.monster.mini .poster-face{width:118%;margin-left:-4%}@media(max-width:640px){.pick-row{grid-template-columns:repeat(3,1fr)}}.board.tall .monster{flex-direction:row;justify-content:center;gap:4%}.board.tall .monster .head{flex:none;width:44%;height:100%;padding:0;justify-content:center;gap:10%}.board.tall .monster .belly{margin:0;flex:1 1 auto;width:auto;height:84%}[data-theme=monster] .board.tall .count.big{left:50%;right:auto;bottom:-4%;transform:translate(-50%,50%)}.app[data-theme=monster]:has(main.wide){--side: 20vw;--cell: calc((100vw - 2 * var(--side)) / 6);--row: min(calc(var(--cell) * 1.25), 19svh);--b: min(calc(var(--cell) * .19), calc(var(--row) * .17));padding-left:var(--side);padding-right:var(--side)}.app[data-theme=monster]:has(main.wide) .top{padding:0 var(--space-6)}[data-theme=monster] .board.wide{grid-template-columns:0 repeat(6,var(--cell)) 0;grid-template-rows:repeat(2,var(--row));gap:0;padding:0}[data-theme=monster] .board .pit{--tile: var(--p0)}[data-theme=monster] .board .pit.side1{--tile: var(--p1)}[data-theme=monster] .board .pit:is(:nth-of-type(odd)){--tile-shade: 0%}[data-theme=monster] .board .pit .well{top:0;right:0;bottom:0;left:0;border-radius:0;background:color-mix(in srgb,var(--tile),#000 var(--tile-shade, var(--pit-shade)))}[data-theme=monster] .board .pit .count{bottom:10%;transform:translate(-50%);color:var(--color-ink)}[data-theme=monster] .board .landing:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:var(--radius-md)}[data-theme=monster] .board .pit.robbed .well{animation:none}[data-theme=monster] .board .pit.robbed .floor{animation:robbed .5s cubic-bezier(.3,0,.3,1)}[data-theme=monster] .board.wide .store{position:fixed;top:0;bottom:0;width:var(--side);z-index:1}[data-theme=monster] .board.wide .store0{right:0}[data-theme=monster] .board.wide .store1{left:0}[data-theme=monster] .board .monster{top:0;right:0;bottom:0;left:0;justify-content:center;background:var(--skin);animation:none}[data-theme=monster] .board .monster .body{display:none}[data-theme=monster] .board .monster{overflow:hidden}[data-theme=monster] .board .monster .head{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;padding:0;display:block}[data-theme=monster] .board .monster .poster-face{position:absolute;top:48%;left:-15.6%;width:168%;translate:0 -65.6%}[data-theme=monster] .board .monster .head.flip .poster-face{left:auto;right:-15.6%}[data-theme=monster] .board .monster.mood-happy .head{animation:hop .9s cubic-bezier(.3,0,.3,1) 2}[data-theme=monster] .board .monster.mood-sad .head{animation:sag .7s cubic-bezier(.3,.8,.4,1) both}[data-theme=monster] .board .store.active .monster:not(.mood-happy):not(.mood-sad){animation:none}[data-theme=monster] .board .store.active .monster:not(.mood-happy):not(.mood-sad) .head{animation:bob 2.6s ease-in-out infinite}[data-theme=monster] .board .monster .belly{position:absolute;left:30%;right:30%;top:44%;height:14%;margin:0;opacity:0}[data-theme=monster] .board .count.big{bottom:5vh;font-size:clamp(22px,3.2vw,46px);z-index:3}.app[data-theme=monster]{overflow-x:clip}.app[data-theme=monster]:has(main.tall){--sideh: 15svh;--colw: 50vw;--cell: max(40px, min(calc(var(--colw) * .5), calc((100svh - var(--chrome) - 2 * var(--sideh)) / 6)));--b: min(calc(var(--cell) * .25), calc(var(--colw) * .07))}[data-theme=monster] .board.tall{width:100vw;grid-template-columns:repeat(2,var(--colw));grid-template-rows:var(--sideh) repeat(6,var(--cell)) var(--sideh);gap:0;padding:0}[data-theme=monster] .board.tall .pit .count{left:50%;right:auto;bottom:8%;transform:translate(-50%)}[data-theme=monster] .board.tall .monster{flex-direction:column;gap:0}[data-theme=monster] .board.tall .monster .head{width:100%;height:100%}[data-theme=monster] .board.tall .monster .poster-face{top:66%;left:60%;width:auto;height:120%;aspect-ratio:155 / 180;translate:-35.5% -65.6%}[data-theme=monster] .board.tall .monster .head.flip .poster-face{left:40%;right:auto;translate:-64.5% -65.6%}[data-theme=monster] .board.tall .count.big{left:auto;right:7%;bottom:50%;transform:translateY(50%);font-size:clamp(20px,6vw,34px)}.monster{--rest: .04}.monster.mini .body{background:var(--skin)}.monster.mini .body{left:0;right:0;border-radius:inherit;transition:none}.win-dance{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:var(--skin);pointer-events:none;animation:take-over .75s cubic-bezier(.65,0,.35,1) both}.win-dance.from-left{--from: inset(0 80% 0 0)}.win-dance.from-right{--from: inset(0 0 0 80%)}.win-dance.from-top{--from: inset(0 0 85% 0)}.win-dance.from-bottom{--from: inset(85% 0 0 0)}@keyframes take-over{0%{clip-path:var(--from)}to{clip-path:inset(0)}}.win-dance .win-title{position:absolute;top:7vh;left:0;right:0;margin:0;text-align:center;color:var(--color-ink);font-size:clamp(34px,7vw,84px);font-weight:var(--weight-black);line-height:1;letter-spacing:-.02em;animation:title-in .5s cubic-bezier(.2,.8,.3,1.2) .55s both}.win-dance .win-title span{display:block;margin-top:.35em;font-size:max(.32em,14px);font-weight:var(--weight-heavy);letter-spacing:.12em;text-transform:uppercase}@keyframes title-in{0%{opacity:0;transform:translateY(-.4em) scale(.9)}}.win-dance .dancer{position:relative;inset:auto;width:min(72vw,52vh);justify-content:center;animation:dance .8s cubic-bezier(.45,0,.55,1) .6s infinite}.win-dance .dancer .head{height:auto;padding:0}.win-dance .dancer .poster-face{width:100%}.win-dance .dancer .crest{transform-box:fill-box;transform-origin:50% 100%;animation:wiggle .4s ease-in-out .6s infinite alternate}@keyframes dance{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(4vh) rotate(-7deg) scale(1.06,.92)}45%{transform:translateY(-3vh) rotate(-3deg) scale(.96,1.05)}50%{transform:translateY(0) rotate(0) scale(1)}70%{transform:translateY(4vh) rotate(7deg) scale(1.06,.92)}95%{transform:translateY(-3vh) rotate(3deg) scale(.96,1.05)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes wiggle{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.app .top{display:flex;justify-content:center}.app .top .brand{position:relative;display:flex;align-items:center;outline:none}.app .top .logo{margin:0;line-height:0}.app .top .logo svg{display:block;height:clamp(52px,10svh,96px);width:auto;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.app .top .brand:hover .logo svg,.app .top .brand:focus-within .logo svg{transform:rotate(-3deg) scale(1.04)}.app .top .actions{position:absolute;left:100%;top:50%;display:flex;flex-wrap:nowrap;gap:var(--space-3);padding-left:var(--space-5);opacity:0;pointer-events:none;transform:translate(-12px,-50%);transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1)}.app .top .brand:hover .actions,.app .top .brand:focus-within .actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.app .top .actions button.icon{display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--color-ink);color:var(--color-paper);box-shadow:0 3px #0000002e}.app .top .actions button.icon.primary{background:var(--p0, var(--monster-zap));color:var(--color-ink)}.app .top .actions button.icon:hover{transform:translateY(-2px) rotate(-6deg)}.app .top .actions button.icon:active{transform:translateY(1px)}@media(max-width:720px){.app .top .actions{gap:var(--space-2);padding-left:var(--space-3)}.app .top .actions button.icon{width:38px;height:38px}.app .top .logo svg{height:46px}}h1,h2,.score,.count.big,.win-title{font-variation-settings:"opsz" var(--display-opsz)}.monster .head.tracking .pupil{transition:cx .12s ease-out,cy .12s ease-out,transform .3s}.monster .head.tracking .lid{opacity:0;translate:0 -6px}.store:not(.active) .monster .head.mood-idle:not(.open):not(.gulp) .droop{opacity:1;translate:0 0}.store:not(.active) .monster .head.mood-idle:not(.open):not(.gulp) .lid{opacity:0}.store:not(.active) .monster .head.mood-idle:not(.open) .pupil{animation:wander 7s ease-in-out infinite}@keyframes wander{0%,18%,to{transform:translateY(2px)}30%,46%{transform:translate(-5px,3px)}58%,78%{transform:translate(5px,2px)}}[data-theme=monster] .board .store:not(.active) .monster.mood-idle .head{animation:breathe 3.6s ease-in-out infinite}@keyframes breathe{50%{scale:1.015 .985}}[data-theme=monster] .board .store.active .monster:not(.mood-happy):not(.mood-sad) .head{animation:perk 1.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes perk{0%,to{translate:0 0;rotate:0deg}25%{translate:0 calc(var(--cell) * -.05);rotate:-1.2deg}50%{translate:0 0;rotate:0deg}75%{translate:0 calc(var(--cell) * -.05);rotate:1.2deg}}[data-theme=monster] .board .store:is(.active,:not(.active)) .monster:not(.x):not(.y) .head.swap-in{animation:slap .24s cubic-bezier(.3,0,.4,1) both}@keyframes slap{0%{scale:1.1;rotate:-8deg}45%{scale:.97;rotate:3deg}75%{scale:1.01;rotate:-1deg}to{scale:1;rotate:0deg}}[data-theme=monster] .overlay.picking{background:color-mix(in srgb,var(--color-ink) 12%,transparent)}[data-theme=monster] .overlay.picking .panel{box-shadow:0 18px 50px #00000040}.app{--card-w: clamp(84px, min(10.4vw, calc((28vh - 70px) / 1.3)), 168px)}.app:has(main.tall){--card-w: min(23vw, 92px)}.app .top{position:relative;z-index:12}.card-face{--c: var(--card-move);--cs: var(--card-move-deep);width:var(--card-w);aspect-ratio:63 / 88;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font);font-size:calc(var(--card-w) * .1067);color:var(--color-ink);text-align:left;background:var(--color-white);border:calc(var(--card-w) * .02 + 1px) solid var(--color-ink);border-radius:calc(var(--card-w) * .075);transition:box-shadow .2s}.card-face .block{flex:0 0 63%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding-top:.5em;background:var(--c);border-bottom:calc(var(--card-w) * .02 + 1px) solid var(--color-ink)}.card-face .name{font-weight:var(--weight-heavy);font-size:1.22em;line-height:1;font-variation-settings:"opsz" var(--display-opsz);letter-spacing:-.01em;white-space:nowrap}.card-face svg{width:84%;flex:1;min-height:0}.card-face .text{display:grid;gap:.2em;align-content:start;padding:.45em .65em .5em}.card-face .kind{font-size:.56em;font-weight:var(--weight-heavy);letter-spacing:.1em;text-transform:uppercase;color:var(--cs)}.card-face .desc{font-size:.72em;line-height:1.28;font-weight:var(--weight-medium)}.card-face.move{--c: var(--card-move);--cs: var(--card-move-deep)}.card-face.store{--c: var(--card-store);--cs: var(--card-store-deep)}.card-face.capture{--c: var(--card-capture);--cs: var(--card-capture-deep)}.card-face.control{--c: var(--card-control);--cs: var(--card-control-deep)}.card-face.tempo{--c: var(--card-tempo);--cs: var(--card-tempo-deep)}.card-face.trap{--c: var(--card-trap);--cs: var(--card-trap-deep)}.card-back{position:relative;width:var(--card-w);aspect-ratio:63 / 88;box-sizing:border-box;background:var(--own);border:calc(var(--card-w) * .02 + 1px) solid var(--color-ink);border-radius:calc(var(--card-w) * .075)}.card-back:before{content:"";position:absolute;top:11%;right:11%;bottom:11%;left:11%;border-radius:calc(var(--card-w) * .04);background:radial-gradient(circle,transparent calc(var(--card-w) * .022),var(--color-ink) calc(var(--card-w) * .024),var(--color-ink) calc(var(--card-w) * .04),transparent calc(var(--card-w) * .043)) center / calc(var(--card-w) * .15) calc(var(--card-w) * .15)}.card-back:after{content:"";position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);background:var(--color-white);border-radius:50%;border:calc(var(--card-w) * .045) solid var(--color-ink);box-shadow:0 0 0 calc(var(--card-w) * .05) var(--own)}.cards{position:fixed;left:50%;width:0;height:0;z-index:8;pointer-events:none}.cards.mine{bottom:0}.cards.theirs{top:0}.cards .slot{--x: calc(var(--k) * var(--card-w) * .98);--sag: calc(var(--k) * var(--k) * var(--card-w) * .025);position:absolute;left:calc(var(--card-w) / -2);width:var(--card-w);padding:0;border:0;background:none;font:inherit;transition:transform .34s cubic-bezier(.24,1.25,.4,1)}.cards.mine{--peek: 1.34}.app:has(main.tall) .cards.mine{--peek: .75}.cards.mine .slot{top:calc(var(--card-w) * var(--peek) * -1);transform-origin:50% 100%;transform:translate(var(--x)) translateY(var(--sag)) rotate(calc(var(--k) * 2.5deg));animation:card-up .5s cubic-bezier(.2,.9,.3,1) both;pointer-events:auto}.cards.mine:not(.active) .slot{transform:translate(var(--x)) translateY(calc(var(--sag) + var(--card-w) * .05)) rotate(calc(var(--k) * 2.5deg))}.cards.mine.active .slot{cursor:pointer}.cards.mine .slot:disabled{cursor:default}@media(hover:hover){.cards.mine.active .slot:hover{transform:translate(var(--x)) translateY(calc(var(--card-w) * (1.42 - var(--peek)) * -1));z-index:2}}.cards.mine.active .slot:focus-visible{outline:none;transform:translate(var(--x)) translateY(calc(var(--card-w) * (1.42 - var(--peek)) * -1));z-index:2}.cards.mine.active .slot:focus-visible .card-face{box-shadow:0 0 0 3px var(--ink)}.cards.mine.active .slot.picked{transform:translate(var(--x)) translateY(calc(var(--card-w) * max(0,1.36 - var(--peek)) * -1));z-index:3}.app:has(main.tall) .cards.mine.active .slot.picked{transform:translate(var(--x)) translateY(calc(var(--card-w) * -.2))}.cards.mine .slot.picked .card-face{box-shadow:0 0 0 calc(var(--card-w) * .035) var(--own)}.cards.mine.has-pick .slot:not(.picked):not(:hover){transform:translate(var(--x)) translateY(calc(var(--sag) + var(--card-w) * .12)) rotate(calc(var(--k) * 2.5deg))}.cards.theirs .slot{top:calc(var(--card-w) * (.53 - 88 / 63));transform:translate(var(--x)) translateY(calc(var(--sag) * -1)) rotate(calc(180deg - var(--k) * 5deg));animation:card-down .5s cubic-bezier(.2,.9,.3,1) both}@keyframes card-up{0%{translate:0 calc(var(--card-w) * .9)}}@keyframes card-down{0%{translate:0 calc(var(--card-w) * -.9)}}.message .play-now{margin-left:var(--space-4);padding:var(--space-2) 14px;border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font:700 14px var(--font);white-space:nowrap;cursor:pointer;pointer-events:auto;vertical-align:middle}.message .play-now:hover{background:var(--p0);color:var(--color-ink)}.board .chip.loss{background:var(--color-white);color:var(--color-ink)}.played{position:fixed;z-index:9;left:calc(50% - var(--card-w) * 2.7);display:grid;justify-items:center;gap:var(--space-3);pointer-events:none;animation:played-in .45s cubic-bezier(.24,1.25,.4,1) both}.played.from-bottom{bottom:calc(var(--card-w) * .22)}.played.from-top{top:calc(var(--card-w) * .22)}.played .card-face{rotate:-4deg;box-shadow:0 0 0 calc(var(--card-w) * .035) var(--own)}.played-label{font:700 13px var(--font);background:var(--color-ink);color:var(--color-white);padding:3px var(--space-4);border-radius:var(--radius-pill);white-space:nowrap}.app:has(main.tall) .played{left:10px;scale:.9;transform-origin:left center}@keyframes played-in{0%{opacity:0;translate:0 calc(var(--card-w) * .4);scale:.8}}.board .pit.origin:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:4;border:4px dashed var(--color-ink);border-radius:var(--radius-md);pointer-events:none}.board .store.pickable{cursor:pointer}.board .pit .mark{position:absolute;top:8%;right:8%;z-index:5;width:clamp(22px,26%,34px);aspect-ratio:1;display:grid;place-items:center;background:var(--color-white);color:var(--color-ink);border:var(--stroke) solid var(--color-ink);border-radius:50%;pointer-events:none;animation:mark-in .35s cubic-bezier(.3,1.5,.5,1) backwards}.board .pit .mark svg{width:72%;height:72%}.board .pit.fx-freeze .well:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,#ffffff80 0,#ffffff80 6px,#ffffff38 6px,#ffffff38 16px);pointer-events:none}.board .pit.fx-curse .floor{opacity:.45}.board .pit.fx-mirror .well{box-shadow:inset 0 0 0 5px var(--color-ink)}@keyframes mark-in{0%{scale:0}}.board .pit .traps{position:absolute;left:7%;bottom:7%;z-index:5;pointer-events:none}.board .pit .trap-card{position:absolute;left:calc(var(--i) * 7px);bottom:calc(var(--i) * 4px);width:clamp(16px,2.2vw,26px);aspect-ratio:63 / 88;background:var(--own);border:var(--stroke-thin) solid var(--color-ink);border-radius:4px;rotate:calc(-10deg + var(--i) * 8deg);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--own),#fff 45%);animation:trap-in .4s cubic-bezier(.3,1.4,.5,1) backwards}@keyframes trap-in{0%{translate:0 -30px;opacity:0}}@media(prefers-reduced-motion:reduce){.cards .slot,.played{animation:none;transition:none}}[data-theme=monster] .board .store0 .count.big{color:color-mix(in srgb,var(--p0) var(--glow-mix),#fff)}[data-theme=monster] .board .store1 .count.big{color:color-mix(in srgb,var(--p1) var(--glow-mix),#fff)}[data-theme=monster] .board.wide .count.big{font-size:clamp(28px,4.6vw,72px);font-weight:var(--weight-heavy)}.app.at-home .top{visibility:hidden}.home{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--bg);animation:fade .2s ease-out;--home-side: var(--side, 20vw)}.home-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto;overscroll-behavior:contain}.home-col{width:min(560px,100%);margin:0 auto;padding:0 var(--space-6) 45svh;display:flex;flex-direction:column;gap:14px;transition:width .3s}.home.sides-on .home-col{width:min(560px,100% - 2 * var(--home-side) - 24px)}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vw,34px);padding:var(--space-8) 0}.home-logo{width:clamp(220px,44vw,520px);height:auto}.home .go.start.later{animation:start-in .5s cubic-bezier(.3,1.5,.5,1) 1.5s backwards}@keyframes start-in{0%{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home .go.start.later{animation:none}}.logo-anim{display:block;overflow:visible;cursor:pointer;-webkit-tap-highlight-color:transparent}.logo-anim .lg-slab{transform-box:fill-box;transform-origin:center}.logo-anim .lg-letters{transform-box:fill-box;transform-origin:center bottom}.logo-anim.enter .lg-slab{animation:lg-stamp .75s cubic-bezier(.3,.9,.4,1) both}.logo-anim.enter .lg-letters{animation:lg-rise .55s cubic-bezier(.25,1.4,.5,1) .28s both}@keyframes lg-stamp{0%{transform:scale(.25) rotate(-14deg);opacity:0}40%{transform:scale(1.12) rotate(3deg);opacity:1}62%{transform:scale(.95) rotate(-1.2deg)}80%{transform:scale(1.03) rotate(.4deg)}to{transform:none}}@keyframes lg-rise{0%{transform:translateY(70px) scaleY(1.3)}to{transform:none}}.home .go.start{font-size:clamp(18px,2vw,24px);padding:var(--space-6) 38px;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.home .go.start:hover{transform:translateY(-2px) rotate(-2deg) scale(1.04)}.choice.small{min-height:76px}.home .link{border:0;background:none;font-weight:var(--weight-bold);font-size:var(--text-base);text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--color-muted)}.peek{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.peek .peeker.monster.mini{position:absolute;left:0;top:0;width:clamp(150px,18vw,240px);max-width:none;border-radius:var(--radius-xl);transform:translate(-999px,-999px)}.peek.off{opacity:0;transition:opacity .2s}.step{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-5);animation:step-in .35s cubic-bezier(.3,1.3,.5,1)}@keyframes step-in{0%{opacity:0;transform:translateY(16px)}}.step h3{margin:0;font-size:19px;font-weight:var(--weight-heavy);display:flex;align-items:center;gap:var(--space-4)}.step h3 .n{width:26px;height:26px;border-radius:50%;background:var(--color-ink);color:var(--color-white);display:grid;place-items:center;font-size:var(--text-md);flex:none}.step.done h3 .n{background:var(--monster-uno)}.home .lead{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-muted)}.home .note{margin:-4px 0 0;font-size:var(--text-md);color:var(--color-muted)}.home .locked{margin:-4px 0 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted)}.home .who{margin:var(--space-1) 0 -6px;font-weight:var(--weight-heavy);font-size:var(--text-md);color:var(--color-muted)}.home .segments{margin:0}.home .segments.big{align-self:flex-start;background:color-mix(in srgb,var(--color-ink) 8%,transparent);border-radius:var(--radius-pill);padding:var(--space-1);gap:var(--space-1)}.home .segments.big button{background:transparent;font-size:var(--text-lg);padding:9px var(--space-7)}.home .segments.big button.on{background:var(--color-ink);color:var(--color-white)}.home .segments.big button:disabled{cursor:default}.choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.choice{border:0;border-radius:18px;padding:var(--space-6);min-height:100px;text-align:left;cursor:pointer;color:var(--color-ink);display:flex;flex-direction:column;justify-content:flex-end;gap:3px;transition:transform .2s cubic-bezier(.3,1.5,.5,1),opacity .2s}.choice:hover{transform:translateY(-2px) rotate(-1deg)}.choice:active{transform:translateY(1px) scale(.98)}.choice b{font-size:21px;line-height:1.05;font-weight:var(--weight-heavy);font-variation-settings:"opsz" var(--display-opsz)}.choice span{font-size:var(--text-md);font-weight:var(--weight-medium)}.choice.on{box-shadow:0 0 0 3px var(--color-ink)}.choice.dim{opacity:.4}.choice.with-cards{background:var(--monster-puff)}.choice.no-cards{background:var(--monster-spike);color:var(--color-white)}.choice:disabled{cursor:default;transform:none}.choice.computer{background:var(--monster-fuzz)}.choice.friend{background:var(--monster-uno)}.choice.host{background:var(--monster-zap)}.choice.join{background:var(--monster-trio);color:var(--color-white)}.home .go,.home .row button{border:0;border-radius:var(--radius-pill);padding:var(--space-4) 20px;font-weight:var(--weight-bold);font-size:var(--text-base);cursor:pointer;background:color-mix(in srgb,var(--color-ink) 8%,transparent)}.home .go{background:var(--color-ink);color:var(--color-white);font-size:var(--text-xl);font-weight:var(--weight-heavy);padding:13px 30px;align-self:center}.home .row .go{font-size:var(--text-base);padding:var(--space-4) 20px;align-self:auto}.home .row button.primary{background:var(--color-ink);color:var(--color-white)}.home .go:disabled,.home .row button:disabled{opacity:.3;cursor:default}.home .row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.code{display:flex;gap:var(--space-3)}.code span{width:56px;height:70px;border-radius:var(--radius-md);background:var(--color-white);border:var(--stroke) solid var(--color-ink);display:grid;place-items:center;font-size:38px;font-weight:var(--weight-heavy)}.code.typing{position:relative;cursor:text}.code.typing input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;font-size:var(--text-lg);width:100%}.code.typing:focus-within span.next{border-color:var(--monster-trio);box-shadow:0 0 0 4px color-mix(in srgb,var(--monster-trio) 25%,transparent)}.home .problem{margin:0;font-weight:var(--weight-bold);color:var(--color-problem)}.home .waiting{margin:0;font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-3)}.home .ok{color:var(--color-ready)}.home .step>.waiting{align-self:center}.dots i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 2px;animation:dot 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.home .pick-row{gap:var(--space-1)}.home .pick-tile{padding:5px 3px;font-size:var(--text-xs)}.friend-pick{display:flex;align-items:center;gap:var(--space-4);font-weight:var(--weight-bold)}.friend-pick .monster.mini{width:56px}.empty-tile{display:block;width:56px;aspect-ratio:1;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-ink) 8%,transparent)}.home-side{position:absolute;top:0;bottom:0;width:calc(var(--home-side) + 40px);overflow:hidden;pointer-events:none;z-index:2;transition:transform .34s cubic-bezier(.3,1.25,.5,1)}.home-side.left{left:-40px;transform:translate(-102%)}.home-side.left .monster{left:40px}.home-side.right{right:-40px;transform:translate(102%)}.home-side.right .monster{right:40px}.home-side.in{transform:translate(0)}.home-side.out{transition:transform .16s ease-in}.home-side .monster{position:absolute;top:0;bottom:0;width:var(--home-side);display:block;background:var(--skin);box-shadow:0 0 0 40px var(--skin);clip-path:inset(0 -40px)}.home-side .monster .head{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;padding:0;display:block}.home-side .monster .poster-face{position:absolute;top:48%;left:-15.6%;width:168%;translate:0 -65.6%}.home-side .monster .head.flip .poster-face{left:auto;right:-15.6%}.home-side .tag{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-weight:var(--weight-heavy);font-size:var(--text-lg);color:var(--color-white)}.net-banner{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:26;margin:0;background:var(--color-ink);color:var(--color-white);border-radius:var(--radius-pill);padding:9px var(--space-6);font-weight:var(--weight-bold);font-size:var(--text-md)}@media(orientation:portrait),(max-width:760px){.home-side{display:none}.home.sides-on .home-col{width:min(560px,100%)}.home .pick-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.choices{grid-template-columns:1fr}.choice{min-height:84px}}@media(prefers-reduced-motion:reduce){.dots i,.step{animation:none}.choice:hover{transform:none}.home-side{transition:none}.peek{display:none}}.guide{position:fixed;z-index:20;pointer-events:none;left:calc(var(--side, 20vw) + 16px);top:calc(50% + var(--row, 19svh) + 44px);width:min(560px,calc(100vw - 2 * var(--side, 20vw) - 32px))}.guide.tall{left:8px;right:8px;top:auto;bottom:10px;width:auto;z-index:30}.guide.anchored{width:min(380px,calc(100vw - 16px));transition:left .45s cubic-bezier(.3,1.2,.5,1),top .45s cubic-bezier(.3,1.2,.5,1)}.guide.anchored .guide-bubble{border-radius:22px}.guide.anchored .guide-body,.guide.tall .guide-body{flex-direction:column;align-items:stretch;gap:4px}.guide.anchored .guide-foot{justify-content:flex-end;min-height:30px}.guide-tail{position:absolute;bottom:-11px;width:18px;height:18px;margin-left:-9px;background:#fff;border:3px solid #111;border-width:0 3px 3px 0;rotate:45deg}.guide.below .guide-tail{bottom:auto;top:-11px;border-width:3px 0 0 3px}.guide-peek.monster.mini{position:absolute;left:14px;top:0;width:116px;max-width:none;border-radius:22px;translate:0 -66%;z-index:0;pointer-events:none;animation:guide-peek .5s cubic-bezier(.3,1.5,.5,1) .15s both}.guide-peek.monster.mini.right{left:auto;right:14px}.guide .guide-bubble{z-index:1}@keyframes guide-peek{0%{translate:0 0;rotate:-8deg}}.guide-skip{border:0;background:none;font:800 14px var(--font);color:#6f675c;cursor:pointer;padding:6px 4px}.guide-skip:hover{color:#111}.guide-timer{position:absolute;left:18px;right:18px;bottom:6px;height:4px;border-radius:4px;background:var(--skin);transform-origin:left;animation:guide-timer var(--read, 5s) linear both}.guide-timer.held{animation-play-state:paused}@keyframes guide-timer{0%{scale:0 1}}.guide.tall .guide-body{flex-direction:column;align-items:stretch;gap:4px}.guide.tall .guide-foot{justify-content:flex-end;min-height:30px}.guide.tall .guide-bubble p{font-size:15px;line-height:1.3}.guide-bubble{pointer-events:auto;position:relative;background:#fff;border:3px solid #111;border-radius:22px 22px 22px 6px;padding:10px 14px 12px 16px;box-shadow:6px 6px 0 var(--skin);animation:guide-in .4s cubic-bezier(.3,1.5,.5,1) both;transform-origin:left bottom}.guide.tall .guide-bubble{border-radius:22px 22px 6px;transform-origin:right bottom}@keyframes guide-in{0%{opacity:0;scale:.85;translate:-10px 8px}}@media(prefers-reduced-motion:reduce){.guide-bubble{animation:fade .2s both}}.guide-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.guide-name{font-weight:800;background:var(--skin);color:#111;border:2px solid #111;border-radius:999px;padding:1px 10px;font-size:14px}.guide-part{font-size:13px;font-weight:700;color:#6f675c}.guide-leave{margin-left:auto;width:28px;height:28px;border-radius:50%;border:2px solid #111;background:#fff;font:800 18px/1 var(--font);cursor:pointer;display:grid;place-items:center}.guide-leave:hover{background:#111;color:#fff}.guide-body{display:flex;align-items:flex-end;gap:14px}.guide-bubble p{flex:1;margin:4px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.35;font-weight:600;text-wrap:pretty}.guide-foot{flex:none;display:flex;align-items:center;min-height:36px}.guide-wait{font-size:13px;font-weight:800;color:#6f675c;text-transform:uppercase;letter-spacing:.06em}.guide-wait:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--skin);border:2px solid #111;margin-right:8px;animation:guide-dot 1s ease-in-out infinite alternate}@keyframes guide-dot{to{scale:.6}}.guide-next{border:3px solid #111;background:#111;color:#fff;border-radius:999px;font:800 16px var(--font);padding:7px 22px;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.guide-next:hover{transform:translateY(-2px) rotate(-2deg);background:var(--skin);color:#111}.board .pit.hint:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:6;border:6px solid #fff;border-radius:16px;box-shadow:0 0 0 4px #111,inset 0 0 0 4px #111,0 0 24px 8px #fffc;pointer-events:none;animation:hint .8s ease-in-out infinite alternate}.cards.mine .slot.hint .card-face{box-shadow:0 0 0 5px #fff,0 0 0 9px #111,0 0 30px 12px #ffffffe6;animation:hint-card .8s ease-in-out infinite alternate}@keyframes hint-card{to{translate:0 calc(var(--card-w) * -.08)}}.message .play-now.hint{animation:hint .8s ease-in-out infinite alternate;box-shadow:0 0 0 4px #fff,0 0 0 7px #111}@keyframes hint{0%{scale:1}to{scale:.92}}@media(prefers-reduced-motion:reduce){.board .pit.hint:after,.cards.mine .slot.hint .card-face,.message .play-now.hint{animation:none}}.home .go.tutorial{background:#fff;color:#111;border:3px solid #111;font-size:16px;padding:10px 26px;margin-top:-10px}.home .go.tutorial:hover{background:#18b86b}.home .go.tutorial.later{animation:start-in .5s cubic-bezier(.3,1.5,.5,1) 1.65s backwards}@media(prefers-reduced-motion:reduce){.home .go.tutorial.later{animation:none}}.app:has(.cards.theirs) .top .brand{top:calc(var(--card-w) * .62 - 12px)}.app:has(main.wide):has(.cards.theirs) .top .brand{top:calc(var(--card-w) * .62 - 12px + 4svh)}.qa-panel{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(320px,100vw);box-sizing:border-box;overflow-y:auto;padding:14px 14px 24px;background:#fffaf0;color:#111;border-left:3px solid #111;font-family:var(--font);font-size:13px}.qa-panel header{display:flex;align-items:center;justify-content:space-between}.qa-panel h2{margin:0;font-size:20px;font-weight:800;font-variation-settings:"opsz" 96}.qa-panel h3{margin:14px 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.qa-panel section{border-top:2px solid #111;margin-top:10px}.qa-panel button{padding:4px 9px;border:2px solid #111;border-radius:999px;background:#fff;font-weight:700;cursor:pointer}.qa-panel button:disabled{opacity:.4;cursor:default}.qa-panel button.on{background:#111;color:#fff}.qa-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.qa-row>span{font-weight:700;margin-right:2px}.qa-note{margin:6px 0;line-height:1.35;color:#444}.qa-warn{margin:8px 0;padding:6px 8px;border:2px solid #111;border-radius:8px;background:#ffd23f;font-weight:700}.qa-cards{display:grid;grid-template-columns:repeat(4,var(--card-w));gap:8px;justify-content:space-between;margin-top:8px}.qa-panel .qa-cards button{padding:0;border:0;border-radius:0;background:none;transition:transform .15s}.qa-panel .qa-cards button:hover{transform:translateY(-3px) rotate(-2deg)}.qa-cards .card-face .name{font-size:1em}.qa-tab{position:fixed;right:0;top:50%;z-index:40;padding:10px 8px;border:3px solid #111;border-right:0;border-radius:10px 0 0 10px;background:#ffd23f;font-family:var(--font);font-weight:800;cursor:pointer}.finale{z-index:7}.finale .finale-bead{z-index:2}.finale .finale-bead{filter:drop-shadow(0 0 calc(var(--b) * .35) #fff) drop-shadow(0 0 calc(var(--b) * .5) color-mix(in srgb,var(--skin) 62%,#fff))}.finale .finale-trail{opacity:.5}.finale-ring{position:absolute;left:0;top:0;width:calc(var(--fc) * 2.4);height:calc(var(--fc) * 2.4);margin:calc(var(--fc) * -1.2) 0 0 calc(var(--fc) * -1.2);border-radius:50%;border:calc(var(--b) * .4) solid #fff6e6;box-sizing:border-box;opacity:0}.finale-ray{position:absolute;left:0;top:0;width:calc(var(--b) * 2);height:calc(var(--b) * .45);margin:calc(var(--b) * -.225) 0 0 calc(var(--b) * -1);border-radius:999px;background:#3a3541;opacity:0}.finale-again{position:absolute;left:0;top:0;padding:.15em .55em .2em;border-radius:999px;background:var(--skin);color:#fff;border:3px solid #2b2620;box-shadow:3px 3px #2b2620;font-weight:800;font-size:clamp(18px,calc(var(--fc) * .36),40px);white-space:nowrap;letter-spacing:.01em;opacity:0}