.card{width:var(--cw,88px);height:calc(var(--cw,88px) * 1.4);font-size:calc(var(--cw,88px) / 10);perspective:600px;transition:transform var(--dur,.42s) cubic-bezier(.25, .8, .3, 1) var(--delay,0s);will-change:transform;touch-action:manipulation;position:absolute;top:0;left:0}.card .inner{transform-style:preserve-3d;transition:transform var(--dur,.42s) ease var(--delay,0s);position:absolute;inset:0}.card.down .inner{transform:rotateY(180deg)}.card .face,.card .back{backface-visibility:hidden;border-radius:.9em;position:absolute;inset:0;overflow:hidden;box-shadow:0 .25em .6em #0a1e2847}.card .face{background:var(--card);border:.55em solid var(--suit,#ccc)}.card .back{border:.45em solid var(--card);background:radial-gradient(circle,#ffffff59 0 1.2em,#0000 1.3em),repeating-radial-gradient(circle,#2a8aa8 0 .5em,#237894 .5em 1em);transform:rotateY(180deg)}.card.c-red{--suit:var(--red)}.card.c-blue{--suit:var(--blue)}.card.c-yellow{--suit:var(--yellow)}.card.c-green{--suit:var(--green)}.card.c-rainbow{--suit:conic-gradient(var(--red), var(--yellow), var(--green), var(--blue), var(--red))}.card.c-rainbow .face{background:conic-gradient(from 45deg, var(--red), var(--yellow), var(--green), var(--blue), var(--red));border:0;padding:.55em}.card.c-rainbow .face .art{background:var(--card);border-radius:.5em}.card .art{place-items:center;display:grid;position:absolute;inset:.9em .5em 1.2em}.card .art img{object-fit:contain;pointer-events:none;width:100%;height:100%}.card .stand-in{filter:saturate(1.1);font-size:4.6em;line-height:1}.card .shape{width:1.9em;height:1.9em;fill:var(--suit);position:absolute}.card .shape.tl{top:.35em;left:.35em}.card .shape.br{bottom:.35em;right:.35em;transform:rotate(180deg)}.card .num{color:#3a3226;font:800 1.9em/1 ui-rounded,SF Pro Rounded,system-ui,sans-serif;position:absolute;top:.2em;right:.45em}.card .dots{flex-wrap:wrap;gap:.18em;width:4.6em;display:flex;position:absolute;bottom:.45em;left:.5em}.card .dots i{background:var(--suit);border-radius:50%;width:.6em;height:.6em}.card .corner{color:var(--suit);flex-direction:column;align-items:center;font:800 2em/1 ui-rounded,system-ui,sans-serif;display:flex;position:absolute}.card .corner b{font-size:.85em}.card .corner.tl{top:.25em;left:.3em}.card .corner.br{bottom:.25em;right:.3em;transform:rotate(180deg)}.card .classic-mid{color:var(--suit);place-items:center;font-size:5em;display:grid;position:absolute;inset:0}.card.c-blue .corner,.card.c-blue .classic-mid,.card.c-green .corner,.card.c-green .classic-mid{color:#20262c}.card.c-yellow .corner,.card.c-yellow .classic-mid{color:#d93b2b}.card.lift{z-index:50}.card.glow .face{box-shadow:0 0 0 .3em #fff7c2,0 0 1.4em .5em #ffec8ce6}.card.dim .face{filter:saturate(.5)brightness(.86)}.card.picked .face{box-shadow:0 0 0 .35em #fff,0 .5em 1.2em #00000059}.card.found{pointer-events:none}@media (prefers-reduced-motion:reduce){.card,.card .inner{transition-duration:10ms!important}}:root{--bg:#1f6f8b;--bg2:#17586f;--wood:#c98b4f;--wood-d:#8f5b2c;--card:#fff8ec;--red:#e4572e;--blue:#2e86de;--yellow:#f2c14e;--green:#4caf50;--panel:#ffffff1a;--edge:#fff3;--ink:#fffaf0;--dim:#cfe3ea;--accent:#ffd36b;--round:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, sans-serif;--t:1;--safe-t:max(env(safe-area-inset-top,0px), var(--native-safe-t,0px));--safe-r:max(env(safe-area-inset-right,0px), var(--native-safe-r,0px));--safe-b:max(env(safe-area-inset-bottom,0px), var(--native-safe-b,0px));--safe-l:max(env(safe-area-inset-left,0px), var(--native-safe-l,0px))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0}body{font:calc(17px * var(--t)) / 1.4 var(--round);-webkit-user-select:none;user-select:none;touch-action:manipulation}html.ios-short,html.ios-short body{height:100lvh}#app{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);display:flex;position:fixed;inset:0}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:relative}.notices{top:calc(var(--safe-t) + 8px);pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed;left:0;right:0}.notice{pointer-events:auto;color:#f1f3f8;opacity:0;background:#141824f0;border-radius:999px;max-width:min(92vw,520px);min-height:0;padding:10px 18px;transition:opacity .2s,transform .2s;transform:translateY(-12px)}.notice.show{opacity:1;transform:none}body{background:radial-gradient(120% 80% at 50% 0%, #2a87a5 0%, var(--bg) 45%, var(--bg2) 100%) fixed}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.kid{width:56px;height:56px;color:var(--ink);background:#fffaf029;border-radius:50%;place-items:center;transition:transform .12s;display:grid;box-shadow:inset 0 0 0 2px #ffffff2e}.kid:active{transform:scale(.92)}.kid svg{width:60%;height:60%}.kid.big{background:var(--green);width:88px;height:88px;box-shadow:0 6px #2f7d33,0 10px 20px #00000040}.kid.big.alt{background:var(--blue);box-shadow:0 6px #1d5fa3,0 10px 20px #00000040}.kid.big.dim{filter:grayscale(.8)brightness(.8)}.avatar,.seat,.end-face,.cover-face{background:radial-gradient(circle at 50% 35%,#fff8ec,#f3dfc0);border-radius:50%;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 0 3px #fff8ec,0 4px 10px #00000040}.avatar img,.seat img,.end-face img,.cover-face img{object-fit:cover;width:100%;height:100%}.stand-in{font-size:2.2em;line-height:1}.title{background-position:top;background-size:cover;justify-content:flex-start;gap:14px;padding:18px 16px 16px}.logo{font:900 clamp(34px, 9vw, 64px)/1 var(--round);letter-spacing:.01em;color:#fffaf0;text-shadow:0 3px 0 var(--wood-d), 0 6px 14px #0000004d;margin:8px 0 0}.tiles{flex:1;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,560px);max-height:520px;display:grid}.tile{background:linear-gradient(180deg, #d79a5e, var(--wood));box-shadow:inset 0 -6px 0 var(--wood-d), 0 8px 18px #00000040;border-radius:26px;min-height:140px;transition:transform .12s;position:relative;overflow:hidden}.tile:active{transform:scale(.96)}.tile-gofish{background:linear-gradient(#4fb0c9,#2a87a5);box-shadow:inset 0 -6px #1b6a83,0 8px 18px #00000040}.tile-pairs{background:linear-gradient(#f6cf6d,#e6ad37);box-shadow:inset 0 -6px #b9831c,0 8px 18px #00000040}.tile-splash{background:linear-gradient(#7cc77f,#4caf50);box-shadow:inset 0 -6px #2f7d33,0 8px 18px #00000040}.tile-bigger{background:linear-gradient(#f08a6a,#e4572e);box-shadow:inset 0 -6px #a83a1b,0 8px 18px #00000040}.game-pic{--cw:clamp(46px, 13vw, 92px);pointer-events:none;position:absolute;inset:0}.game-pic .card{top:50%;left:50%}.pic-gofish .p1{transform:translate(-85%,-55%)rotate(-12deg)}.pic-gofish .p2{transform:translate(-15%,-45%)rotate(10deg)}.pic-gofish .pic-splash{background:radial-gradient(#ffffff8c,#0000 70%);border-radius:50%;width:70%;height:18%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.pic-pairs .card{--cw:clamp(36px, 10vw, 70px)}.pic-pairs .p1{transform:translate(-110%,-100%)rotate(-5deg)}.pic-pairs .p2{transform:translate(5%,-100%)rotate(5deg)}.pic-pairs .p3{transform:translate(-110%)rotate(-3deg)}.pic-pairs .p4{transform:translate(5%)rotate(4deg)}.pic-splash .p1{transform:translate(-95%,-50%)rotate(-16deg)}.pic-splash .p2{transform:translate(-50%,-58%)rotate(0)}.pic-splash .p3{transform:translate(-5%,-50%)rotate(16deg)}.pic-bigger .p1{transform:translate(-95%,-30%)rotate(-8deg)scale(.75)}.pic-bigger .p2{transform:translate(-10%,-60%)rotate(6deg)scale(1.1)}.ribbon{width:40px;height:40px;color:var(--green);background:#fff8ec;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 3px 8px #00000040}.decks{justify-content:center;gap:12px;padding-bottom:4px;display:flex}.deck-chip{--cw:56px;border-radius:14px;width:64px;height:84px;position:relative}.deck-chip .card{top:3px;left:4px;transform:none}.deck-chip.on{outline:4px solid var(--accent);outline-offset:2px}.deck-chip.locked .card{filter:grayscale()brightness(.65)}.deck-chip .lock{color:#fff8ec;place-items:center;display:grid;position:absolute;inset:0}.deck-chip .lock svg{filter:drop-shadow(0 2px 3px #00000080);width:34px;height:34px}.togo{justify-content:center;gap:3px;display:flex;position:absolute;bottom:-12px;left:0;right:0}.togo i,.badge i,.pips i{background:var(--accent);border-radius:50%;width:7px;height:7px;display:block}.grownup-btn{color:#ffffff8c;width:34px;height:34px;position:absolute;top:14px;right:14px}.setup{gap:22px}.corner-btn{position:absolute;top:14px;left:14px}.tile.hero{flex:none;width:min(70vw,320px);height:min(52vw,230px)}.seats-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.seat-pick{border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:relative}.seat-pick .avatar{width:100%;height:100%}.seat-pick.empty{color:#ffffffb3;border:3px dashed #ffffff80}.seat-pick.empty svg{width:40%;height:40%}.person-badge{background:var(--yellow);color:#3a2a10;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 6px #0000004d}.person-badge svg{width:70%;height:70%}.sizes{gap:12px;display:flex}.kid.size{border-radius:18px;width:74px;height:74px}.kid.size.on{outline:4px solid var(--accent)}.mini-grid{grid-template-columns:repeat(var(--cols), 8px);gap:3px;display:grid}.mini-grid i{background:#fff8ec;border-radius:2px;width:8px;height:10px}.table{background:linear-gradient(#0000 0 100%),repeating-linear-gradient(90deg,#c4874d 0 46px,#b97d44 46px 48px,#c98b4f 48px 94px,#bd8148 94px 96px);padding:0;display:block;overflow:hidden}.table .stage{z-index:2;position:absolute;inset:0}.bar{z-index:30;gap:10px;display:flex;position:absolute;top:6px;left:8px;right:8px}.bar .kid{background:#3c230f59;width:48px;height:48px}.bar .spacer{flex:1}.seat{z-index:25;cursor:pointer;transition:transform .4s,box-shadow .3s;position:absolute;top:0;left:0}.seat .stand-in{font-size:2.4em}.seat.hidden{display:none}.seat.turn{box-shadow:0 0 0 4px var(--accent), 0 0 18px 6px #ffd36b99}.seat.glow{animation:1.1s ease-in-out infinite pulse;box-shadow:0 0 0 5px #fff7c2,0 0 22px 10px #ffec8cf2}.seat .badge{gap:2px;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes pulse{50%{transform-origin:50%;filter:brightness(1.15)}}.pond{z-index:1;background:radial-gradient(at 50% 45%,#5fc0d6 0%,#2a87a5 55%,#1b6a83 100%);border-radius:50%;position:absolute;top:0;left:0;box-shadow:inset 0 6px 18px #00000040,0 0 0 6px #8c5a2d99}.pond.small{border-radius:40%}.pond.glow,.pile-zone.glow{animation:1.1s ease-in-out infinite pulse;box-shadow:0 0 0 6px #fff7c2,0 0 30px 12px #ffec8ce6}.color-ring{z-index:1;border:8px solid var(--ring);border-radius:50%;place-items:start end;display:grid;position:absolute;top:0;left:0}.color-ring.c-red{--ring:var(--red)}.color-ring.c-blue{--ring:var(--blue)}.color-ring.c-yellow{--ring:var(--yellow)}.color-ring.c-green{--ring:var(--green)}.ring-shape{width:30px;height:30px;fill:var(--ring);filter:drop-shadow(0 2px 2px #0000004d);transform:translate(10px,-10px)}.drops{z-index:60;justify-content:center;gap:16px;display:flex;position:absolute;top:40%;left:0;right:0}.drop{background:var(--d);border-radius:50%/60% 60% 40% 40%;place-items:center;width:72px;height:72px;animation:.25s ease-out pop;display:grid;box-shadow:0 6px 14px #0000004d}.drop.c-red{--d:var(--red)}.drop.c-blue{--d:var(--blue)}.drop.c-yellow{--d:var(--yellow)}.drop.c-green{--d:var(--green)}.drop-shape{fill:#fff8ec;width:44%;height:44%}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.pile-zone{z-index:3;background:0 0;border-radius:18px;position:absolute;top:0;left:0}.table.nudge .card.mine.glow,.table.nudge .card.open{animation:.6s ease-in-out 2 wiggle}@keyframes wiggle{25%{margin-top:-8px}75%{margin-top:4px}}.cover{z-index:80;background:radial-gradient(circle at 50% 40%, #2a87a5, var(--bg2));flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;inset:0}.cover-face{width:150px;height:150px}.cover-face .stand-in{font-size:5em}.end{z-index:90;opacity:0;background:#0f323eb8;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:opacity .35s;display:flex;position:absolute;inset:0}.end.show{opacity:1}.end-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.end-seat{flex-direction:column;align-items:center;gap:10px;display:flex}.end-face{width:84px;height:84px;position:relative;overflow:visible}.end-face img,.end-face .stand-in{border-radius:50%;overflow:hidden}.end-seat.win .end-face{width:110px;height:110px;box-shadow:0 0 0 4px var(--accent), 0 0 26px 8px #ffd36bb3}.trophy{width:44px;height:44px;color:var(--accent);filter:drop-shadow(0 2px 3px #0006);position:absolute;top:-16px;right:-14px}.trophy svg{width:100%;height:100%}.end-score .pips,.end-score .backs{flex-wrap:wrap;justify-content:center;gap:3px;max-width:110px;display:flex}.end-score .backs i{background:#2a8aa8;border-radius:2px;width:10px;height:14px;display:block;box-shadow:0 0 0 1.5px #fff8ec}.end-buttons{gap:26px;display:flex}.unlocked{animation:.4s ease-out pop}.sheet{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet .panel{color:#2b2a26;width:min(100%,520px);max-height:92vh;padding:22px 20px calc(20px + var(--safe-b));-webkit-user-select:text;user-select:text;background:#fffaf0;border-radius:22px 22px 0 0;flex-direction:column;gap:6px;display:flex;position:relative;overflow-y:auto}.sheet h2{margin:0 0 6px}.sheet h3{margin:10px 0 0;font-size:1em}.sheet .row{border-bottom:1px solid #efe4cf;justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.sheet .row input{flex:none;width:24px;height:24px}.sheet select{font:inherit;background:#fff;border:1px solid #d8c7a5;border-radius:10px;padding:6px 8px}.sheet .dim{color:#6d6658}.sheet a{color:#1d6f8c}.sheet button.primary{background:var(--bg);color:#fff;border-radius:14px;margin-top:8px;padding:14px;font-weight:700}.sheet button.quiet{color:#a8432a;text-align:left;padding:10px 0;text-decoration:underline}.sheet .x{color:#6d6658;width:36px;height:36px;position:absolute;top:12px;right:12px}.sheet .x svg{width:100%;height:100%}.how summary{cursor:pointer;padding:12px 0;font-weight:700}.gate .panel{align-items:center;gap:12px}.gate-q{text-align:center;margin:18px 30px 0;font-size:1.15em;font-weight:700}.gate-answer{min-height:1.6em;font:800 1.6em/1.4 var(--round);letter-spacing:.1em}.keypad{grid-template-columns:repeat(3,72px);gap:10px;display:grid}.keypad .key{height:56px;font:700 1.3em var(--round);color:#2b2a26;background:#efe4cf;border-radius:14px}.keypad .key.blank{visibility:hidden}@media (min-width:700px) and (min-height:700px){.kid.big,.seat-pick{width:110px;height:110px}.deck-chip{--cw:76px;width:84px;height:112px}.tiles{max-height:640px}}.kid.tile{width:auto;height:auto;display:block}.kid.tile.hero{flex:none;width:min(70vw,320px);height:min(52vw,230px)}.setup{padding:24px 12px}.seats-row{flex-wrap:nowrap;gap:10px}.seat-pick{width:min(76px,21vw);height:min(76px,21vw)}.seat-pick.me{box-shadow:0 0 0 4px var(--accent)}.pointer{z-index:70;color:#fffaf0;pointer-events:none;filter:drop-shadow(0 3px 4px #00000073);width:64px;height:64px;margin:6px 0 0 -14px;animation:1.3s ease-in-out infinite tapme;position:absolute}.pointer svg{width:100%;height:100%}@keyframes tapme{0%,to{transform:translate(10px,18px)}45%{transform:translate(0)scale(.92)}55%{transform:translate(0)scale(.92)}}@media (min-width:700px) and (min-height:700px){.tiles{width:min(100%,820px)}.logo{font-size:72px}.bar .kid{width:60px;height:60px}.tile.hero,.kid.tile.hero{width:420px;height:300px}.game-pic{--cw:clamp(80px, 11vw, 130px)}.pic-pairs .card{--cw:clamp(64px, 8vw, 100px)}}.table[style*=background-image]{background-position:50%;background-size:cover}@media (min-width:700px) and (min-height:1000px){.tiles{max-height:820px}.decks{padding-bottom:40px}}.tiles{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}@media (min-aspect-ratio:1){.tiles{grid-template-columns:repeat(3,1fr)}}.tile .stars{color:var(--accent);filter:drop-shadow(0 1px 1px #00000059);gap:2px;display:flex;position:absolute;bottom:8px;left:10px}.tile .stars svg{width:16px;height:16px}.tile-oldmaid{background:linear-gradient(#a98bd8,#7d5fb8);box-shadow:inset 0 -6px #5b3f92,0 8px 18px #00000040}.tile-snap{background:linear-gradient(#f39ac0,#e0629a);box-shadow:inset 0 -6px #b13f74,0 8px 18px #00000040}.pic-oldmaid .p1{transform:translate(-100%,-50%)rotate(-12deg)}.pic-oldmaid .p2{transform:translate(-50%,-58%)}.pic-oldmaid .p3{transform:translateY(-50%)rotate(12deg)}.pic-snap .p1{transform:translate(-80%,-55%)rotate(-10deg)}.pic-snap .p2{transform:translate(-25%,-45%)rotate(8deg)}.pic-snap .pic-bang{aspect-ratio:1;background:var(--accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:26%;position:absolute;top:14%;right:14%}.tile{min-height:110px}.bubble{z-index:65;color:#2b2a26;pointer-events:none;background:#fffaf0;border-radius:22px;align-items:center;gap:6px;padding:6px 12px;transition:opacity .25s,transform .25s;animation:.22s ease-out pop;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 16px #00000047}.bubble.above{transform:translate(-50%,-100%)}.bubble.out{opacity:0}.bubble:after{content:"";background:inherit;width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.below:after{top:-6px}.bubble.above:after{bottom:-6px}.bubble b{font:900 28px/1 var(--round);color:var(--bg)}.bubble svg{width:34px;height:34px;color:var(--bg)}.b-art{place-items:center;width:52px;height:52px;display:grid}.b-art img{object-fit:contain;width:100%;height:100%}.b-art .stand-in{font-size:38px}.b-rank{font:900 34px/1 var(--round);color:var(--red);padding:0 6px}.snap-word{color:var(--red)!important;font-size:40px!important}.seat.thinking:after{content:"";background:radial-gradient(circle,#fffaf0 3px,#0000 3.5px) 0/11px 12px repeat-x;width:34px;height:12px;animation:.9s steps(3,end) infinite dots;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@keyframes dots{0%{width:12px}to{width:36px}}.sparkle{z-index:66;pointer-events:none;width:0;height:0;position:absolute}.sparkle i{background:var(--accent);width:9px;height:9px;transform:rotate(var(--a)) translateY(0);border-radius:2px;margin:-4.5px;animation:.8s ease-out forwards burst;position:absolute}.sparkle i:nth-child(3n){background:#fff8ec}@keyframes burst{to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(.3);opacity:0}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(540deg)}}.hold-home{position:relative}.hold-home .ring{fill:none;width:calc(100% + 6px);height:calc(100% + 6px);stroke:var(--accent);stroke-width:3px;stroke-dasharray:101;stroke-dashoffset:101px;pointer-events:none;position:absolute;inset:-3px;transform:rotate(-90deg)}.hold-home.holding .ring{stroke-dashoffset:0;transition:stroke-dashoffset .65s linear}.pond.ripple:after{content:"";border:4px solid #ffffffb3;border-radius:50%;animation:.9s ease-out forwards ripple;position:absolute;inset:18%}@keyframes ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}.seat.myturn{animation:1.2s ease-out 2 myturn}@keyframes myturn{0%{box-shadow:0 0 #ffd36bf2}to{box-shadow:0 0 0 26px #ffd36b00}}.presets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.kid.preset{border-radius:30px;align-items:center;gap:0;width:auto;height:60px;padding:0 12px;display:flex}.preset .pf{margin-left:-10px;position:relative}.preset .pf:first-child{margin-left:0}.mini-face{background:#fff8ec;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 0 0 2px #fff8ec}.mini-face img{object-fit:cover;width:100%;height:100%}.mini-face .stand-in{font-size:26px}.preset .pf svg{color:#3a2a10;background:var(--yellow);border-radius:50%;width:20px;height:20px;padding:2px;position:absolute;bottom:-4px;right:-4px}.card.pop{z-index:90!important}.card.pop .inner{animation:.55s ease-out popup}@keyframes popup{40%{transform:scale(1.35)}to{transform:scale(1)}}.color-burst{z-index:45;pointer-events:none;background:radial-gradient(circle, var(--cb) 0 30%, transparent 70%);border-radius:50%;animation:.85s ease-out forwards cburst;position:absolute;top:0;left:0}.color-burst.c-red{--cb:var(--red)}.color-burst.c-blue{--cb:var(--blue)}.color-burst.c-yellow{--cb:var(--yellow)}.color-burst.c-green{--cb:var(--green)}@keyframes cburst{0%{opacity:.9;scale:.3}to{opacity:0;scale:2.2}}.snap-btn{z-index:35;background:radial-gradient(circle at 40% 35%, #ff8a6e, var(--red));border-radius:50%;place-items:center;transition:transform 80ms;display:grid;position:absolute;top:0;left:0;box-shadow:0 7px #a83a1b,0 12px 22px #0000004d}.snap-btn span{font:900 48px/1 var(--round);color:#fffaf0}.snap-btn:active{transform:translateY(4px)}.snap-btn.hot{animation:.5s ease-in-out infinite hot}@keyframes hot{50%{filter:brightness(1.25);box-shadow:0 7px #a83a1b,0 0 30px 12px #ffd36be6}}.card.c-boot{--suit:#6b4a2b}.card .art.boot,.card .art.joker{inset:.6em}.end-boot .stand-in{font-size:40px}.sheet .group{border-top:1px solid #efe4cf;margin-top:4px;padding-top:6px}.sheet .group h3{color:#1d6f8c;text-transform:uppercase;letter-spacing:.06em;margin:8px 0 2px;font-size:.85em}.sheet .seg-row{flex-wrap:wrap}.seg{background:#efe4cf;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{color:#4b4538;border-radius:9px;padding:7px 11px;font-size:.92em}.seg button.on{color:#1d6f8c;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000026}.sheet button.plain{color:#1d6f8c;text-decoration:none}.welcome .panel{gap:10px}.welcome p{margin:0;line-height:1.5}.snap-btn[hidden],.pile-zone[hidden]{display:none}.tile.locked{filter:grayscale(.7)brightness(.8)}.tile .lock{color:#fff8ec;place-items:center;display:grid;position:absolute;inset:0}.tile .lock svg{filter:drop-shadow(0 2px 3px #00000080);width:40px;height:40px}.demo-bar{color:#2b2a26;background:#fffaf0f2;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:560px;padding:10px 14px;font-size:14px;display:flex}.demo-bar a{background:var(--bg);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-weight:800;text-decoration:none}.tile .lock{z-index:5}.tile-name{text-align:center;font:800 15px/1.1 var(--round);color:#fffaf0;text-shadow:0 1px 2px #00000073;pointer-events:none;position:absolute;bottom:8px;left:0;right:0}.tile .stars{bottom:28px}.tile .game-pic{bottom:22px}.ribbon{border-radius:999px;align-items:center;gap:2px;width:auto;height:auto;padding:5px 10px 5px 6px;display:flex}.ribbon svg{width:18px;height:18px}.ribbon b{font:800 12px/1 var(--round);color:#2f7d33}.decks-box{flex-direction:column;align-items:center;gap:6px;display:flex}.row-label{font:800 13px/1.2 var(--round);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:center}.row-hint{max-width:360px;color:var(--dim);text-align:center;margin:0 auto 8px;font-size:13px;line-height:1.35}.deck-chip{margin-bottom:16px}.chip-name{text-align:center;font:700 11px/1.1 var(--round);color:var(--ink);white-space:nowrap;position:absolute;bottom:-18px;left:-10px;right:-10px}.deck-chip .togo{bottom:-30px}.grownup-btn{background:#00000026;border-radius:999px;align-items:center;gap:4px;width:auto;height:auto;padding:6px 8px;display:flex}.grownup-btn svg{width:20px;height:20px}.grownup-btn span{font:700 12px/1 var(--round)}.setup{padding-top:calc(16px + var(--safe-t,0px));justify-content:flex-start;gap:12px;overflow-y:auto}.setup-head{flex-direction:column;align-items:center;gap:6px;margin-top:4px;display:flex}.setup-title{font:900 28px/1.1 var(--round);margin:0}.how-btn{font:700 14px/1 var(--round);background:#fffaf029;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;display:flex;box-shadow:inset 0 0 0 2px #ffffff40}.how-btn svg{width:20px;height:20px}.kid.tile.hero{width:min(52vw,220px);height:min(36vw,150px)}.setup-section{flex-direction:column;align-items:center;gap:4px;display:flex}.kid.preset{border-radius:18px;flex-direction:column;gap:4px;height:auto;padding:8px 12px}.preset .pfaces{display:flex}.preset small,.kid.size small{font:700 11px/1.1 var(--round)}.kid.size{flex-direction:column;gap:6px;height:auto;padding:8px;display:flex}.seat-cell{flex-direction:column;align-items:center;gap:4px;width:min(80px,22vw);display:flex}.seat-label{text-align:center;flex-direction:column;align-items:center;line-height:1.1;display:flex}.seat-label b{font:800 13px/1.2 var(--round)}.seat-label small{color:var(--dim);font-size:10.5px}.kid.big.play{border-radius:999px;gap:8px;width:auto;height:auto;padding:14px 30px;display:flex}.kid.big.play svg{width:34px;height:34px}.play-label{font:900 22px/1 var(--round);color:#fffaf0}.caption{left:50%;top:calc(58px + var(--safe-t,0px));z-index:28;color:#2b2a26;max-width:min(84vw,520px);font:700 15px/1.3 var(--round);text-align:center;opacity:0;pointer-events:none;background:#fffaf0f0;border-radius:14px;padding:6px 14px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,-6px)}.caption.show{opacity:1;transform:translate(-50%)}.seat .seat-name{white-space:nowrap;font:800 11px/1 var(--round);color:#fffaf0;pointer-events:none;background:#3c230f8c;border-radius:999px;padding:2px 7px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.seat{overflow:visible}.seat img,.seat .stand-in{border-radius:50%}.game-menu .panel{gap:8px}.game-menu h2{text-align:center}.menu-item{color:#2b2a26;font:800 17px/1.2 var(--round);text-align:left;background:#efe4cf;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.menu-item svg{width:26px;height:26px;color:var(--bg);flex:none}.menu-item.main{background:var(--green);color:#fffaf0}.menu-item.main svg{color:#fffaf0}.end-name{font:800 13px/1 var(--round)}.howto .panel{gap:6px;max-height:92vh}.howto h2{text-align:center;margin:0}.how-sub{text-align:center;color:#6d6658;margin:0 0 6px;font-weight:700}.how-steps{counter-reset:step;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-steps li{counter-increment:step;background:#fff;border-radius:16px;grid-template-columns:1fr;gap:6px;padding:10px 12px 12px;display:grid;position:relative;box-shadow:0 1px 4px #00000014}.how-steps li:before{content:counter(step);background:var(--bg);color:#fff;width:24px;height:24px;font:900 14px/24px var(--round);text-align:center;border-radius:50%;position:absolute;top:8px;left:10px}.how-steps p{margin:0;font-size:15px;line-height:1.35}.how-pic{--cw:44px;justify-content:center;align-items:center;gap:6px;min-height:64px;display:flex}.how-pic .card.static{flex:none;position:relative;transform:none}.how-face{width:46px;height:46px}.how-face .stand-in{font-size:30px}.how-icon svg{width:34px;height:34px;color:var(--bg)}.how-icon.gold svg{color:#e6ad37}.how-icon.big svg{width:40px;height:40px}.how-arrow{font:900 22px/1 var(--round);color:#6d6658}.how-pond{background:radial-gradient(at 50% 45%,#5fc0d6,#1b6a83);border-radius:50%;width:70px;height:40px}.how-snap{background:radial-gradient(circle at 40% 35%, #ff8a6e, var(--red));color:#fff;width:48px;height:48px;font:900 28px/1 var(--round);border-radius:50%;place-items:center;display:grid}.how-listen{color:#1d6f8c;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:700;display:flex}.how-listen svg{width:22px;height:22px}.welcome-steps{flex-direction:column;gap:10px;margin:4px 0;padding:0;list-style:none;display:flex}.welcome-steps li{align-items:flex-start;gap:12px;display:flex}.w-icon{background:#e4f1f5;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.w-icon svg{width:24px;height:24px;color:var(--bg)}.welcome-steps b{margin-bottom:2px;display:block}.welcome-steps p{color:#4b4538;margin:0;font-size:14px}.bar{align-items:center}.bar .caption{-webkit-line-clamp:2;opacity:0;-webkit-box-orient:vertical;flex:1;min-width:0;max-width:none;margin:0 4px;padding:5px 10px;font-size:14px;line-height:1.25;display:-webkit-box;position:static;overflow:hidden;transform:none}.bar .caption.show{opacity:1;transform:none}.how-face{background:#fff8ec;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 0 2px #efe4cf}.how-face img{object-fit:cover;width:100%;height:100%}.decks-box{background:#0f323e9e;border-radius:18px;padding:8px 12px 20px}.title .logo{text-shadow:0 3px 0 var(--wood-d), 0 6px 18px #00000073}.title .grownup-btn{color:#fffaf0;background:#0f323e8c}.end-boot{place-items:center;width:56px;height:56px;display:grid}.end-boot img{object-fit:contain;width:100%;height:100%}