.space-tile{background:linear-gradient(145deg,#d6cbff,#9db4ed);color:#443d85}.space-picture{display:grid;place-items:center;border-radius:46px;background:radial-gradient(circle at 72% 21%,#fff7 0 3px,transparent 4px),radial-gradient(circle at 18% 53%,#fff9 0 3px,transparent 4px),linear-gradient(145deg,#5356af,#8672d1);box-shadow:inset 0 0 18px #fff5,0 5px 0 #7166b6}.space-picture i{font-size:104px;font-style:normal;filter:drop-shadow(0 6px 1px #252e6855)}.space-picture b{position:absolute;top:17px;left:25px;font-size:65px;color:#adf9ff}.space-picture em{position:absolute;bottom:12px;right:18px;font-size:45px;color:#fff0a6;font-style:normal}
.space-screen{max-width:1120px;margin:0 auto;padding:15px 24px 45px}.space-screen[hidden]{display:none}.space-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 13px}.space-kicker{color:#735ab1;font-weight:900;letter-spacing:2px;font-size:13px}.space-top h1{font-size:clamp(30px,4vw,49px);color:#57479e;line-height:1;margin:5px 0}.space-scores{display:flex;gap:10px}.space-timer,.space-popped{min-width:140px;background:#fffdfd;border:4px solid #fff;border-radius:24px;box-shadow:0 5px 0 #a2addc;color:#584ba2;padding:6px 13px;text-align:center;font-weight:900}.space-timer strong,.space-popped strong{font-size:30px}.space-timer small,.space-popped small{display:block;font-size:12px;line-height:1}.space-timer.almost-done{background:#fff0a9;animation:space-tick .65s ease-in-out infinite alternate}@keyframes space-tick{to{transform:scale(1.05)}}
.space-field{position:relative;isolation:isolate;overflow:hidden;height:clamp(390px,62dvh,640px);border:6px solid #fff;border-radius:34px;background:radial-gradient(circle at 24% 68%,#7752aa 0,#7752aa88 7%,transparent 31%),radial-gradient(circle at 80% 18%,#5368c8 0,#5368c866 13%,transparent 33%),linear-gradient(#282978,#5362ac 61%,#9b80ca);box-shadow:0 9px 0 #9ba5d5,0 15px 26px #4d4a9a35;touch-action:manipulation}.space-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff9 0 2px,transparent 3px),radial-gradient(circle,#ffe6a9 0 1px,transparent 2px);background-size:86px 75px,137px 103px;background-position:18px 5px,70px 40px;opacity:.8;pointer-events:none}.space-planet,.space-moon{position:absolute;pointer-events:none;border-radius:50%;box-shadow:inset -12px -12px 0 #3335,0 0 24px #fff4}.planet-one{width:120px;height:120px;right:6%;top:10%;background:linear-gradient(145deg,#ffd29b,#ef9ab8)}.planet-one:after{content:'';position:absolute;inset:43px -26px;border:10px solid #fff0b9a8;border-radius:50%;transform:rotate(-24deg)}.planet-two{width:68px;height:68px;left:9%;bottom:12%;background:linear-gradient(135deg,#96eadf,#67a8dc)}.space-moon{width:44px;height:44px;right:33%;bottom:19%;background:#fff2bc}.space-field:after{content:'';position:absolute;bottom:-120px;left:-8%;width:116%;height:160px;border-radius:50%;background:#9a8ddc66;pointer-events:none}
#space-layer,#space-effects{position:absolute;inset:0}#space-layer{z-index:2}#space-effects{z-index:4;pointer-events:none}.space-field .space-bubble{left:var(--x);bottom:-105px;width:var(--bubble-size);height:var(--bubble-size);min-width:64px;min-height:64px;touch-action:manipulation;cursor:pointer}.space-field .space-bubble .bubble-inside{font-size:clamp(27px,4vw,42px)}.space-field.paused .space-bubble{animation-play-state:paused!important}.space-hint{text-align:center;font-size:21px;font-weight:900;color:#735ab1;margin:16px 0 0}
#celebration[data-party=space] .party-card{background:radial-gradient(circle at 80% 12%,#d9ecff,#fff8fc 48%,#e5dfff)}#celebration[data-party=space] .party-card h2{color:#6651b5}#celebration[data-party=space] .party-floaters span:nth-child(3n){font-size:38px;filter:drop-shadow(0 0 8px #ffe59b)}
@media(max-width:760px){.space-picture{width:125px;height:125px;border-radius:28px}.space-picture i{font-size:72px}.space-picture b{font-size:39px;top:12px;left:12px}.space-picture em{font-size:28px}.space-screen{padding:10px 12px 34px}.space-top{align-items:center}.space-scores{gap:5px}.space-timer,.space-popped{min-width:88px;padding:4px 5px;border-width:3px;border-radius:17px}.space-timer strong,.space-popped strong{font-size:22px}.space-timer small,.space-popped small{font-size:9px}.space-field{height:clamp(390px,61dvh,540px);border-radius:26px}.space-hint{font-size:17px}}
@media(max-width:440px){.space-top h1{font-size:27px}.space-kicker{font-size:10px}.space-top{gap:4px}.space-scores{flex:0 0 auto}.space-timer,.space-popped{min-width:70px}.space-timer strong,.space-popped strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.space-timer.almost-done{animation:none}.space-field .space-bubble{animation-duration:20s!important}}

.space-duration-options{display:flex;justify-content:center;gap:10px;margin:0 0 12px}.space-duration-options button{min-width:96px;min-height:48px;padding:7px 16px;border:3px solid #fff;border-radius:17px;background:#e9e5ff;box-shadow:0 4px 0 #a69acf;color:#584ba2;font-family:inherit;font-size:17px;font-weight:900;cursor:pointer}.space-duration-options button[aria-pressed=true]{background:#ffe79a;box-shadow:0 4px 0 #d5ac69;color:#5c469a}
@media(max-width:440px){.space-duration-options{margin-bottom:9px}.space-duration-options button{min-width:88px;min-height:44px;font-size:15px}}
/* Space owns its glass, flight and feedback styles; Balloon Pop remains unchanged. */
.space-screen{padding:8px 16px 16px}.space-top{align-items:center;margin-bottom:8px}.space-top h1{font-size:clamp(27px,3.2vw,40px);text-shadow:0 2px #fff}.space-kicker{letter-spacing:1.4px}.space-timer,.space-popped{background:linear-gradient(145deg,#fff,#eee8ff);border-radius:20px;min-width:106px;box-shadow:0 4px 0 #aaa0d5,0 7px 15px #7462ac18}.space-duration-options{margin-bottom:9px}.space-field{height:clamp(350px,calc(100dvh - 235px),690px);background:radial-gradient(ellipse at 20% 30%,#da8fde77,transparent 45%),radial-gradient(ellipse at 80% 75%,#62d8f090,transparent 45%),linear-gradient(145deg,#5750a3,#7972c3 48%,#678fce);box-shadow:inset 0 0 45px #f1cdff55,0 6px 0 #aea3d9,0 12px 26px #655aa43b;touch-action:none}.space-nebula{position:absolute;inset:-15%;background:radial-gradient(ellipse at 30% 60%,#ffb7ed55,transparent 40%),radial-gradient(ellipse at 75% 25%,#adf8ff55,transparent 32%);filter:blur(18px);animation:space-nebula-drift 25s ease-in-out infinite alternate;pointer-events:none}.space-stars{opacity:.6;animation:space-stardrift 28s linear infinite}.space-twinkles{position:absolute;inset:0;color:#fff7ce;font-size:32px;text-shadow:0 0 12px #fff;pointer-events:none;left:12%;top:16%;animation:space-twinkle 3s ease-in-out infinite alternate}.space-twinkles i,.space-twinkles b,.space-twinkles em{position:absolute;font-style:normal;font-weight:normal;animation:space-twinkle 4s ease-in-out infinite alternate}.space-twinkles i{left:66%;top:25%;animation-delay:-2s}.space-twinkles b{left:18%;top:64%;font-size:23px}.space-twinkles em{left:78%;top:72%;animation-delay:-1s}.space-planet,.space-moon{animation:space-planet-drift 10s ease-in-out infinite alternate;box-shadow:inset -15px -13px 18px #4a3a9255,inset 8px 8px 16px #fff8,0 0 30px #ffcde833}.planet-one{background:repeating-linear-gradient(-20deg,#ffd3b6 0 15px,#efabca 20px 28px,#ffc1c7 35px 47px);width:clamp(85px,12vw,145px);height:clamp(85px,12vw,145px);right:7%;top:9%;transform:rotate(-12deg)}.planet-one:after{inset:36% -29%;border:11px solid #ffeacbb0;box-shadow:0 3px 5px #65479d77}.planet-two{background:radial-gradient(circle at 30% 24%,#e5fff5,#74d7df 43%,#558cc5);animation-delay:-4s}.space-moon{background:radial-gradient(circle at 35% 35%,#dbc6ba 0 12%,transparent 13%),radial-gradient(circle at 70% 66%,#e2cfb4 0 16%,transparent 17%),#fff3cf;animation-delay:-7s}.space-hint{font-size:16px;margin-top:10px}
.space-field .space-bubble{position:absolute;left:var(--x);bottom:-150px;width:var(--bubble-size);height:var(--bubble-size);padding:0;min-width:0;min-height:0;border:0;background:none;box-shadow:none;border-radius:50%;transform:none;animation:space-flight var(--speed) linear var(--delay) infinite;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.space-bubble-shell{position:absolute;inset:0;border-radius:50%;border:2px solid #ddfaffdc;box-shadow:inset 5px 8px 10px #ffffff55,inset -7px -10px 11px #7882d955,0 4px 8px #40378233,0 0 13px #bdefff55;background:radial-gradient(ellipse at 24% 18%,#fff9,transparent 27%),radial-gradient(circle at 65% 75%,#e7a9ff55,transparent 46%),linear-gradient(145deg,#dcfaff33,#c3e6ff08 55%,#9ee6ff66);animation:space-glass-wobble var(--wobble) ease-in-out var(--phase) infinite alternate;pointer-events:none}.space-bubble-shell:before{content:'';position:absolute;left:14%;top:12%;width:25%;height:12%;border-top:5px solid #ffffffe8;border-radius:50%;transform:rotate(-40deg)}.space-bubble-shell:after{content:'';position:absolute;right:12%;bottom:14%;width:23%;height:9%;border-bottom:3px solid #dcfbffb8;border-radius:50%;transform:rotate(-38deg)}.space-bubble.gold .space-bubble-shell{border-color:#ffe79c;background:radial-gradient(circle at 25% 20%,#fffbe9aa,transparent 35%),linear-gradient(140deg,#ffe49155,#ffa45216,#fff29266);box-shadow:inset -6px -9px 12px #edb55155,0 0 18px #ffd66077}.space-bubble.galaxy .space-bubble-shell,.space-bubble.rainbow .space-bubble-shell{border-color:#fff1ff;background:radial-gradient(circle at 25% 20%,#fffd,transparent 24%),conic-gradient(from 30deg,#a5f6ff66,#e4aeff66,#ffb5d966,#fff5a566,#a5f6ff66);box-shadow:inset -5px -9px 12px #9978d944,0 0 21px #e4b9ff88}.space-bubble.galaxy .space-bubble-shell{background:radial-gradient(circle at 72% 70%,#fff 0 1px,transparent 3px),radial-gradient(circle at 25% 20%,#fffb,transparent 24%),linear-gradient(145deg,#b4eaff66,#8d69de55,#f5baff66);background-size:21px 25px,100% 100%,100% 100%}.space-bubble.star .space-bubble-shell{border:none;background:none;box-shadow:none}.space-star-glass{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px #fff7bd88)}.space-star-glass path{fill:#fff3ba55;stroke:#fff1b6;stroke-width:2.5;stroke-linejoin:round}.space-bubble.star .space-bubble-shell:before,.space-bubble.star .space-bubble-shell:after{display:none}.space-bubble.mystery .space-bubble-shell{border:3px dashed #e2d3ff;background:radial-gradient(circle at 25% 20%,#fff8,transparent 25%),linear-gradient(145deg,#e5caff66,#9dcfff55)}.space-question{position:absolute;inset:0;display:grid;place-items:center;font-size:50px;color:#fff8d2;font-weight:900;text-shadow:0 3px 0 #8a73bd}.space-sticker-inside{position:absolute;inset:21%;display:grid;place-items:center;filter:drop-shadow(0 3px 3px #43326944)}.space-field .sticker{width:100%;height:100%;border:0;margin:0;background-color:transparent;box-shadow:none;transform:none;border-radius:0}.space-field .emoji-sticker .sticker-art{font-size:40px;display:grid;place-items:center}.space-field .sticker-glitter{font-size:13px;letter-spacing:4px}.space-burst{position:absolute;width:0;height:0;--pop-color:#c7f5ff}.space-burst.gold{--pop-color:#ffe79a}.space-burst.galaxy,.space-burst.rainbow{--pop-color:#ffd0ff}.space-pop-ring{position:absolute;width:90px;height:90px;left:-45px;top:-45px;border:3px solid var(--pop-color);border-radius:50%;animation:space-ring .45s ease-out both;box-shadow:0 0 10px var(--pop-color)}.space-pop-particle{position:absolute;left:-8px;top:-8px;color:hsl(var(--hue) 90% 83%);font-style:normal;font-size:19px;text-shadow:0 0 5px #fff;animation:space-particle .65s ease-out both}.space-prize{position:absolute;width:94px;height:94px;left:-47px;top:-47px;filter:drop-shadow(0 5px 3px #33265955);animation:space-prize-flight 2.2s ease-out both}.space-prize .emoji-sticker .sticker-art{font-size:68px}.space-field .space-bubble.popping{animation:space-collapse .28s ease-out both!important}.space-field.paused *{animation-play-state:paused!important}
@keyframes space-flight{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-1 * var(--travel)),0)}}@keyframes space-glass-wobble{from{transform:translateX(-7px) rotate(-7deg) scale(.97,1.03)}to{transform:translateX(7px) rotate(7deg) scale(1.03,.97)}}@keyframes space-collapse{0%{transform:scale(1)}35%{transform:scale(1.15,.93);opacity:1}100%{transform:scale(.35);opacity:0}}@keyframes space-ring{to{transform:scale(1.8);opacity:0}}@keyframes space-particle{to{transform:translate(var(--dx),var(--dy)) rotate(100deg);opacity:0}}@keyframes space-prize-flight{0%{transform:scale(.35) rotate(-20deg);opacity:0}12%{transform:translateY(-28px) scale(1.18) rotate(7deg);opacity:1}27%{transform:translateY(-18px) scale(1) rotate(-6deg)}75%{opacity:1}100%{transform:translateY(-95px) scale(.8) rotate(12deg);opacity:0}}@keyframes space-nebula-drift{to{transform:translate3d(5%,-3%,0) scale(1.1)}}@keyframes space-stardrift{to{background-position:18px -70px,70px -63px}}@keyframes space-planet-drift{to{translate:5px -12px;rotate:3deg}}@keyframes space-twinkle{to{opacity:.35;scale:.85}}
@media(max-width:600px){.space-screen{padding:6px 10px 12px}.space-field{height:clamp(340px,calc(100dvh - 246px),620px)}.space-timer,.space-popped{min-width:66px;padding:5px}.space-top h1{font-size:27px}.space-prize{width:82px;height:82px;left:-41px;top:-41px}.planet-one{opacity:.75}.space-duration-options button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.space-nebula,.space-stars,.space-twinkles,.space-twinkles *,.space-planet,.space-moon,.space-bubble-shell{animation:none}.space-prize{animation-name:space-prize-reduced}.space-field .space-bubble{animation-duration:20s!important}.space-field .space-bubble.popping{animation-duration:.28s!important}}@keyframes space-prize-reduced{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}
/* Fit the complete playfield beneath the shared header, including short landscape tablets. */
/* Rounded glass and an illustrated galaxy share one coherent presentation. */
.space-screen{max-width:1280px}
.space-field{background:#55549f;box-shadow:0 7px 0 #9999cb,0 12px 24px #50408c30}
.space-field:before{content:'';position:absolute;inset:-3%;background:url('space-galaxy-v2.webp') center/cover;pointer-events:none;animation:space-world-float 28s ease-in-out infinite alternate}
.space-field:after{height:100px;opacity:.4;background:radial-gradient(ellipse,#c7b6ff,transparent 68%)}
.space-field .space-planet,.space-field .space-moon{display:none}
.space-nebula{opacity:.2!important}
.space-stars{opacity:.48;animation-duration:36s}
.space-bubble .space-bubble-shell{border:0!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 5px 5px #302d7044);animation:space-glass-breathe var(--wobble) ease-in-out var(--phase) infinite alternate}
.space-bubble-shell:before,.space-bubble-shell:after{display:none}
.space-glass-art{position:absolute;inset:-3%;width:106%;height:106%;overflow:visible;z-index:2;pointer-events:none}
.space-glass-light{transform-origin:50px 50px;animation:space-reflection 4.8s ease-in-out var(--phase) infinite alternate}
.space-sticker-inside{inset:20%;z-index:1;animation:space-cargo 3.8s ease-in-out var(--phase) infinite alternate}
.space-question{z-index:3;text-shadow:0 2px 0 #6a4daa,0 0 14px #fff8}
.space-bubble.gold .space-glass-art{filter:drop-shadow(0 0 8px #ffe28e66)}
.space-bubble.galaxy .space-glass-art{filter:drop-shadow(0 0 9px #e0b6ff77)}
.space-bubble.rainbow .space-glass-art{filter:drop-shadow(0 0 7px #b7ffff55)}
.space-ring-echo{animation-delay:.075s;border-width:1px;box-shadow:none}
.space-pop-ring{background:radial-gradient(circle,#fff8,transparent 64%)}
.space-pop-particle{font-size:22px;filter:drop-shadow(0 2px 2px #7774)}
.space-timer,.space-popped{background:linear-gradient(#fffefa,#ece7ff);border-width:3px;min-width:100px;box-shadow:0 4px 0 #ada5d2,inset 0 2px 0 white}
@keyframes space-world-float{to{transform:translate3d(1%,1%,0) scale(1.03)}}
@keyframes space-glass-breathe{from{transform:rotate(-3deg) scale(.985,1.015)}to{transform:rotate(3deg) scale(1.015,.985)}}
@keyframes space-reflection{to{transform:rotate(7deg);opacity:.75}}
@keyframes space-cargo{to{transform:translateY(-3px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.space-field:before,.space-glass-light,.space-sticker-inside,.space-bubble .space-bubble-shell{animation:none}}
.space-field{height:clamp(260px,calc(100dvh - 285px),690px)}
@media(max-width:600px){.space-field{height:clamp(280px,calc(100dvh - 280px),620px)}}
@media(max-height:600px) and (min-width:601px){.space-top h1{font-size:26px}.space-top{margin-bottom:4px}.space-kicker{font-size:10px}.space-scores small{font-size:10px}.space-scores strong{font-size:23px}.space-duration-options{margin-bottom:6px}.space-duration-options button{padding:5px 12px;min-height:44px}.space-field{height:calc(100dvh - 252px);min-height:220px}.space-hint{margin-top:7px}}