:root{--paper: #f4efe2;--paper2: #e9e1cf;--board: #d9d0bb;--navy: #232a63;--blue: #3255a4;--pink: #ff48b0;--yellow: #ffd400;--teal: #00838a;--orange: #ff6c2f;--violet: #7c5cc4;--type: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}html,body{background:var(--board);color:var(--navy);font-family:var(--type);font-weight:300}.hud{position:absolute;left:0;right:0;top:0;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.chip{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;padding:0;border:2px solid var(--navy);border-radius:4px;background:var(--paper);color:var(--navy);text-decoration:none;box-shadow:3px 3px 0 var(--pink)}.chip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--pink)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{box-shadow:3px 3px 0 var(--board)}.board{text-align:center;line-height:1}.board .score{font-weight:800;font-size:32px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--navy);text-shadow:2px 1.5px 0 var(--yellow);transition:transform .18s ease-out}.board .score.pop{transform:scale(1.12)}.board .meta{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:4px}.lives{display:inline-flex;gap:4px}.lives i{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0,#8aa4e6 18%,var(--blue) 52%,#18234f 100%);border:1.5px solid var(--navy);position:relative;overflow:hidden;transition:transform .25s,opacity .25s}.lives i:after{content:"";position:absolute;left:-2px;right:-2px;top:3px;height:2.5px;background:linear-gradient(#ffb48f,var(--orange) 60%,#c94a1c)}.lives i.lost{background:transparent;border-style:dashed;opacity:.5;transform:scale(.8)}.lives i.lost:after{display:none}.lives.low i:not(.lost){animation:wobble .6s ease-in-out infinite alternate}@keyframes wobble{to{transform:translateY(1px) rotate(20deg)}}.mult{font-weight:800;font-size:12px;padding:1px 6px;border:1.5px solid var(--navy);border-radius:3px;transition:transform .25s ease-out,background .3s}.mult.hot{background:var(--pink);color:var(--paper)}.mult.pop{transform:scale(1.3)}.tray{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:center;gap:10px;padding:6px calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l))}.tray[hidden]{display:none}.bub{width:66px;height:74px;padding:4px 0 0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--navy);transition:transform .15s ease-out}.bub svg{width:50px;height:50px;overflow:visible}.bub span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bub .fill{stroke:var(--navy);stroke-width:2;mix-blend-mode:multiply}.bub .pat{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bub .pat.thin{stroke-width:1.3}.bub.k0 .fill{fill:#3255a459}.bub.k0 .pat{stroke:var(--blue)}.bub.k1 .fill{fill:#ffd40099}.bub.k1 .dots{fill:#a88a00}.bub.k2 .fill{fill:#ff48b059}.bub.k2 .pat{stroke:var(--pink)}.bub.k3 .fill{fill:#00838a4d}.bub.k3 .pat{stroke:var(--teal)}.bub .hand{transform-origin:24px 24px;animation:tick 8s linear infinite}@keyframes tick{to{transform:rotate(360deg)}}.bub[aria-pressed=true]{transform:translateY(-6px)}.bub[aria-pressed=true] svg{filter:drop-shadow(3px 3px 0 var(--navy))}.bub[aria-pressed=true] span{background:var(--navy);color:var(--paper);padding:0 5px;border-radius:2px}.bub:active svg{transform:scale(.94)}section.title,section.card,section.paused,section.gallery{position:absolute;inset:0;display:grid;place-items:center;z-index:5;padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b))}section.title,section.card,section.paused{pointer-events:none}section.title{background:#d9d0bb59;transition:opacity .35s}section.title.fade{opacity:0}section.card{background:#232a632e;opacity:0;transition:opacity .4s}section.card.show{opacity:1}section.paused{background:#d9d0bbb3}section.gallery{background:#d9d0bbf2;z-index:7}.sheet{position:relative;width:min(320px,100%);text-align:center;padding:20px 20px 18px;background:var(--paper);border:2px solid var(--navy);box-shadow:6px 6px 0 var(--pink),6px 6px 0 2px var(--navy)}.sheet.small{width:min(220px,100%);padding:16px}.sheet.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto}.kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:var(--navy);padding:3px 8px}h1{margin:6px 0 0;font-weight:800;font-size:76px;line-height:.92;letter-spacing:-.02em;color:var(--navy);position:relative}h1 span{display:block}h1 span:last-child{color:var(--pink);mix-blend-mode:multiply;margin-top:-6px;transform:translate(10px)}.sub{margin:6px 0;font-size:14px}.legend{width:200px;height:120px;display:block;margin:8px auto 0;overflow:visible}.legend .lg-flip{fill:#ff48b066;mix-blend-mode:multiply;stroke:var(--pink);stroke-width:1.5}.legend .lg-float{fill:#ffd4008c;mix-blend-mode:multiply;stroke:#c9a800;stroke-width:1.5}.legend .lg-path{fill:none;stroke:var(--navy);stroke-width:1.6;stroke-dasharray:2 4}.legend .lg-cup{fill:none;stroke:var(--navy);stroke-width:3.5;stroke-linejoin:round}.legend .lg-noz{fill:var(--navy)}.legend .lg-roll{fill:url(#lgBall);stroke:var(--navy);stroke-width:1.4;offset-path:path("M8 18Q60 14 90 70Q104 96 150 92L152 100");animation:roll 3s cubic-bezier(.4,0,.7,1) infinite}@keyframes roll{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.cta{font-weight:800;font-size:18px;letter-spacing:.06em;text-transform:uppercase;margin:10px 0 2px;animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{font-size:13px}.row-btns{display:flex;justify-content:center;gap:10px;margin-top:10px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:2px solid var(--navy);border-radius:3px;background:var(--yellow);color:var(--navy);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--navy)}.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.pill:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}.big{font-weight:800;font-size:52px;line-height:1.05;margin:6px 0 0;text-shadow:3px 2px 0 var(--yellow)}.newbest{display:inline-block;margin:2px 0 4px;padding:2px 10px;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:var(--pink);color:var(--paper);animation:jig .5s steps(2) infinite}@keyframes jig{50%{transform:translate(1px,-1px) rotate(-1deg)}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;background:var(--paper2);border:1.5px solid var(--navy);box-shadow:4px 4px 0 var(--teal)}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:6px 2px 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1.5px dotted var(--navy);padding:3px 0;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.row b{font-weight:800;font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:14px 0 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border:1.5px solid var(--navy);box-shadow:3px 3px 0 var(--pink)}.grid figure:nth-child(3n+2) img{box-shadow:3px 3px 0 var(--yellow)}.grid figure:nth-child(3n) img{box-shadow:3px 3px 0 var(--teal)}.grid figcaption{font-weight:800;font-size:12px;margin-top:4px}@media(max-height:700px){h1{font-size:60px}.legend{height:92px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:42px}.bub{height:66px}.bub svg{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.lives.low i,.bub .hand,.legend .lg-roll{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:3px 3px 0 var(--yellow),3px 3px 0 1.5px var(--navy)}.grid figure.pinned figcaption:before{content:"■";color:var(--pink)}.big-keep{display:block;width:min(200px,52vw);aspect-ratio:2 / 3;margin:12px auto 6px;border:1.5px solid var(--navy);box-shadow:4px 4px 0 var(--pink);background:var(--paper)}.row-btns.wrap{flex-wrap:wrap;gap:8px}.row-btns.wrap .pill{padding:0 12px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border:1.5px solid var(--navy);font-size:9px;letter-spacing:.08em;background:var(--paper)}