:root{--cream:#fbf5ea;--ink:#2f2a25;--green:#22a25a;--green-dark:#127a3f;--tray-w:clamp(120px, 15vw, 172px);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;background:#d8c3a3;height:100%;margin:0;overflow:hidden}.app{position:fixed;inset:0}.stage{inset:0;position:absolute!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:none}.topbar{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:5;flex-direction:column;gap:12px;display:flex;position:absolute}.chip{color:#4a4038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf5eae0;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 2px #fffc,0 6px 16px #50341838}.chip:first-child{border-radius:50%}.chip:active{transform:scale(.94)}.controls{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));z-index:5;align-items:center;gap:14px;display:flex;position:absolute}.play{color:#fff;background:radial-gradient(circle at 35% 28%, #5fd98c 0%, var(--green) 45%, var(--green-dark) 100%);border:6px solid #f7f3ea;border-radius:50%;place-items:center;width:112px;height:112px;padding-left:8px;transition:transform .12s;display:grid;box-shadow:0 0 0 3px #127a3f59,0 10px 24px #14502866,inset 0 -4px 10px #0000001f}.play svg{filter:drop-shadow(0 2px 2px #00000040)}.play:active{transform:scale(.94)}.play.playing{padding-left:0;animation:1s ease-in-out infinite pulse}.play-wrap{display:grid;position:relative}.play.invite{animation:2.4s ease-in-out infinite invite-bob;position:relative}.play.invite:before,.play.invite:after{content:"";pointer-events:none;border:5px solid #5fd98ce6;border-radius:50%;animation:2.4s ease-out infinite invite-ring;position:absolute;inset:-6px}.play.invite:after{animation-delay:.5s}@keyframes invite-bob{0%,40%,to{scale:1}10%{scale:1.1}20%{scale:.97}30%{scale:1.04}}@keyframes invite-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}.play-hand{pointer-events:none;filter:drop-shadow(0 6px 6px #28140659);animation:.4s cubic-bezier(.2,1.6,.4,1) hand-in,1.1s ease-in-out .4s infinite hand-tap;position:absolute;bottom:74%;left:76%}.play-hand svg{display:block;transform:rotate(-140deg)}@keyframes hand-in{0%{opacity:0;scale:.3}}@keyframes hand-tap{0%,to{translate:0}45%{translate:-12px 12px}60%{translate:-10px 10px}}@keyframes pulse{50%{box-shadow:0 0 0 10px #22a25a40,0 10px 24px #14502866}}.round{color:#3d342c;background:radial-gradient(circle at 40% 30%,#fffdf8,#f1e6d2);border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .12s,background .2s;display:grid;box-shadow:inset 0 2px #fff,0 6px 14px #50341847}.round:active{transform:scale(.92)}.round:disabled{opacity:.45}.round.armed{color:#fff;background:radial-gradient(circle at 40% 30%,#ff8a6b,#e0452b);animation:.5s ease-in-out infinite wobble}@keyframes wobble{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.badge{left:calc(50% - var(--tray-w) / 2);top:calc(max(18px, env(safe-area-inset-top)) + 84px);z-index:6;pointer-events:none;background:radial-gradient(circle at 40% 30%,#fffdf8,#f3e7d1);border:7px solid #e5484d;border-radius:50%;place-items:center;width:148px;height:148px;animation:.45s cubic-bezier(.2,1.6,.4,1) pop;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 14px 30px #3c1e0a4d}.badge.ok{border-color:var(--green)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.3)}}.tracker{left:calc(50% - var(--tray-w) / 2);top:max(14px, env(safe-area-inset-top));z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf5eae6;border-radius:29px;align-items:center;gap:12px;height:58px;padding:0 18px 0 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 2px #fffc,0 6px 16px #50341838}.tracker-end{align-items:center;gap:6px;display:flex}.tracker-pic{place-items:center;width:46px;height:46px;display:grid;position:relative}.tracker-pic svg{width:100%;height:auto}.tracker-pic img{object-fit:contain;filter:drop-shadow(0 2px 2px #2814064d);width:46px;height:46px}.tracker-done{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:20px;height:20px;animation:.4s cubic-bezier(.2,1.6,.4,1) pop-in;display:grid;position:absolute;bottom:1px;right:-3px;box-shadow:0 0 0 2px #fbf5ea}.tracker-end.out .tracker-done{background:#f0a417}.tracker-count{font-variant-numeric:tabular-nums;text-align:center;color:#3d342c;min-width:1.3em;font-size:22px;font-weight:800;animation:.35s cubic-bezier(.2,1.6,.4,1) count-pop}@keyframes count-pop{0%{color:#2f6fd6;scale:1.5}}@keyframes pop-in{0%{scale:0}}.tracker-track{--knob:24px;background:#ddd2c1;border-radius:5px;width:clamp(96px,16vw,200px);height:10px;margin:0 4px;position:relative;box-shadow:inset 0 1px 2px #3c230a59}.tracker-fill{width:calc(var(--at) * (100% - var(--knob)) / 100 + var(--knob) / 2);background:linear-gradient(#9cc6ff,#5b9cf0);border-radius:5px;transition:width .55s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0 auto 0 0}.tracker-knob{top:50%;left:calc(var(--at) * (100% - var(--knob)) / 100);width:var(--knob);height:var(--knob);background:radial-gradient(circle at 38% 30%,#8ec0ff,#2f6fd6 60%,#1f55b0);border:3px solid #fff;border-radius:50%;transition:left .55s cubic-bezier(.3,1.4,.5,1);position:absolute;transform:translateY(-50%);box-shadow:0 2px 5px #14285a73}.tracker.whole .tracker-knob{background:radial-gradient(circle at 38% 30%, #8ff0b4, var(--green) 60%, var(--green-dark))}.tracker.apart .tracker-knob{background:radial-gradient(circle at 38% 30%,#ffe48a,#f0a417 60%,#c47d06)}.tracker.cheer-together .built .tracker-pic,.tracker.cheer-apart .out .tracker-pic{animation:.6s ease-in-out 3 tracker-hop}.tracker.cheer-together,.tracker.cheer-apart{animation:1s ease-in-out 3 tracker-glow}@keyframes tracker-hop{30%{transform:translateY(-9px)rotate(-8deg)}60%{transform:translateY(0)rotate(5deg)}}@keyframes tracker-glow{50%{box-shadow:inset 0 2px #fffc,0 0 0 5px #ffd54de6,0 6px 16px #50341838}}.cheer{inset:0;right:calc(var(--tray-w) + 12px);z-index:7;pointer-events:none;place-items:center;display:grid;position:absolute;overflow:hidden}.confetti{position:absolute;inset:0}.confetti i{animation-name:confetti-fall;animation-timing-function:cubic-bezier(.35,.1,.6,1);animation-fill-mode:both;position:absolute;top:-24px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}85%{opacity:1}to{transform:translate3d(var(--drift), 105vh, 0) rotate(var(--spin));opacity:0}}.cheer-card{border:8px solid var(--green);background:radial-gradient(circle at 40% 30%,#fffdf8,#f3e7d1);border-radius:50%;place-items:center;width:210px;height:210px;animation:.5s cubic-bezier(.2,1.6,.4,1) cheer-pop,.6s ease-in-out .5s 2 cheer-wiggle,.4s ease-in 2.6s forwards cheer-out;display:grid;position:relative;box-shadow:0 18px 40px #3c1e0a59}.cheer-card.apart{border-color:#f0a417}.cheer-card img{object-fit:contain;filter:drop-shadow(0 8px 6px #28140659);width:160px;height:160px}.cheer-sparkles{width:calc(100% + 68px);height:calc(100% + 68px);animation:.7s ease-in-out infinite alternate sparkle;position:absolute;inset:-34px}.cheer-mark{color:#fff;background:var(--green);border:4px solid #fffdf8;border-radius:50%;place-items:center;width:58px;height:58px;animation:.45s cubic-bezier(.2,1.6,.4,1) .3s both pop-in;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 4px 10px #14502866}.cheer-card.apart .cheer-mark{background:#f0a417}@keyframes cheer-pop{0%{opacity:0;transform:scale(.2)}}@keyframes cheer-wiggle{25%{transform:rotate(-6deg)scale(1.04)}75%{transform:rotate(6deg)scale(1.04)}}@keyframes cheer-out{to{opacity:0;transform:scale(.6)translateY(-40px)}}@keyframes sparkle{to{opacity:.75;transform:scale(1.12)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.confetti,.play-hand{animation:none}.confetti{display:none}.play.invite{animation:none}}.tray{top:max(12px, env(safe-area-inset-top));bottom:max(12px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));width:var(--tray-w);scrollbar-width:none;touch-action:pan-y;z-index:4;background:linear-gradient(90deg, #5a321459, #ffdcaa1f 12%, #ffdcaa14 88%, #5a321459), var(--wood) center / 180% auto, #c68f58;border-radius:22px;flex-direction:column;gap:10px;padding:12px 11px;transition:box-shadow .2s;display:flex;position:absolute;overflow-y:auto;box-shadow:inset 0 0 0 3px #b07844,inset 0 2px 0 5px #ffe1b959,0 16px 34px #46260c61}.tray::-webkit-scrollbar{display:none}.tray.inviting{animation:.9s ease-in-out infinite invite;box-shadow:inset 0 0 0 3px #b07844,0 0 0 6px #ffd54df2,0 16px 34px #46260c61}@keyframes invite{50%{box-shadow:inset 0 0 0 3px #b07844,0 0 0 10px #ffd54d8c,0 16px 34px #46260c61}}.slot{background:linear-gradient(180deg, #3c1e0861, #3c1e081f 30%, #ffe6be14), var(--wood) center / 260% auto, #b98150;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-height:92px;padding:6px 4px 18px;display:flex;position:relative;box-shadow:inset 0 4px 8px #2812048c,inset 0 -1px #ffe6be80,0 1px #ffe6be59}.slot img{object-fit:contain;filter:drop-shadow(0 5px 4px #1e0c0073);pointer-events:none;width:100%;max-width:120px;height:70px}.slot .label{text-align:center;letter-spacing:.02em;color:#fff4e1eb;text-shadow:0 1px 1px #281204cc;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:4px;left:0;right:0}.slot.slot-empty .label{opacity:.55}.slot.part,.slot.fastener{transition:transform .15s}.slot.part:active,.slot.fastener:not(.slot-empty):active{transform:scale(.96)}.slot.part,.slot.fastener:not(.slot-empty){touch-action:none;cursor:grab}.slot.fastener.size-medium img{transform:scale(.8)}.slot.fastener.size-small img{transform:scale(.62)}.slot.fastener.slot-empty img{opacity:.35;filter:grayscale(.5)}.slot .count{text-align:center;color:#3a2a18;pointer-events:none;background:#fff3da;border-radius:14px;min-width:28px;height:28px;padding:0 7px;font-size:16px;font-weight:800;line-height:28px;position:absolute;top:6px;right:6px;box-shadow:0 2px 4px #28120473}.slot.speakable{padding-left:34px}.say{z-index:2;color:#2f6fd6;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 40% 30%,#fffdf8,#f1e3c8);border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:transform .12s;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 3px 6px #28120480,inset 0 0 0 2px #fff4e199}.say:before{content:"";border-radius:50%;position:absolute;inset:-5px}.say:active{transform:scale(.9)}.say.talking{color:#fff;background:radial-gradient(circle at 40% 30%,#6fa8ff,#2f6fd6)}.say.talking .wave{animation:.5s ease-in-out infinite alternate wave}.say.talking .w2{animation-delay:.18s}@keyframes wave{0%{opacity:.2}}.tray.over{animation:none;box-shadow:inset 0 0 0 3px #b07844,0 0 0 8px #5fe08ff2,0 16px 34px #46260c61}.slot.fastener.target{box-shadow:inset 0 4px 8px #2812048c,0 0 0 3px #ffd54de6}.slot.part.lifted img,.slot.fastener.lifted img{opacity:.25;filter:grayscale(.6)}.slot.speaking{box-shadow:inset 0 4px 8px #2812048c,0 0 0 3px #2f6fd6}.hint{animation:.45s ease-in-out hint}.learn{right:calc(var(--tray-w) + max(28px, env(safe-area-inset-right)) + 16px);width:min(300px, calc(100vw - var(--tray-w) - 140px));z-index:6;pointer-events:none;background:#fbf5eaf5;border-left:6px solid #2f6fd6;border-radius:18px;padding:16px 18px 18px;animation:.28s cubic-bezier(.2,1.4,.4,1) learn-in;position:absolute;top:46%;transform:translateY(-50%);box-shadow:inset 0 2px #fffc,0 10px 24px #50341847}.learn-kicker{color:#2f6fd6;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.learn-name{color:#2f2a25;margin:6px 0 0;font-size:26px;font-weight:800;line-height:1.1}.learn-role{color:#3d342c;margin:8px 0 0;font-size:18px;font-weight:700;line-height:1.35}@keyframes learn-in{0%{opacity:0;transform:translateY(-50%)translate(16px)}}@keyframes hint{25%{transform:translate(-5px)rotate(-3deg)}75%{transform:translate(5px)rotate(3deg)}}.drag-avatar{object-fit:contain;pointer-events:none;z-index:20;opacity:0;filter:drop-shadow(0 10px 8px #1e0c0073);width:120px;height:90px;transition:opacity .12s;position:fixed;top:0;left:0}.drag-avatar.fastener{width:64px;height:64px}.rollbar{right:calc(max(12px, env(safe-area-inset-right)) + var(--tray-w) + 18px);bottom:max(18px, env(safe-area-inset-bottom));z-index:5;gap:18px;display:flex;position:absolute}.rollbar .round{color:#3d342c}.danger{z-index:15;pointer-events:none;padding-right:var(--tray-w);place-items:center;animation:.5s ease-in-out 5 alternate danger-edge;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #e5382dd9,inset 0 0 120px 30px #e5382d73}@keyframes danger-edge{0%{box-shadow:inset 0 0 0 4px #e5382d80,inset 0 0 60px 10px #e5382d33}}.danger-card{background:#fffdf8;border:8px solid #e5382d;border-radius:32px;align-items:center;gap:10px;padding:18px 26px;animation:.4s cubic-bezier(.2,1.6,.4,1) danger-pop,.5s ease-in-out .4s 2 danger-shake;display:flex;box-shadow:0 20px 50px #5a0a0573}@keyframes danger-pop{0%{opacity:0;transform:scale(.3)}}@keyframes danger-shake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.unplug-plug{animation:1.1s ease-in-out infinite unplug}@keyframes unplug{0%,20%{transform:translate(-12px)}70%,to{transform:translate(6px)}}.scrim{z-index:10;background:#3c281447;place-items:center;display:grid;position:absolute;inset:0}.panel{background:var(--cream);border-radius:24px;flex-direction:column;gap:12px;width:min(360px,88vw);padding:22px 22px 18px;display:flex;box-shadow:0 20px 50px #32190559}.panel h2{margin:0 0 4px;font-size:20px}.panel label{justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.panel label.row{justify-content:flex-start}.panel select{font:inherit;background:#fff;border:2px solid #e2d4bd;border-radius:12px;min-width:120px;min-height:44px;padding:6px 10px}.panel input[type=checkbox]{width:26px;height:26px;accent-color:var(--green)}.band{background:#f1e6d2;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;display:flex}.pill{color:#fff;background:var(--green);border-radius:999px;padding:4px 10px}.done{color:#fff;background:var(--green);border-radius:14px;min-height:48px;margin-top:6px;font-weight:800}.home-page{z-index:8;background:radial-gradient(120% 90% at 30% 20%,#f3e8d8 0%,#e7d6bf 55%,#d7c0a1 100%);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.home-light{pointer-events:none;filter:blur(18px);opacity:.85;background:repeating-linear-gradient(115deg,#fff6e400 0 9%,#fff6e48c 11% 17%,#fff6e400 19% 27%);position:absolute;inset:-20% -10%}.home-bench{pointer-events:none;background:linear-gradient(180deg, #5a321459, #ffe1b41f 18%, #46260c2e), var(--wood) center / 120% auto, #c99a66;height:22%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px #ffeccd99}.home-top{z-index:2;padding:max(16px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 4px max(18px, env(safe-area-inset-left));flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:relative}.home-gear{border-radius:50%;place-self:start}.home-title{flex-direction:column;grid-column:2;align-items:center;min-width:0;display:flex}.home-wordmark{letter-spacing:-.02em;color:#4a3420;text-shadow:0 2px #fffaf0e6,0 6px 14px #5a3a182e;white-space:nowrap;align-items:baseline;gap:.12em;margin:0;font-size:clamp(30px,min(5.4vw,7.4vh),60px);font-weight:900;line-height:1.05;display:flex}.home-wordmark-apart{gap:.07em;display:inline-flex}.home-wordmark-apart span{transform:translateY(calc(sin(var(--i) * 97.4028deg) * .06em)) rotate(calc(sin(var(--i) * 131.78deg) * 9deg));animation:3.2s ease-in-out infinite letter-bob;animation-delay:calc(var(--i) * -.45s);display:inline-block}.home-wordmark-apart span:first-child{color:#e25b32}.home-wordmark-apart span:nth-child(2){color:#2f6fd6}.home-wordmark-apart span:nth-child(3){color:#22a25a}.home-wordmark-apart span:nth-child(4){color:#d99512}.home-wordmark-apart span:nth-child(5){color:#c0408a}@keyframes letter-bob{50%{translate:0 -.05em}}.home-prompt{color:#4a341ed1;white-space:nowrap;align-items:center;gap:10px;margin:2px 0 0;font-size:clamp(15px,min(2vw,2.9vh),21px);font-weight:800;display:flex}.home-prompt .say{flex:none;width:36px;height:36px;position:relative;top:auto;left:auto}.home-scroll{z-index:1;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;min-height:0;padding:14px max(24px, env(safe-area-inset-right)) max(26px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex:1;display:flex;position:relative;overflow:hidden auto}.home-scroll::-webkit-scrollbar{display:none}.home-scroll.scrolls{-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 44px),#0000);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 44px),#0000)}.home-grid{--card:330px;--gap:24px;--cols:3;width:calc(var(--cols) * var(--card) + (var(--cols) - 1) * var(--gap));justify-content:center;gap:var(--gap);flex-wrap:wrap;flex:none;margin:auto;display:flex}.home-card{--tint:#f6d978;--r:clamp(16px, calc(var(--card) * .09), 30px);width:var(--card);height:var(--card);border-radius:var(--r);animation:.5s cubic-bezier(.25,1.4,.45,1) backwards home-card-in;animation-delay:calc(var(--i) * 45ms);background:linear-gradient(#fffaf1,#f7ecdb);flex:none;transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1.5px #ffffffe6,inset 0 -3px #96693c1f,0 3px #96693c2e,0 14px 28px #5a3a1833}@keyframes home-card-in{0%{opacity:0;transform:translateY(18px)scale(.86)}}.home-card.current{box-shadow:0 0 0 3px #ffc94a,0 0 0 6px #fff4d6f2,0 0 30px 8px #ffbe3c8c,0 14px 28px #5a3a1838}.home-card:active{transition-duration:80ms;transform:scale(.96)}@media (hover:hover) and (pointer:fine){.home-card:hover{transform:translateY(-6px)rotate(-.6deg);box-shadow:inset 0 0 0 1.5px #ffffffe6,0 3px #96693c2e,0 22px 36px #5a3a1842}.home-card.current:hover{box-shadow:0 0 0 3px #ffc94a,0 0 0 6px #fff4d6f2,0 0 30px 8px #ffbe3c8c,0 22px 36px #5a3a1842}.home-card:hover .home-card-open img{transform:scale(1.06)rotate(-2deg)}.home-card:hover .home-card-spot{transform:scale(1.08)}.home-card:active{transform:scale(.96)}}.home-card-open{border-radius:inherit;background:0 0;place-items:center;padding:9% 9% 25%;display:grid;position:absolute;inset:0;overflow:hidden}.home-card-open:focus-visible{outline-offset:4px;outline:4px solid #2f6fd6}.home-card-spot{aspect-ratio:1;background:radial-gradient(circle, var(--tint) 0%, color-mix(in srgb, var(--tint) 55%, transparent) 52%, transparent 71%);opacity:.85;pointer-events:none;border-radius:50%;width:78%;transition:transform .25s;position:absolute;top:40%;left:50%;translate:-50% -50%}.home-card-open img{object-fit:contain;filter:drop-shadow(0 10px 8px #46280c52);pointer-events:none;width:100%;height:100%;transition:transform .25s cubic-bezier(.3,1.5,.5,1);position:relative}.home-card-name{text-align:center;min-height:17%;font-size:clamp(13px, calc(var(--card) * .066), 21px);letter-spacing:.005em;color:#4a3420;pointer-events:none;text-wrap:balance;justify-content:center;align-items:center;font-weight:800;line-height:1.04;display:flex;position:absolute;bottom:5%;left:7%;right:7%;overflow:hidden}.home-card .say{top:max(7px, calc(var(--card) * .04));left:auto;right:max(7px, calc(var(--card) * .04));width:clamp(32px, calc(var(--card) * .15), 42px);height:clamp(32px, calc(var(--card) * .15), 42px)}.home-card .say svg{width:62%;height:62%}@media (height<=560px){.home-top{padding-top:max(10px, env(safe-area-inset-top))}.home-wordmark{font-size:clamp(24px,7vh,34px)}.home-prompt{gap:8px;font-size:14px}.home-prompt .say{width:30px;height:30px}.home-scroll{padding-top:8px;padding-bottom:max(14px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.home-card,.home-wordmark-apart span{animation:none}}.landscape-gate{z-index:40;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(120% 90% at 30% 20%,#f3e8d8 0%,#e7d6bf 55%,#d7c0a1 100%);place-items:center;display:grid;position:fixed;inset:0}.landscape-gate:focus{outline:none}.landscape-card{text-align:center;flex-direction:column;align-items:center;max-width:320px;display:flex}.landscape-art{width:200px;height:200px;position:relative}.landscape-arrow{width:100%;height:100%;position:absolute;inset:0}.landscape-phone{place-items:center;animation:2.6s ease-in-out infinite turn-sideways;display:grid;position:absolute;inset:0}@keyframes turn-sideways{0%,22%{transform:rotate(0)}48%,74%{transform:rotate(-90deg)}to{transform:rotate(0)}}.landscape-title{letter-spacing:-.02em;color:#4a3420;margin:4px 0 0;font-size:34px;font-weight:800}.landscape-hint{color:#4a341eb8;margin:6px 0 0;font-size:18px;font-weight:700}@media (prefers-reduced-motion:reduce){.landscape-phone{animation:none;transform:rotate(-90deg)}}.install-hint{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:9;background:var(--cream);border-radius:24px;width:min(340px,86vw);padding:20px 20px 16px;animation:.35s ease-out both install-in;position:absolute;box-shadow:0 18px 44px #32190552}.install-hint:before{content:"";background:var(--cream);border-radius:4px;width:20px;height:20px;position:absolute;top:-9px;right:46px;transform:rotate(45deg)}@keyframes install-in{0%{opacity:0;transform:translateY(-10px)}}.install-close{color:#7a6a58;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}.install-title{color:#4a3420;margin:0 40px 2px 0;font-size:20px;font-weight:800;line-height:1.2}.install-sub{color:#4a341eb8;margin:0 0 12px;font-size:15px;font-weight:600}.install-steps{flex-direction:column;gap:10px;margin:0;padding:0;font-size:16px;font-weight:600;list-style:none;display:flex}.install-steps li{align-items:center;gap:10px;display:flex}.install-num{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.install-glyph{vertical-align:middle;color:#1f6fe5;background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;margin:-4px 1px 0;display:inline-grid;box-shadow:0 1px 3px #3c281433}.install-ok{color:#fff;background:var(--green);border-radius:14px;width:100%;min-height:48px;margin-top:14px;font-weight:800}@media (prefers-reduced-motion:reduce){.install-hint{animation:none}}.debug-label{color:#fff;white-space:nowrap;background:#000000b3;border-radius:4px;padding:2px 4px;font:10px/1.2 ui-monospace,monospace;transform:translate(8px,-50%)}@media (height<=560px){.play{width:92px;height:92px}.round{width:56px;height:56px}.chip{width:48px;height:48px}.slot{min-height:78px}.slot img{height:56px}.tracker{gap:8px;height:50px;padding:0 14px 0 8px}.tracker-pic,.tracker-pic img{width:38px;height:38px}.tracker-count{font-size:19px}.cheer-card{width:160px;height:160px}.cheer-card img{width:120px;height:120px}.cheer-card>svg:first-child{width:110px;height:auto}.play-hand svg{width:62px;height:62px}}