*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
:root{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#f1eaff;background:#15152f;color-scheme:dark}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{display:grid;place-items:center}
#game{position:relative;width:100%;height:100%;max-width:1920px;overflow:hidden;background:#343b80;isolation:isolate;touch-action:none}
canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}
canvas:active{cursor:grabbing}
.hud{position:absolute;inset:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) auto max(24px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.counter{display:grid;justify-items:center;min-width:136px;padding:12px 22px 10px;border:1px solid #aaa5ff26;border-radius:19px;background:#222047bc;box-shadow:0 8px 30px #17153018}
.counter span{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#bbb1f7}
.counter output{font-size:43px;font-weight:900;line-height:1.12;letter-spacing:1px;font-variant-numeric:tabular-nums}
.room-label{position:absolute;top:max(126px,calc(env(safe-area-inset-top) + 106px));left:max(26px,env(safe-area-inset-left));font-size:10px;letter-spacing:1.7px;font-weight:800;color:#d3c9ef;pointer-events:none}
nav{display:flex;gap:10px;pointer-events:auto}
button{font:inherit;cursor:pointer;color:inherit;border:1px solid #b1a4ff72;background:#29274eaa;transition:background .16s,transform .16s}
button:hover{background:#494275}button:active{transform:scale(.94)}button:focus-visible{outline:3px solid #9ff2cc;outline-offset:4px}
nav button{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 2px 0 #ffffff10}
nav svg{width:25px;height:25px;fill:none;stroke:#eee3ff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
#sound svg path:first-child{fill:#eee3ff;stroke-width:1.4}#sound[aria-pressed="true"] .waves{opacity:.2}
.help{position:absolute;bottom:max(21px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:13px 23px;border:1px solid #b1a4ff66;border-radius:28px;background:#242043dd;text-align:center;box-shadow:0 6px 28px #17153020;pointer-events:none;max-width:calc(100% - 24px);width:max-content}
.help span{display:block;font-size:17px;line-height:1.4;font-weight:700;white-space:normal;color:#e8ddff}
#power{height:4px;margin:9px auto 0;width:130px;border-radius:3px;background:#ffffff1c;display:none;overflow:hidden}#power i{display:block;width:0%;height:100%;background:#9ff2cc;border-radius:inherit}
.aiming #power{display:block}
#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#14132e88;backdrop-filter:blur(9px);padding:20px}#overlay[hidden]{display:none}
#overlay section{max-width:420px;width:100%;text-align:center;background:linear-gradient(150deg,#3d3971,#242442);border:1px solid #b7a5ff55;border-radius:30px;padding:32px;box-shadow:0 30px 100px #10102766}
.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#c4b7f9}h1{font-size:32px;letter-spacing:-1px;margin:16px 0 10px}p{color:#c4bfdc;font-size:15px;line-height:1.6;margin:0 0 24px}
#overlay button{display:block;width:100%;padding:14px;border-radius:14px;font-weight:800;background:#a4f3cf;color:#223e3b;border:0}#overlay .secondary{margin-top:8px;background:transparent;color:#cbc2ef;font-weight:500}
.mini-blob{position:relative;margin:28px auto 0;width:66px;height:57px;background:#a4f3cf;border-radius:45% 45% 38% 40%;transform:rotate(-7deg);box-shadow:inset 0 -7px 0 #6fc3a744;display:flex;align-items:center;justify-content:center;gap:3px}
.mini-blob i{width:19px;height:23px;background:white;border-radius:50%;position:relative}.mini-blob i:after{content:"";position:absolute;width:8px;height:10px;border-radius:50%;background:#25253f;top:8px;left:9px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-aspect-ratio:16/9){#game{height:100%;max-height:calc(100vw * 9 / 16)}}
@media(max-width:600px){.hud{inset:max(14px,env(safe-area-inset-top)) 14px auto}.room-label{top:max(100px,calc(env(safe-area-inset-top) + 86px));left:17px;font-size:9px;letter-spacing:1.1px}.counter{min-width:96px;padding:9px 14px;border-radius:15px}.counter span{font-size:10px;letter-spacing:1px}.counter output{font-size:34px}nav{gap:7px}nav button{width:43px;height:43px}.help{padding:12px 15px}.help span{font-size:13px}}
@media(max-height:480px){.hud{inset:10px 16px auto}.room-label{top:78px;left:18px;font-size:8px;letter-spacing:1px}.counter{min-width:96px;padding:6px 12px}.counter span{font-size:9px}.counter output{font-size:29px}nav button{width:40px;height:40px}.help{bottom:10px;padding:9px 16px}.help span{font-size:13px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.lesson{font-size:12px;line-height:1.5;color:#a8e1c6;margin:-12px 0 20px}
#room-picker{max-width:480px;max-height:calc(100dvh - 36px);overflow-y:auto}
#overlay section{max-height:calc(100dvh - 36px);overflow-y:auto}
#room-picker h1{font-size:26px;line-height:1.15;margin-top:14px}
#room-picker>p{font-size:13px;margin-bottom:18px}
#room-list{display:grid;gap:8px;text-align:left}
#room-list .room-choice{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:#272444;color:#eae4ff;border:1px solid #a99dd636;padding:12px 14px;border-radius:12px}
#room-list .room-choice[aria-current="true"]{border-color:#a4f3cf;background:#373358}
.room-choice strong{font-size:14px}.room-choice span{font-size:11px;color:#b5acd2;font-weight:500}
@media(max-height:480px){#room-picker{padding:20px}#room-picker h1{font-size:22px;margin:8px 0}#room-picker>p{margin-bottom:12px}#room-list{grid-template-columns:1fr 1fr;gap:6px}#room-list .room-choice{padding:9px 12px}.room-choice strong{font-size:12px}}
@media(max-height:650px){#summary{padding:22px}.mini-blob{margin-top:16px;width:55px;height:48px}#summary h1{font-size:26px;margin:12px 0 8px}#summary p{font-size:13px;margin-bottom:16px}#summary .lesson{font-size:11px;margin-bottom:16px}}

#overlay #home{max-width:460px;background:radial-gradient(ellipse at 50% 0,#66629c55,transparent 65%),linear-gradient(150deg,#353261,#202039);padding:30px 38px}
#home .eyebrow{font-size:9px;letter-spacing:2px}
#home h1{font-size:61px;line-height:.89;letter-spacing:-3px;margin:24px 0 16px;transform:rotate(-3deg);color:#f2e8ff;text-shadow:0 5px 0 #16162c55}
#home h1 span{color:#a4f3cf}
#home .mini-blob{margin-top:24px;transform:rotate(9deg)}
#home .home-tagline{font-size:14px;margin-bottom:22px}
.save-card{background:#15152f55;border:1px solid #b7a5ff22;border-radius:16px;padding:15px;margin-bottom:20px}
.save-card>span{font-size:9px;letter-spacing:1.8px;color:#b7acd4;display:block;margin-bottom:7px}
.save-card strong{font-size:14px;font-weight:700}
.progress-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.progress-dots i{width:27px;height:5px;border-radius:5px;background:#b7a5ff33}.progress-dots .complete{background:#a4f3cf}
#home .save-note{font-size:10px;line-height:1.6;margin:16px 0 0;color:#a59cbf}
#new-confirm{border-top:1px solid #b7a5ff33;padding-top:12px;margin-top:12px}#new-confirm p{font-size:13px;margin-bottom:10px}
@media(max-width:400px){#overlay #home{padding:24px}#home h1{font-size:53px}}
@media(max-height:650px){#overlay #home{padding:20px 26px}#home .mini-blob{display:none}#home h1{font-size:44px;margin:12px 0}#home .home-tagline{margin-bottom:12px}.save-card{padding:10px;margin-bottom:12px}#home .save-note{margin-top:8px}#home button{padding:11px}}
/* The same gel material carries the approved creature into the menus. */
.mini-blob{background:radial-gradient(ellipse at 30% 22%,#e0ffc4 0%,#a8ffd1 35%,#50e9b9 72%,#268f9c 100%);border:1px solid #bbffe0;border-radius:43% 57% 49% 38% / 46% 41% 59% 54%;box-shadow:inset -5px -7px 9px #167d8a44,0 0 18px #67ffc74a,0 0 44px #67ffc71c}
.mini-blob:before{content:"";position:absolute;left:12px;top:7px;width:17px;height:7px;border-radius:50%;background:#efffe5b0;transform:rotate(-30deg)}
.mini-blob:after{content:"";position:absolute;left:30px;bottom:9px;width:9px;height:5px;border-bottom:2px solid #298372;border-radius:50%;transform:rotate(-8deg)}
#overlay section{background:radial-gradient(ellipse at 0 0,#743e8a40,transparent 65%),linear-gradient(150deg,#292653,#191b35);border-color:#bb9fff66;box-shadow:0 30px 100px #070a2466,0 0 35px #8855ff14}
#overlay #home{background:radial-gradient(ellipse at 50% 0,#6553bb55,transparent 65%),linear-gradient(150deg,#2d2858,#171b32)}
#overlay button:not(.secondary):not(.room-choice){background:#a4f9d0;box-shadow:0 0 18px #64fbc21a}

/* Rounded mint candy mascot, matching the in-game face. */
.mini-blob{background:radial-gradient(ellipse at 30% 22%,#effff7 0%,#c6fff0 35%,#88e7da 72%,#4cabc2 100%);border-color:#d5fff4;border-radius:47% 47% 43% 43% / 45% 45% 53% 53%;gap:12px;box-shadow:inset -4px -5px 9px #398fac26,0 0 22px #80ffe02b}
.mini-blob i{width:10px;height:14px;background:#243952}.mini-blob i:after{width:4px;height:4px;background:white;top:3px;left:2px}
.mini-blob:after{left:calc(50% - 4px);bottom:10px;width:8px;height:5px;border-color:#37546a;transform:none}

#jump-goal{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#a4f9d0;margin-top:5px}
.counter.over-goal #jump-goal{color:#ffc29f}
.counter output{display:block;transform-origin:50% 60%}
#jump-pop{position:absolute;pointer-events:none;padding:8px 13px;border:1px solid #c6fff0aa;border-radius:30px;background:#253e54ed;box-shadow:0 0 20px #80ffe032;color:#ddfff4;font-size:12px;font-weight:900;letter-spacing:1px;white-space:nowrap}
.room-label{top:max(148px,calc(env(safe-area-inset-top) + 128px))}
#jump-results{padding:14px 12px;border:1px solid #a4f9d04d;background:#182c3d99;border-radius:15px;margin:0 0 18px}
#jump-verdict{color:#a4f9d0;font-size:18px}#jump-stats{font-size:11px;color:#d6dbec;margin-top:8px;line-height:1.5}
#room-picker>.goal-note{font-size:10px;color:#b5acd2;margin-top:-12px;margin-bottom:15px}
@media(max-width:600px){#jump-goal{font-size:9px;letter-spacing:1px}.room-label{top:max(122px,calc(env(safe-area-inset-top) + 108px))}#jump-pop{font-size:10px;padding:7px 11px}}
@media(max-height:480px){#jump-goal{font-size:8px;margin-top:2px}.room-label{top:99px}#jump-results{padding:9px;margin-bottom:10px}#jump-verdict{font-size:15px}}
@media(max-height:650px){#summary .mini-blob{display:none}}
@media(max-height:480px){
  #overlay #summary{max-width:680px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:20px}
  #summary .eyebrow,#summary .lesson{display:none}
  #summary h1{grid-column:1/-1;font-size:24px;margin:0 0 4px}
  #summary #overlay-copy{grid-column:1;grid-row:2;margin:0;font-size:12px;align-self:center}
  #summary #jump-results{grid-column:1;grid-row:3/5;margin:0;align-self:center}
  #summary #continue{grid-column:2;grid-row:2}
  #summary #again{grid-column:2;grid-row:3}
  #summary #main-menu{grid-column:2;grid-row:4}
  #summary button{margin:0;padding:10px;min-height:40px}
}
@media(min-height:481px) and (max-height:650px){#overlay #summary{padding:20px}}

/* Gold awards and oversized arcade candy stickers. */
.star-row{display:inline-flex;gap:3px;align-items:center;flex-shrink:0}
.star-icon{width:17px;height:17px;overflow:visible;fill:#37344e;stroke:#8d83b2;stroke-width:1.4;stroke-linejoin:round}
.star-icon.earned{fill:#ffda78;stroke:#fff0bb;filter:drop-shadow(0 2px 0 #9c6680) drop-shadow(0 0 5px #ffce742b)}
.result-stars{margin-bottom:9px;line-height:1}
.result-stars .star-row{gap:9px}
.result-stars .star-icon{width:34px;height:34px}
.result-stars .star-icon.earned{animation:star-arrive .5s cubic-bezier(.2,1.5,.4,1) both;animation-delay:var(--star-delay)}
@keyframes star-arrive{from{opacity:0;transform:translateY(9px) rotate(-15deg) scale(.4)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
.room-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.room-head strong{min-width:0}
#jump-pop{width:126px;padding:9px 12px 10px;border:3px solid #fff6ee;border-radius:24px 27px 22px 26px;background:linear-gradient(145deg,#d7cbff,#afa4fa);box-shadow:0 6px 0 #645899,0 10px 22px #15152f66,0 0 25px #cab9ff44;color:#373052;text-align:center;white-space:normal}
.jump-word{display:block;font-size:11px;letter-spacing:3px;font-weight:900;line-height:1.2;text-shadow:0 1px #fff9}
#jump-pop-count{display:block;font-size:46px;font-weight:1000;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 #f8f0ff}
.jump-spark{position:absolute;width:16px;height:16px;background:#ffdc87;border:2px solid #fff4ce;border-radius:5px;transform:rotate(45deg);box-shadow:0 2px 0 #b18c91}
.spark-one{top:-7px;right:-9px}.spark-two{left:-9px;bottom:5px;width:11px;height:11px;background:#b8ffe7;border-color:#f0fff8}
@media(max-width:600px){#jump-pop{width:108px;padding:8px 10px;border-radius:21px}#jump-pop-count{font-size:39px}.jump-word{font-size:10px}.star-icon{width:15px;height:15px}.result-stars .star-icon{width:29px;height:29px}.result-stars{margin-bottom:7px}}
@media(max-height:650px){#summary .result-stars{margin-bottom:7px}#summary .result-stars .star-icon{width:28px;height:28px}}
@media(max-height:480px){#summary .result-stars .star-icon{width:24px;height:24px}#summary .result-stars{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.result-stars .star-icon.earned{animation:none}}

#room-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
#room-pages .room-tab{width:auto;height:auto;border:1px solid #ab9ed855;border-radius:10px;padding:8px;background:#25233e;color:#bbb3db;box-shadow:none;font-size:12px;letter-spacing:1px}
#room-pages .room-tab[aria-pressed="true"]{background:#a4f9d0;color:#223e3b;border-color:#a4f9d0}
#room-list .room-choice>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-height:650px){
  #overlay #room-picker{padding:16px}
  #room-picker>.eyebrow,#room-picker>p:not(.goal-note){display:none}
  #room-picker h1{font-size:20px;line-height:1.1;margin:0 0 8px}
  #room-picker>.goal-note{font-size:9px;line-height:1.35;margin:0 0 8px}
  #room-pages{margin-bottom:8px;gap:6px}#room-pages .room-tab{padding:6px;font-size:10px}
  #room-list{gap:6px}#room-list .room-choice{padding:8px 10px;gap:3px}
  #room-list .room-choice strong{font-size:12px}#room-list .room-choice>span{font-size:10px;line-height:1.2}
  #room-picker #close-rooms{padding:9px;margin-top:8px}
}
@media(max-height:480px){#overlay #room-picker{max-width:740px}#room-list{grid-template-columns:repeat(3,minmax(0,1fr))}.room-head{gap:5px}#room-list .room-choice strong{font-size:11px}#room-list .star-icon{width:12px;height:12px}#room-list .star-row{gap:1px}}
#overlay #room-pages .room-tab{background:#25233e;color:#cbc2ef;box-shadow:none}
#overlay #room-pages .room-tab[aria-pressed="true"]{background:#a4f9d0;color:#223e3b}

/* Comic awards and a doorway flash, all drawn locally with vectors. */
#exit-flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 70% 55%,#fff9d9,#d9fff0 55%,#c5b8ff);opacity:var(--exit-flash,0)}
.exiting .help,.exiting .room-label,.exiting .hud{opacity:0;transition:opacity .2s}
.exiting #jump-pop{display:none}
#overlay #summary{max-width:460px;padding:28px;overflow:visible}
#summary .mini-blob{display:none}
#summary h1,#room-picker h1{font-weight:1000;font-style:italic;letter-spacing:-1.5px;color:#f5eaff;text-shadow:3px 4px #67509b,-1px -1px #fff8;transform:rotate(-4deg);font-size:38px;margin:12px 0 20px}
#summary.victory{background:radial-gradient(ellipse at 50% 28%,#8462ac70,transparent 65%),repeating-conic-gradient(from 8deg at 50% 36%,#c2acff0b 0deg 9deg,transparent 9deg 22deg),#24213f}
#summary #jump-results{background:none;border:0;padding:0;margin:0 0 20px}
#summary .result-stars{position:relative;margin:22px 0 18px}
#summary .result-stars:before,#summary .result-stars:after{content:'✧';position:absolute;color:#fff3bf;font-size:36px;top:10px;left:1%;transform:rotate(-15deg)}
#summary .result-stars:after{left:auto;right:1%;top:-14px;font-size:48px;transform:rotate(15deg)}
#summary .result-stars .star-row{gap:6px}
#summary .result-stars .star-icon{width:82px;height:82px;stroke:#29223e;stroke-width:2.2;paint-order:stroke fill;filter:drop-shadow(0 0 2px #fff3ce) drop-shadow(3px 5px 0 #17132f)}
#summary .result-stars .star-icon:nth-child(2){width:100px;height:100px;margin-top:-20px}
#summary .result-stars .star-icon.earned{fill:#ffd259;stroke:#412947;filter:drop-shadow(-2px -2px 0 #fff5cc) drop-shadow(2px 2px 0 #fff5cc) drop-shadow(4px 6px 0 #17132f)}
.star-shine{fill:#fff4c6;stroke:none;opacity:0}.earned .star-shine{opacity:.9}
#summary #jump-verdict{display:block;font-size:23px;font-weight:1000;font-style:italic;letter-spacing:1px;color:#b5ffe4;text-shadow:2px 3px #3b4873}
#summary #jump-stats{display:flex;gap:8px;justify-content:center;margin-top:18px}
#jump-stats>span{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:0 7px;flex:1;max-width:110px;padding:10px 6px;background:#17182f80;border:1px solid #d5c6ff38;border-radius:15px}
#jump-stats i{font-size:23px;color:#ffda83;font-style:normal}#jump-stats b{font-size:27px;color:#fff0e8}#jump-stats small{grid-column:1/-1;letter-spacing:1.4px;font-size:8px;color:#c2b9dc}
#summary button,#home button,#close-rooms{font-weight:1000;letter-spacing:1.6px;font-size:16px}
#home .save-note{font-size:10px;margin-top:12px}
#home h1{margin-bottom:24px}
#room-picker>.goal-note{margin:0 0 16px;color:#ffe6a1;font-weight:800;font-size:13px}
.help #hint{font-size:11px;font-weight:900;letter-spacing:1.2px}
@media(max-width:400px){#overlay #summary{padding:22px}#summary h1{font-size:32px}#summary .result-stars .star-icon{width:65px;height:65px}#summary .result-stars .star-icon:nth-child(2){width:82px;height:82px}}
@media(max-height:650px){#overlay #summary{padding:20px}#summary h1{font-size:30px;margin:6px 0 14px}#summary .result-stars{margin:16px 0 12px}#summary .result-stars .star-icon{width:62px;height:62px}#summary .result-stars .star-icon:nth-child(2){width:78px;height:78px}#summary #jump-stats{margin-top:12px}#summary #jump-results{margin-bottom:14px}}
@media(max-height:480px){#overlay #summary{max-width:680px;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}#summary h1{grid-column:1;grid-row:1;margin:0;font-size:29px}#summary #jump-results{grid-column:1;grid-row:2/5;margin:0}#summary #continue{grid-column:2;grid-row:2}#summary #again{grid-column:2;grid-row:3}#summary #main-menu{grid-column:2;grid-row:4}#summary .result-stars .star-icon{width:55px;height:55px}#summary .result-stars .star-icon:nth-child(2){width:68px;height:68px}#summary #jump-verdict{font-size:18px}#summary #jump-stats{margin-top:8px}#jump-stats>span{padding:5px}#jump-stats b{font-size:22px}#summary .result-stars:before,#summary .result-stars:after{display:none}}
#exit-flash{transition:opacity .22s}.exiting #exit-flash{transition:none}
#summary.victory{animation:clear-reveal .32s cubic-bezier(.2,1.3,.4,1) both}
@keyframes clear-reveal{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#summary.victory{animation:none}#exit-flash,.exiting .hud,.exiting .help,.exiting .room-label{transition:none}}

/* Candy arcade menus: a mascot sticker, tactile buttons and a separate reset. */
#overlay{background:radial-gradient(ellipse at 50% 40%,#51407345,#0d112bcc 85%)}
#overlay #home,#overlay #room-picker,#overlay #new-confirm,#overlay #summary:not(.victory){position:relative;border:2px solid #bda5ed;border-radius:32px;background:radial-gradient(ellipse at 20% 0,#8d69bd5c,transparent 60%),repeating-linear-gradient(135deg,#ffffff0b 0 1px,transparent 1px 17px),linear-gradient(155deg,#3b315e,#20233e 80%);box-shadow:0 9px 0 #11182e,0 0 0 5px #252442,0 24px 70px #060c2899}
#overlay #home{padding:25px 30px 20px;max-width:430px}
.home-hero{position:relative;width:180px;height:116px;margin:0 auto;display:grid;place-items:center;isolation:isolate}
.home-hero:before{content:'';position:absolute;width:108px;height:108px;border-radius:50%;background:repeating-conic-gradient(#b7ffe826 0deg 15deg,transparent 15deg 30deg);box-shadow:0 0 45px #80ffdd22;z-index:-1}
#home .home-hero .mini-blob{display:flex;position:relative;margin:0;width:92px;height:78px;border:3px solid #effff6;transform:rotate(-10deg);box-shadow:4px 6px 0 #192f48,0 0 0 5px #84f2d329,inset -5px -8px 12px #299aaf30;gap:16px}
#home .mini-blob i{width:13px;height:19px}#home .mini-blob:after{bottom:15px;width:12px;left:calc(50% - 6px)}#home .mini-blob:before{width:24px;height:10px;left:17px;top:11px}
.hero-spark{position:absolute;left:12px;top:15px;color:#ffda85;font-size:29px;transform:rotate(-15deg)}.hero-spark:nth-of-type(2){left:auto;right:5px;top:55px;color:#e2c6ff;font-size:38px}
.hero-orbit{position:absolute;bottom:3px;width:102px;height:8px;border-radius:50%;background:#151b3866;filter:blur(3px)}
#home h1{position:relative;font-size:62px;font-weight:1000;font-style:italic;letter-spacing:-3px;line-height:.88;margin:9px 0 26px;transform:rotate(-5deg);color:#fff1e4;-webkit-text-stroke:1px #fff1e4;text-shadow:3px 3px 0 #433356,5px 6px 0 #151d35}
#home h1 span{display:inline-block;color:#a4ffe0;-webkit-text-stroke-color:#a4ffe0;font-size:.94em}
#home .save-card{position:relative;border:1px solid #d3b8f655;border-radius:19px;background:#141b36a3;box-shadow:inset 0 2px 0 #ffffff0c;margin-bottom:20px;padding:14px 13px 16px}
#home .save-card>span{font-size:9px;letter-spacing:1.4px;color:#d5bdeb}#home .save-card strong{font-size:16px;color:#fff4e9}
.progress-dots{gap:5px;margin-top:14px}.progress-dots i{width:24px;height:9px;border-radius:3px;background:#555073;transform:skewX(-13deg);border-bottom:2px solid #171d36}.progress-dots i.complete{background:#a4ffe0;box-shadow:0 0 8px #a4ffe02e}
#overlay #home>button,#overlay #summary>button,#overlay #close-rooms,#overlay #new-confirm>button{position:relative;border:2px solid #d8fff0;border-radius:16px;background:linear-gradient(#c2ffe6,#8dedc3);color:#254044;box-shadow:0 5px 0 #4a9c91,0 8px 15px #10152f55,inset 0 2px 0 #fff9;font-size:16px;font-weight:1000;letter-spacing:1.2px;padding:13px;margin:0 0 13px;text-shadow:0 1px #fff7}
#overlay #home>button.secondary,#overlay #summary>button.secondary,#overlay #close-rooms{background:linear-gradient(#625582,#494363);color:#f2e7ff;border-color:#b7a0d7;box-shadow:0 5px 0 #2c2947,inset 0 2px 0 #ffffff16;text-shadow:0 2px #29253d}
#overlay #home>#new-game{background:none;border:0;box-shadow:none;font-size:10px;color:#c6b5db;padding:7px;margin:0;text-shadow:none;letter-spacing:1px}
#home .save-note{margin:10px 0 0;color:#adbed0;font-size:9px}
#overlay #new-confirm{max-width:360px;margin:0;padding:28px;border-color:#f2c2cf}
.reset-icon{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 22px;border-radius:25px;border:3px solid #fff0e4;background:linear-gradient(135deg,#ffd399,#ffb4bf);color:#694466;font-size:60px;line-height:1;box-shadow:4px 6px #191b36;transform:rotate(-8deg)}
#new-confirm h1{font-size:30px;line-height:1.05;font-style:italic;font-weight:1000;color:#fff1de;text-shadow:3px 4px #62445f;transform:rotate(-3deg);margin:0 0 15px}#new-confirm p{font-size:13px;margin:0 0 24px;color:#e2cddd}
#overlay #new-confirm>#confirm-new{background:linear-gradient(#f2bacb,#dc99b3);border-color:#ffe0e5;color:#543849;box-shadow:0 5px 0 #8c5b78;margin-bottom:5px;font-size:12px}
#overlay #room-picker{padding:24px}#room-picker #room-pages{padding:5px;border-radius:14px;background:#131b3677;gap:5px}
#overlay #room-pages .room-tab{border:0;font-weight:900;letter-spacing:1px;border-radius:10px}#overlay #room-pages .room-tab[aria-pressed='true']{box-shadow:0 2px #438f88}
#room-list .room-choice{border:1px solid #ab91ce7a;border-left:4px solid #9e82ca;background:linear-gradient(120deg,#4a3e66,#2e2d4c);box-shadow:0 3px #161d34;border-radius:13px;padding:13px 12px}
#room-list .room-choice[aria-current='true']{border-color:#adffe0;background:linear-gradient(120deg,#325861,#30314f)}
#room-list .room-choice strong{color:#fff0e5;font-size:13px}#room-list .room-choice>span{color:#c2d5d9}
#overlay button:active{transform:translateY(3px);box-shadow:none}
@media(max-width:400px){#overlay #home{padding:20px}#home h1{font-size:54px}#home .save-card strong{font-size:14px}}
@media(max-height:650px){#overlay #home{padding:18px 24px}.home-hero{height:76px;width:160px}#home .home-hero .mini-blob{width:65px;height:56px;gap:12px}#home .mini-blob i{width:10px;height:14px}#home .mini-blob:after{bottom:9px}#home .home-hero:before{width:75px;height:75px}#home h1{font-size:46px;margin:7px 0 18px}#home .save-card{padding:10px;margin-bottom:13px}#overlay #home>button{padding:10px;margin-bottom:10px}#home .save-note{margin-top:6px}#overlay #room-picker{padding:16px}#room-list .room-choice{padding:8px 10px}#room-list .room-choice strong{font-size:12px}#overlay #close-rooms{padding:9px;margin:10px 0 0}}
@media(max-height:480px){#overlay #home{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;max-width:680px;padding:20px 26px}.home-hero{grid-column:1;grid-row:1/3;height:85px;margin:0 auto}#home h1{grid-column:1;grid-row:3/6;font-size:48px;align-self:start;margin:4px 0}#home .save-card{grid-column:2;grid-row:1/3;margin:0;padding:10px}#home #start-game{grid-column:2;grid-row:3}#home #home-rooms{grid-column:2;grid-row:4}#home #new-game{grid-column:2;grid-row:5}#home .save-note{grid-column:1/-1;grid-row:6;margin:0}#overlay #home>button{margin:0}#overlay #new-confirm{padding:20px;max-width:420px}.reset-icon{width:54px;height:54px;font-size:38px;margin-bottom:14px}#new-confirm h1{font-size:25px}#new-confirm p{margin-bottom:16px}#room-list .room-choice strong{font-size:11px}}

/* Slow menu life: soft gel motion, rotating glints and a silent game behind it. */
.menu-demo #overlay{backdrop-filter:blur(2px);background:linear-gradient(90deg,#10132d75,#14143144 50%,#10132d75)}
.menu-demo .hud,.menu-demo .room-label,.menu-demo .help{visibility:hidden}
#overlay:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 25%,#a4ffe064 0 2px,transparent 4px),radial-gradient(circle at 85% 65%,#ffdc8759 0 3px,transparent 6px),radial-gradient(circle at 78% 16%,#e0b9ff80 0 2px,transparent 5px),radial-gradient(circle at 20% 78%,#b4ffe74d 0 2px,transparent 4px);animation:menu-dust 9s ease-in-out infinite alternate}
#overlay section{z-index:1}
#home .home-hero .mini-blob{animation:menu-jelly 4.2s ease-in-out infinite;transform-origin:50% 75%}
.home-hero:before{animation:menu-orbit 32s linear infinite}
.hero-spark{animation:menu-twinkle 3.2s ease-in-out infinite}.hero-spark:nth-of-type(2){animation-delay:-1.6s}
.hero-orbit{animation:menu-shadow 4.2s ease-in-out infinite}
#home h1{animation:menu-title 6s ease-in-out infinite}
#overlay #home>#start-game,#overlay #summary>#continue{overflow:hidden}
#overlay #home>#start-game:after,#overlay #summary>#continue:after{content:'';position:absolute;inset:-60% auto -60% -70%;width:28%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);pointer-events:none;animation:menu-shine 6s ease-in-out infinite}
#room-list .room-choice[aria-current='true']{animation:menu-current 3s ease-in-out infinite}
#new-confirm .reset-icon{animation:menu-reset 5s ease-in-out infinite}
#overlay section:not([hidden]){animation:menu-enter .32s cubic-bezier(.2,1.25,.4,1) both}
#overlay #summary.victory{animation:clear-reveal .32s cubic-bezier(.2,1.3,.4,1) both}
@keyframes menu-jelly{0%,100%{transform:translateY(1px) rotate(-9deg) scale(1.03,.97)}40%{transform:translateY(-9px) rotate(6deg) scale(.97,1.04)}65%{transform:translateY(-5px) rotate(1deg) scale(1.01,.99)}}
@keyframes menu-orbit{to{transform:rotate(360deg)}}
@keyframes menu-twinkle{0%,100%{transform:rotate(-15deg) scale(.8);opacity:.55}50%{transform:rotate(35deg) scale(1.16);opacity:1}}
@keyframes menu-shadow{0%,100%{transform:scaleX(1);opacity:.7}40%{transform:scaleX(.8);opacity:.35}}
@keyframes menu-title{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-2px)}}
@keyframes menu-shine{0%,65%{left:-70%;opacity:0}70%{opacity:.8}85%,100%{left:140%;opacity:0}}
@keyframes menu-current{0%,100%{box-shadow:0 3px #161d34,0 0 0 #a4ffe000}50%{box-shadow:0 3px #161d34,0 0 14px #a4ffe02b}}
@keyframes menu-reset{0%,70%,100%{transform:rotate(-8deg)}78%{transform:rotate(8deg)}86%{transform:rotate(-12deg)}}
@keyframes menu-dust{from{transform:translateY(6px);opacity:.4}to{transform:translateY(-14px);opacity:1}}
@keyframes menu-enter{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#overlay:before,#overlay section:not([hidden]),#home h1,#home .home-hero .mini-blob,.home-hero:before,.hero-spark,.hero-orbit,#new-confirm .reset-icon,#room-list .room-choice[aria-current='true'],#overlay #home>#start-game:after,#overlay #summary>#continue:after{animation:none}#overlay #home>#start-game:after,#overlay #summary>#continue:after{display:none}}
@media(prefers-reduced-motion:reduce){#overlay #summary.victory{animation:none}}
.room-label:before{content:attr(data-zone-name);display:block;font-size:8px;letter-spacing:1.5px;color:var(--zone-accent,#ffb8e6);margin-bottom:6px}
#game[data-zone='cooling']{--zone-accent:#a5fff0}#game[data-zone='maintenance']{--zone-accent:#ffd18b}#game[data-zone='shipping']{--zone-accent:#d6ff90}
#game[data-zone] .counter{border-color:var(--zone-accent,#bd9be8)}
#room-list .room-choice[data-zone='cooling']{border-left-color:#a5fff0}#room-list .room-choice[data-zone='maintenance']{border-left-color:#ffd18b}#room-list .room-choice[data-zone='shipping']{border-left-color:#d6ff90}