@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf) format("truetype");font-weight:300 700;font-display:swap}:root{--badge-room: 0px;--font: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--night: #0b1020;--card: rgba(28, 33, 64, .92);--card-solid: #1c2140;--edge: #5a6390;--peach: #ffc58a;--orange: #ff7518;--orange-deep: #c2500c;--green: #63e6a0;--text: #ffffff;--text-dim: #b4bbdf}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;height:100dvh;background:var(--night);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{display:block;touch-action:none}.rotate-notice{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--night);color:var(--text);font-family:var(--font);text-align:center}.rotate-notice[hidden]{display:none}.rotate-phone{width:52px;height:88px;margin-bottom:20px;border:4px solid var(--peach);border-radius:10px;animation:rotate-phone 2.4s ease-in-out infinite}.rotate-title{margin:0;font-size:28px;font-weight:600;color:var(--peach)}.rotate-text{margin:0;font-size:17px;color:var(--text-dim)}@keyframes rotate-phone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.cursor-bat{position:fixed;inset:0;z-index:1000;pointer-events:none}.screen-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;overflow:hidden;text-align:center;color:var(--text);font-family:var(--font);background:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent),radial-gradient(1px 1px at 78% 12%,#fff7 50%,transparent),radial-gradient(1.5px 1.5px at 64% 32%,#fff6 50%,transparent),radial-gradient(1px 1px at 30% 70%,#fff5 50%,transparent),radial-gradient(1.5px 1.5px at 88% 64%,#fff6 50%,transparent),radial-gradient(1px 1px at 46% 86%,#fff4 50%,transparent),radial-gradient(ellipse at 50% 120%,rgba(122,69,184,.35),transparent 60%),linear-gradient(180deg,#151b3a,#0a0e1c 75%);animation:screen-fade .35s ease-out both}.screen-overlay>:not(.screen-sky){position:relative}.screen-dim{background:#080a18b8;backdrop-filter:blur(3px)}.screen-title{margin:0;font-size:clamp(32px,6vw,64px);font-weight:700;letter-spacing:1px;color:var(--peach);text-shadow:0 0 24px rgba(255,117,24,.45)}.screen-subtitle{margin:0;max-width:42ch;color:var(--text-dim);font-size:clamp(15px,2vw,19px);font-weight:500}.screen-hint{margin:0;color:#8d95bf;font-size:14px;font-weight:500}.menu-button{font:inherit;font-size:18px;font-weight:600;padding:13px 28px;border:none;border-radius:999px;background:#2a3158;color:var(--text);box-shadow:0 4px #161a33;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.menu-button:hover{background:#343c6a;transform:translateY(-2px);box-shadow:0 6px #161a33}.menu-button:active{transform:translateY(2px);box-shadow:0 1px #161a33}.menu-button:focus,.menu-button:focus-visible{outline:none}.menu-button.is-focused{transform:translateY(-2px);outline:3px solid var(--peach);outline-offset:3px}.menu-button-primary.is-focused{outline-color:#fff3dc}.menu-button-primary{background:var(--orange);box-shadow:0 4px 0 var(--orange-deep)}.menu-button-primary:hover{background:#ff8a33;box-shadow:0 6px 0 var(--orange-deep)}.menu-button-primary:active{box-shadow:0 1px 0 var(--orange-deep)}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.menu-actions-stack{flex-direction:column;align-items:stretch;width:100%}.select-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0}.screen-overlay-select{overflow-y:auto}.screen-overlay-select .screen-title{font-size:clamp(24px,3.4vw,38px)}.select-card{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:clamp(128px,calc((100vw - 150px) / 7),196px);padding:10px;border-radius:18px;background:var(--card);box-shadow:0 6px #0000004d;cursor:pointer;text-align:center;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.select-card:hover{transform:translateY(-3px);background:#252c55}.select-card.selected{background:color-mix(in srgb,var(--orange) 18%,var(--card-solid));transform:translateY(-4px);box-shadow:0 0 26px #ff75184d,0 12px 30px #00000073}.portrait{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:88px;border-radius:12px;background:radial-gradient(circle at 50% 60%,#2c3566,#121733 72%);overflow:hidden}.portrait-img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));transform-origin:50% 60%}.portrait-fallback{background:radial-gradient(circle at 50% 55%,var(--body) 0%,#10162c 70%)}.portrait-ring,.portrait-trail{position:absolute;opacity:0;pointer-events:none}.portrait-ring{width:60px;height:60px;border:2px solid var(--edge);border-radius:50%}.portrait-trail{left:22%;width:54px;height:6px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--edge))}@keyframes portrait-fade{0%,22%{opacity:1}45%,72%{opacity:.12}95%,to{opacity:1}}@keyframes portrait-slide{0%,14%{transform:translate(0) scaleX(1)}45%,60%{transform:translate(30px) scaleX(1.18)}92%,to{transform:translate(0) scaleX(1)}}@keyframes portrait-streak{0%,20%{opacity:0}45%,60%{opacity:.85}92%,to{opacity:0}}@keyframes portrait-dash{0%,24%{transform:translate(0);opacity:1}32%{opacity:0}36%,62%{transform:translate(34px);opacity:0}66%{transform:translate(34px);opacity:1}88%,to{transform:translate(0);opacity:1}}@keyframes portrait-ring{0%{transform:scale(.6);opacity:0}30%{opacity:.85}to{transform:scale(1.5);opacity:0}}@keyframes portrait-stone{0%,20%{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5)) grayscale(0) brightness(1)}40%,75%{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5)) grayscale(1) brightness(.8)}95%,to{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5)) grayscale(0) brightness(1)}}.select-card.selected .portrait-invisibility .portrait-img{animation:portrait-fade 2.8s infinite}.select-card.selected .portrait-bite .portrait-img{animation:portrait-slide 1.7s infinite}.select-card.selected .portrait-bite .portrait-trail,.select-card.selected .portrait-bandage .portrait-trail{animation:portrait-streak 1.7s infinite}.select-card.selected .portrait-grave .portrait-img{animation:portrait-dash 1.9s infinite}.select-card.selected .portrait-spell .portrait-ring,.select-card.selected .portrait-howl .portrait-ring{animation:portrait-ring 2s infinite}.select-card.selected .portrait-stone .portrait-img{animation:portrait-stone 2.6s infinite}@media(prefers-reduced-motion:reduce){.portrait *{animation:none!important}}.select-card.locked{cursor:not-allowed;background:#12162ceb}.select-card.locked .portrait-img{filter:grayscale(.8) brightness(.65)}.select-card.locked .select-name{color:#8f97bb}.select-card.locked .select-ability,.select-card.locked .select-ability-desc,.select-card.locked .stat{opacity:.5}.select-lock{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.select-lock-text{color:var(--peach);font-size:13px;font-weight:600}.select-lock-track{display:block;width:100%;height:6px;border-radius:999px;background:#2a3158;overflow:hidden}.select-lock-fill{display:block;height:100%;background:var(--orange)}.select-lock-count{color:#9aa3c7;font-size:11px}.select-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.link-button{padding:4px;border:none;background:none;color:#8d95bf;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.link-button.armed{color:var(--orange)}.select-name{margin:2px 0 0;font-size:18px;font-weight:700}.stat{display:flex;align-items:center;gap:6px;width:100%;font-size:11px;font-weight:500;color:var(--text-dim)}.stat-name{flex:0 0 50px;text-align:left}.stat-track{display:flex;gap:2px}.stat-pip{display:block;width:9px;height:7px;border-radius:999px;background:#2a3158}.stat-pip.on{background:var(--peach)}.select-ability{display:flex;align-items:center;justify-content:center;margin:2px 0 0;min-height:0;color:var(--peach);font-size:12px;font-weight:600}.select-ability-desc{flex:1;margin:0;color:var(--text-dim);font-size:12px;line-height:1.3}.select-bottom{display:flex;flex-direction:column;gap:7px}.select-stats{display:flex;flex-direction:column;gap:4px}.screen-sky{position:absolute;inset:0;pointer-events:none}.sky-moon{position:absolute;top:8%;right:10%;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fff6d8,#f2d79a 70%);box-shadow:0 0 60px #ffdc9659;opacity:.85}.sky-candy{--tone: #ff9f43;position:absolute;top:-24px;width:14px;height:14px;border-radius:50%;background:var(--tone);opacity:0;box-shadow:-9px 0 0 -4px var(--tone),9px 0 0 -4px var(--tone);animation:sky-drift 11s linear infinite}.sky-candy:nth-child(2){left:12%;animation-delay:0s}.sky-candy:nth-child(3){left:26%;animation-delay:3.2s;--tone: #ff4d8d}.sky-candy:nth-child(4){left:41%;animation-delay:6.1s;--tone: #a864ff}.sky-candy:nth-child(5){left:58%;animation-delay:1.6s;--tone: #ff4d8d}.sky-candy:nth-child(6){left:72%;animation-delay:4.7s;--tone: #ffd23a}.sky-candy:nth-child(7){left:85%;animation-delay:7.4s;--tone: #a864ff}.sky-candy:nth-child(8){left:93%;animation-delay:2.4s}.logo{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;line-height:.92;font-weight:700;animation:card-pop .7s cubic-bezier(.34,1.56,.64,1) both}.logo-line{font-size:clamp(46px,8.5vw,90px);letter-spacing:2px;background:linear-gradient(180deg,#ffd9a8 10%,var(--orange) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #6b2a07) drop-shadow(0 0 26px rgba(255,117,24,.45))}.logo-or{margin:2px 0;padding:0 14px;border-radius:999px;background:#7a45b8;color:#fff;font-size:clamp(16px,2.4vw,22px);letter-spacing:3px;text-transform:uppercase;box-shadow:0 3px #4a2580}.lineup{display:flex;gap:clamp(8px,2vw,22px);align-items:flex-end;margin:6px 0 10px}.lineup-slot{position:relative;display:flex;flex-direction:column;align-items:center}.lineup-monster{width:clamp(56px,8vw,84px);height:clamp(56px,8vw,84px);image-rendering:pixelated;animation:lineup-hop 1.8s ease-in-out var(--delay) infinite}.lineup-shadow{width:60%;height:8px;margin-top:-6px;border-radius:50%;background:#00000073;animation:lineup-shadow 1.8s ease-in-out var(--delay) infinite}.lineup-slot.locked .lineup-monster{filter:brightness(0) opacity(.45);animation:none}.lineup-slot.locked .lineup-shadow{animation:none}.title-menu{display:flex;flex-direction:column;gap:10px;width:min(320px,100%)}.title-menu .menu-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 20px;font-size:18px}.title-menu .menu-button-primary{padding:13px 20px;font-size:22px}.menu-badge{padding:1px 8px;border-radius:999px;background:#c89cff38;color:#e3ccff;font-size:13px;font-weight:600}.keycap{display:inline-block;min-width:24px;padding:2px 6px;border-radius:6px;background:#eef0ff;color:#14142c;font-family:var(--font);font-size:12px;font-weight:700;box-shadow:0 3px #8a93c8}.menu-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:28px 30px 30px;border-radius:28px;background:var(--card);box-shadow:0 24px 60px #0000008c;animation:card-pop .6s cubic-bezier(.34,1.56,.64,1) .08s both}.card-title{margin:0;color:var(--peach);font-size:clamp(26px,4vw,34px);font-weight:700;white-space:nowrap}.card-text{margin:0 0 6px;color:var(--text-dim);font-size:16px;font-weight:500}.world-chip{padding:4px 14px;border-radius:999px;background:#2a3158;color:var(--peach);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:6px}.stat-chip{padding:6px 14px;border-radius:999px;background:#121733;color:var(--text);font-size:14px;font-weight:600}.next-world{margin:4px 0 0;color:var(--text-dim);font-size:13px;font-weight:500}.unlock-pill{margin:0 0 6px;padding:6px 14px;border-radius:999px;background:#63e6a024;color:var(--green);font-size:14px;font-weight:600}.debrief{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.debrief-map{position:relative}.debrief-canvas{display:block;width:200px;height:150px;border-radius:12px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--edge)}.debrief-stamp{position:absolute;right:-18px;bottom:12px;padding:2px 10px;border:3px solid currentColor;border-radius:8px;background:#0b1020d1;font-size:17px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transform:rotate(-12deg);animation:stamp-in .35s cubic-bezier(.34,1.56,.64,1) 2.5s both}.debrief-stamp-ghost{color:var(--green)}.debrief-stamp-pro{color:var(--peach)}.debrief-stamp-sloppy{color:#ff4d6d}.debrief-headline{max-width:320px;margin:0;color:var(--text);font-size:16px;font-weight:700;text-align:center}.debrief-advice{max-width:300px;margin:0;color:var(--text-dim);font-size:14px;font-weight:500;text-align:center}@keyframes stamp-in{0%{opacity:0;transform:rotate(-12deg) scale(2.2)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@media(prefers-reduced-motion:reduce){.debrief-stamp{animation:none}}.sound-box{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px;padding-top:14px}.sound-row{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:10px;color:var(--text-dim);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.sound-mute{grid-template-columns:auto 1fr}.sound-value{text-align:right;color:var(--text)}.sound-slider{width:100%;accent-color:var(--orange);cursor:pointer}.sound-check{width:18px;height:18px;accent-color:var(--orange);cursor:pointer}.screen-scores{justify-content:flex-start;overflow-y:auto;padding-top:32px}.screen-scores .screen-title{font-size:clamp(30px,5vw,48px)}.scores-grid{display:grid;width:min(1400px,100%);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px}@media(max-width:1100px){.scores-grid{width:min(860px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.scores-grid{grid-template-columns:minmax(0,1fr)}}.scores-card{width:100%;min-width:0;align-items:stretch;padding:20px 22px;text-align:left;animation-delay:.05s}.scores-heading{margin:0 0 4px;color:var(--peach);font-size:22px}.scores-count{color:var(--text-dim);font-size:16px}.scores-campaign{display:flex;flex-direction:column;gap:4px;max-height:52vh;padding-right:10px;overflow-y:auto}.scores-chapter{margin:10px 0 2px;color:#c89cff;font-size:13px;letter-spacing:1px;text-transform:uppercase}.scores-world{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:10px;background:#121733;font-size:14px;font-weight:500}.scores-world.locked{opacity:.5}.scores-world-name{flex:1}.scores-time{min-width:44px;color:var(--text);font-weight:700;text-align:right}.scores-dim{color:var(--text-dim)}.scores-clear{background:#3a2034;color:#ffb3c4}.scores-clear.armed{background:#d94a6a;color:#fff;box-shadow:0 4px #8f2440}#menu-scores{background:#6e5034;box-shadow:0 4px #3e2c1c}#menu-scores:hover{background:#7d5c3c;box-shadow:0 6px #3e2c1c}@supports (-moz-appearance: none){.scores-campaign,.screen-scores,.screen-overlay-select{scrollbar-color:var(--orange) #0c1024}}.scores-campaign::-webkit-scrollbar,.screen-scores::-webkit-scrollbar,.screen-overlay-select::-webkit-scrollbar{width:14px}.scores-campaign::-webkit-scrollbar-track,.screen-scores::-webkit-scrollbar-track,.screen-overlay-select::-webkit-scrollbar-track{margin:6px 0;border-radius:999px;background:#0c1024;box-shadow:inset 0 2px 4px #0009}.scores-campaign::-webkit-scrollbar-thumb,.screen-scores::-webkit-scrollbar-thumb,.screen-overlay-select::-webkit-scrollbar-thumb{min-height:40px;border-radius:999px;background:linear-gradient(90deg,#ffb066,var(--orange) 55%,var(--orange-deep));box-shadow:inset 0 1px #ffffff73}.scores-campaign::-webkit-scrollbar-thumb:hover,.screen-scores::-webkit-scrollbar-thumb:hover,.screen-overlay-select::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffc58a,#ff8a33 55%,var(--orange))}.scores-campaign::-webkit-scrollbar-button,.screen-scores::-webkit-scrollbar-button,.screen-overlay-select::-webkit-scrollbar-button{display:none}.screen-howto{justify-content:flex-start;overflow-y:auto}.screen-howto>*{flex-shrink:0}.screen-howto>:first-child{margin-top:auto}.screen-howto>:last-child{margin-bottom:auto}.screen-howto .screen-title{font-size:clamp(30px,5vw,48px)}@media(max-height:820px){.screen-howto{gap:10px;padding-block:16px}.screen-howto .screen-title{font-size:clamp(28px,4.5vh,40px)}.howto-card{min-height:0;padding:18px 22px 20px;gap:8px}.howto-title{font-size:22px}.howto-body{gap:8px}.howto-row{padding:6px 12px}.howto-text{font-size:15px;line-height:1.38}.howto-row-soft .howto-text{font-size:14px}}.howto-card{width:min(560px,100%);min-height:500px;gap:12px}.howto-title{margin:0;color:var(--peach);font-size:26px}.howto-body{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex:1;width:100%;text-align:left}.howto-in{animation:howto-slide .3s ease-out both}.howto-text{margin:0;color:var(--text-dim);font-size:16px;font-weight:500;line-height:1.45}.howto-text strong{color:var(--text);font-weight:700}.howto-art{display:flex;align-items:flex-end;justify-content:center;gap:10px}.howto-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:8px 12px;border-radius:14px;background:#121733}.howto-row>:first-child{justify-self:center}.howto-pic{display:inline-block;image-rendering:pixelated}.howto-sm{width:40px;height:40px}.howto-md{width:64px;height:64px}.howto-lg{width:96px;height:96px}.howto-pair{display:flex;gap:4px}.howto-keys{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px}.howto-keys .keycap{font-size:13px;padding:3px 8px}.howto-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#14142c;font-weight:700}.howto-bar{display:flex;gap:3px;align-self:center;padding:4px;border-radius:8px;background:#0c1024}.howto-bar span{width:22px;height:14px;border-radius:3px;background:#2a3158}.howto-bar span.on:nth-child(-n+3){background:#5fd38a}.howto-bar span.on:nth-child(n+4){background:#ffd166}.howto-dots{display:flex;gap:8px}.howto-dot{width:10px;height:10px;border-radius:50%;background:#343c66;transition:background .2s ease}.howto-dot.on{background:var(--orange)}.menu-button:disabled{opacity:.4;cursor:default;transform:none}#menu-howto{background:#2a6478;box-shadow:0 4px #173a47}#menu-howto:hover{background:#317289;box-shadow:0 6px #173a47}@keyframes howto-slide{0%{opacity:0;transform:translate(16px)}}.screen-win .menu-card{background:color-mix(in srgb,var(--green) 8%,var(--card-solid));box-shadow:0 0 40px #63e6a029,0 24px 60px #0000008c}.screen-win .card-title{color:var(--green)}.screen-win .sky-candy{animation-duration:6s}.win-stage,.gameover-stage{position:relative;display:grid;place-items:center;width:140px;height:140px}.win-glow,.gameover-glow{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,var(--glow, rgba(99, 230, 160, .22)) 0%,transparent 70%);animation:glow-breathe 2.8s ease-in-out infinite}.win-monster,.gameover-monster{position:relative;width:112px;height:112px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));transform-origin:50% 90%}.win-monster{animation:win-jump 1.1s cubic-bezier(.34,1.56,.64,1) .4s infinite}.gameover{--tone: #ff9f43;--glow: rgba(255, 159, 67, .2)}.gameover-caught{--tone: #ff6b8a;--glow: rgba(255, 107, 138, .2)}.gameover .menu-card{background:color-mix(in srgb,var(--tone) 8%,var(--card-solid));box-shadow:0 0 40px var(--glow),0 24px 60px #0000008c}.gameover .card-title{color:var(--tone)}.gameover-monster{animation:monster-sway 3.2s ease-in-out .7s infinite}.gameover-caught .gameover-monster{animation:monster-shiver .5s ease-in-out .55s 2,monster-sway 3.2s ease-in-out 1.6s infinite}.gameover-badge{position:absolute;right:2px;bottom:8px;width:50px;height:50px;padding:4px;border-radius:50%;background:color-mix(in srgb,var(--tone) 35%,var(--card-solid));animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) .45s both}.gameover-badge svg{display:block;width:100%;height:100%}.gameover-time .gameover-badge svg{animation:badge-tick 1.6s ease-in-out 1s infinite}.gameover-caught .gameover-badge svg{animation:badge-beat 1.4s ease-in-out 1s infinite}.gameover-caught .menu-button-primary{background:#d94a6a;box-shadow:0 4px #8f2440}.gameover-caught .menu-button-primary:hover{background:#e85a7a;box-shadow:0 6px #8f2440}.gameover-hint{animation:screen-fade .4s ease-out .7s both}@keyframes screen-fade{0%{opacity:0}}@keyframes card-pop{0%{opacity:0;transform:translateY(18px) scale(.86)}}@keyframes badge-pop{0%{opacity:0;transform:scale(0) rotate(-40deg)}}@keyframes glow-breathe{50%{transform:scale(1.08);opacity:.75}}@keyframes monster-sway{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}@keyframes monster-shiver{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes win-jump{0%,60%,to{transform:translateY(0) scale(1)}10%{transform:translateY(0) scale(1.08,.92)}30%{transform:translateY(-22px) scale(.95,1.05)}}@keyframes lineup-hop{0%,70%,to{transform:translateY(0)}35%{transform:translateY(-12px)}}@keyframes lineup-shadow{0%,70%,to{transform:scale(1);opacity:1}35%{transform:scale(.7);opacity:.6}}@keyframes badge-tick{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(0)}}@keyframes badge-beat{0%,to{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(.96)}}@keyframes sky-drift{10%{opacity:.55}90%{opacity:.55}to{opacity:0;transform:translateY(110vh) rotate(540deg)}}@media(prefers-reduced-motion:reduce){.screen-overlay,.screen-overlay *{animation:none!important}.sky-candy{display:none}}.title-menu .difficulty-select{justify-content:space-between;padding:8px 14px;font-size:16px}.difficulty-arrow{padding:2px 8px;border-radius:999px;color:var(--peach);font-size:14px}.difficulty-arrow:hover{background:#ffc58a2e}.title-secondary{display:flex;gap:8px}.title-menu .title-secondary .menu-button{flex:1;padding:9px 12px;font-size:15px}#menu-difficulty[data-difficulty=tranquilo]{background:#1f4a3a;box-shadow:0 4px #10261e}#menu-difficulty[data-difficulty=pesadilla]{background:#4a2034;box-shadow:0 4px #2a1020}.difficulty-hint{min-height:2.6em;margin:-2px 0 2px;line-height:1.3;color:var(--text-dim);font-size:14px;font-weight:500}.star-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.star{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 8px;border-radius:999px;background:#121733;color:#5a6390;font-size:14px;font-weight:600}.star.on{background:#ffd23a29;color:#ffe08a}.star-glyph{font-size:18px;line-height:1}.star.on .star-glyph{color:#ffd23a;text-shadow:0 0 10px rgba(255,210,58,.6)}.star-row-compact{flex-wrap:nowrap;gap:1px}.star-row-compact .star{padding:0;background:none}.star-row-compact .star-glyph{font-size:15px}.screen-worlds{justify-content:flex-start;overflow-y:auto;padding-top:32px}.screen-worlds .screen-title{font-size:clamp(30px,5vw,48px)}.screen-worlds .screen-subtitle{max-width:60ch}.worlds-grid{display:flex;width:100%;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:16px}.worlds-card{width:min(360px,100%);align-items:stretch;gap:6px;padding:18px 18px 20px;text-align:left}.worlds-row{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;font-size:14px;font-weight:500;text-align:left}.worlds-row.menu-button{box-shadow:0 3px #161a33}div.worlds-row{background:#121733}.worlds-row.locked{opacity:.5}.worlds-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worlds-time{color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}.worlds-bonus{margin-top:4px}.worlds-lluvia{background:#ff75182e}.worlds-estrellas{background:#ffd23a29;color:#ffe08a}.worlds-hint{margin:2px 0 0;padding:0 14px;color:var(--text-dim);font-size:12px}#menu-bonus{background:#5e4c16;box-shadow:0 4px #30270b;color:#ffe08a}@supports (-moz-appearance: none){.screen-worlds{scrollbar-color:var(--orange) #0c1024}}.screen-worlds::-webkit-scrollbar{width:14px}.screen-worlds::-webkit-scrollbar-track{margin:6px 0;border-radius:999px;background:#0c1024}.screen-worlds::-webkit-scrollbar-thumb{min-height:40px;border-radius:999px;background:linear-gradient(90deg,#ffb066,var(--orange) 55%,var(--orange-deep))}.stat-chip-extra{color:var(--green)}.mode-card{width:min(420px,100%);gap:10px;padding:26px 28px 24px}.mode-card .card-text{max-width:34ch;margin-bottom:6px}.mode-card .title-menu{width:100%}.screen-mode .menu-badge,.title-menu .menu-button-primary .menu-badge{background:#fff3;color:#fff}.logo-beta{position:absolute;top:-6px;right:-46px;padding:7px 15px 8px;border-radius:10px;background:linear-gradient(135deg,#ff4d8d,#a864ff 55%,#5fd8ff);color:#fff;font-size:clamp(13px,1.6vw,17px);letter-spacing:3px;line-height:1;text-transform:uppercase;text-shadow:0 2px 0 rgba(43,27,77,.6);box-shadow:0 4px #4a2580,0 0 22px #a864ff8c;transform:rotate(12deg);animation:beta-wobble 3.2s ease-in-out .8s infinite}.logo-beta:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;content:"";animation:beta-shine 3.2s ease-in-out .8s infinite}@keyframes beta-wobble{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(8deg) scale(1.06)}}@keyframes beta-shine{0%,60%{background-position:120% 0}to{background-position:-120% 0}}.screen-overlay>.game-version{position:absolute;top:14px;right:18px;color:#8d95bf;font-size:13px;font-weight:600;letter-spacing:1px;opacity:.85}@media(prefers-reduced-motion:reduce){.logo-beta,.logo-beta:after{animation:none}}.help-card{width:min(600px,100%);max-height:calc(100vh - 60px);gap:10px;padding:22px 24px 20px;overflow:hidden}.help-card>:not(.help-content){flex:none}.help-content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;width:100%;min-height:0;overflow-y:auto}.help-list{display:flex;flex-direction:column;gap:10px;margin:4px 0 8px;text-align:left}.help-row{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:14px;background:#121733}.help-icon{flex:none;width:32px;font-size:24px;line-height:1.2;text-align:center}.help-picture{width:32px;height:32px;image-rendering:pixelated}.help-heading{margin:0 0 2px;color:var(--peach);font-size:16px}.help-text{margin:0;color:var(--text-dim);font-size:14px;font-weight:500;line-height:1.4}.help-text strong{color:var(--text)}.help-tabs{display:flex;justify-content:center;gap:8px}.help-tabs .help-tab{padding:8px 24px;font-size:15px}.help-tabs .help-tab.is-active{background:#3a4270;color:var(--peach)}.help-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.help-column{display:flex;flex-direction:column;gap:6px}.help-good .help-heading{color:var(--green)}.help-bad .help-heading{color:#ff8aa0}.help-tile{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:#121733}.help-bad .help-tile{background:#21152e}.help-badge{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;color:#14142c;font-size:13px;font-weight:700}.help-badge,.howto-badge{background-image:radial-gradient(circle at 50% 12%,rgba(255,255,255,.5),transparent 62%),linear-gradient(180deg,#ffffff38,#00000038);box-shadow:0 3px 8px #00000059}.help-badge img{width:16px;height:16px;image-rendering:pixelated}.howto-badge img{width:32px;height:32px;image-rendering:pixelated}.help-bad .help-badge,.howto-badge-bad{border-radius:34%;background-image:radial-gradient(circle at 50% 12%,rgba(255,255,255,.2),transparent 62%),linear-gradient(180deg,#ffffff0d,#0000006b);animation:curse-aura 2s ease-in-out infinite}@keyframes curse-aura{0%,to{box-shadow:0 3px 8px #00000059,0 0 6px #ff4d6a40}50%{box-shadow:0 3px 8px #00000059,0 0 14px #ff4d6a8c}}@media(prefers-reduced-motion:reduce){.help-bad .help-badge,.howto-badge-bad{animation:none}}.help-tile-body{display:flex;flex-direction:column;min-width:0;line-height:1.2}.help-tile-name{color:var(--text);font-size:14px;font-weight:700}.help-tile-time{color:var(--peach);font-weight:600}.help-tile-hint{color:var(--text-dim);font-size:13px;font-weight:500}@media(max-width:520px){.help-tiles{grid-template-columns:1fr}}.howto-emoji{font-size:30px;line-height:1;text-align:center}.howto-row-soft{background:#0f1330}.howto-row-soft .howto-text{font-size:15px}.howto-thumb{display:grid;place-items:center;justify-self:center;width:56px;height:56px;opacity:.85}.howto-thumb svg{width:100%;height:100%}.ring-thumb{--size: 40px;display:inline-grid;flex:none;place-items:center;width:var(--size);height:var(--size);border:2px solid color-mix(in srgb,var(--ring) 60%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ring) 10%,transparent) 55%,transparent 72%)}.ring-watchman{--size: 48px}.ring-sprite{width:62%;height:62%;image-rendering:pixelated}.ring-row{display:inline-flex;align-items:center;justify-content:center;gap:4px}.help-row .ring-thumb{--size: 30px}.help-row .ring-watchman{--size: 36px}.title-stars{position:absolute;inset:0}.title-star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 4px #ffffffb3;animation:title-twinkle 3s ease-in-out infinite}@keyframes title-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.15)}}.title-scene{position:absolute;inset:auto 0 0;height:200px;overflow:hidden}.title-hill{position:absolute;bottom:0;left:-10%;width:120%;border-radius:50% 50% 0 0/100% 100% 0 0}.title-hill-far{background:linear-gradient(180deg,#161b3d,#0d1229 70%);box-shadow:inset 0 2px #c89cff1a}.title-hill-near{background:linear-gradient(180deg,#0c1024,#070a17 60%);box-shadow:inset 0 2px #c89cff2e,0 -10px 30px #7a45b829}.title-props{position:absolute;inset:0}.title-prop{position:absolute;image-rendering:pixelated;transform-origin:50% 100%}.title-props-far .title-prop{filter:brightness(.38) saturate(.55) hue-rotate(10deg)}.title-props-near .title-prop{filter:brightness(.66) saturate(.75) drop-shadow(0 0 3px rgba(168,100,255,.35))}.title-mist{position:absolute;left:-50%;width:200%;height:70px;background:radial-gradient(ellipse 9% 55% at 8% 60%,rgba(205,210,255,.11),transparent 70%),radial-gradient(ellipse 12% 50% at 24% 55%,rgba(205,210,255,.09),transparent 70%),radial-gradient(ellipse 10% 60% at 41% 62%,rgba(205,210,255,.1),transparent 70%),radial-gradient(ellipse 13% 50% at 58% 58%,rgba(205,210,255,.08),transparent 70%),radial-gradient(ellipse 9% 55% at 74% 60%,rgba(205,210,255,.11),transparent 70%),radial-gradient(ellipse 12% 50% at 91% 56%,rgba(205,210,255,.09),transparent 70%);animation:title-drift 70s linear infinite alternate}.title-mist-back{bottom:44px;opacity:.7}.title-mist-front{bottom:-14px;animation-duration:46s;animation-direction:alternate-reverse}@keyframes title-drift{0%{transform:translate(0)}to{transform:translate(25%)}}.title-wisp{position:absolute;width:6px;height:6px;border-radius:50%;background:#c9ffe4;box-shadow:0 0 6px 2px #63e6a0b3,0 0 20px 7px #63e6a033;animation:title-wisp 6s ease-in-out infinite}@keyframes title-wisp{0%,to{opacity:.85;transform:translate(0)}25%{opacity:.4;transform:translate(10px,-8px)}50%{opacity:1;transform:translate(-4px,-16px)}75%{opacity:.55;transform:translate(-12px,-6px)}}.title-firefly{position:absolute;bottom:24px;width:3px;height:3px;border-radius:50%;background:var(--peach);box-shadow:0 0 6px 2px #ffc58a99;opacity:0;animation:title-rise 9s ease-in-out infinite}@keyframes title-rise{0%{opacity:0;transform:translate(0)}20%{opacity:.9}50%{transform:translate(14px,-70px)}80%{opacity:.6}to{opacity:0;transform:translate(-6px,-150px)}}@media(max-width:640px){.title-wide{display:none}.title-scene{height:150px}}@media(prefers-reduced-motion:reduce){.title-star,.title-mist,.title-wisp,.title-firefly{animation:none}.title-firefly{opacity:.6}}.unlock-pills{display:flex;flex-direction:column;align-items:center}.select-mastery{color:var(--peach);font-size:.8em}.select-mastery-panel{width:min(640px,100%);margin:4px auto 8px;padding:10px 14px;border:1px solid var(--edge);border-radius:14px;background:var(--card);text-align:left}.mastery-title{margin:0 0 6px;color:var(--peach);font-size:16px}.mastery-retos{display:flex;flex-direction:column;gap:3px;margin:0 0 8px;padding:0;list-style:none}.mastery-reto{display:grid;grid-template-columns:2.2em 1fr auto 3.4em;gap:2px 8px;align-items:baseline;color:var(--text-dim);font-size:13px}.mastery-reto.met{color:var(--text)}.mastery-tier{color:var(--peach);font-weight:700}.mastery-count{font-weight:700;text-align:right}.mastery-reto.met .mastery-count{color:var(--green)}.mastery-reward{font-size:11px;opacity:.8;text-align:right}.mastery-gear{display:flex;flex-wrap:wrap;gap:6px}.gear-button{padding:4px 10px;border:1px solid var(--edge);border-radius:999px;background:#ffffff0d;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.gear-button:hover:not(:disabled){border-color:var(--peach)}.gear-button:disabled{color:var(--text-dim);cursor:default;opacity:.6}.mastery-pasiva{margin:6px 0 0;color:var(--text-dim);font-size:12px}.touch-layer{position:fixed;inset:0;z-index:5;pointer-events:none;font-family:var(--font);--edge-x: max(24px, env(safe-area-inset-right));--edge-y: calc(max(20px, env(safe-area-inset-bottom)) + var(--badge-room));--ability: 88px}.touch-layer[hidden],.touch-layer [hidden]{display:none!important}.touch-stick-zone{position:absolute;left:0;top:30%;bottom:0;width:50%;pointer-events:auto;touch-action:none}.touch-stick-rest,.touch-stick{position:absolute;width:calc(var(--stick-radius) * 2 + 52px);height:calc(var(--stick-radius) * 2 + 52px);border-radius:50%;pointer-events:none}.touch-stick-rest{left:max(32px,env(safe-area-inset-left));bottom:var(--edge-y);border:2px dashed rgba(255,255,255,.16)}.touch-stick{transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.35);background:#0b102038}.touch-stick.sneak{border-color:#63e6a0b3}.touch-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff73}.touch-button{position:absolute;width:56px;height:56px;padding:4px;border:2px solid rgba(255,255,255,.32);border-radius:50%;background:#1c214061;color:var(--text);font:600 11px/1.05 var(--font);text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.touch-button.lit{border-color:var(--peach);background:#ff751852}.touch-button.down{background:#fff9;color:#14142c}.touch-cluster{position:absolute;right:var(--edge-x);bottom:var(--edge-y);width:var(--ability);height:var(--ability);pointer-events:none}.touch-ability{left:0;top:0;width:var(--ability);height:var(--ability);font-size:12px;border-width:3px}.touch-ability.charging{border-color:transparent;background:linear-gradient(#1c214080,#1c214080) padding-box,conic-gradient(var(--peach) calc(var(--charge, 1) * 360deg),rgba(255,255,255,.15) 0) border-box;color:var(--text-dim)}.touch-cluster .touch-button:not(.touch-ability){left:calc(50% + var(--dx, 0px) - 28px);top:calc(50% + var(--dy, 0px) - 28px)}.touch-bag{position:absolute;right:calc(var(--edge-x) + var(--ability) / 2 + 124px + 28px + 16px);bottom:var(--edge-y);display:flex;gap:8px;pointer-events:none}.touch-bag .touch-button{position:static;width:52px;height:52px;border-radius:14px;font-size:10px}.touch-pause{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px;border-radius:12px}.touch-pause svg{width:20px;height:20px;fill:currentColor}.touch-start{right:var(--edge-x);bottom:var(--edge-y);width:auto;height:56px;padding:0 24px;border-radius:28px;border-color:var(--peach);background:#ff7518d9;font-size:18px}.touch-plan{position:absolute;right:var(--edge-x);bottom:calc(var(--edge-y) + 56px + 12px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.touch-plan-row{display:flex;gap:6px}.touch-plan .touch-plan-button{position:static;width:auto;min-width:48px;height:44px;padding:0 10px;border-radius:12px;font-size:12px}.touch-plan .touch-plan-arrow{font-size:16px}[data-view=mobile] .screen-title-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);grid-template-rows:auto auto auto;align-content:center;align-items:center;justify-items:center;column-gap:clamp(16px,4vw,40px);row-gap:6px;padding:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(max(10px,env(safe-area-inset-bottom)) + var(--badge-room)) max(20px,env(safe-area-inset-left))}[data-view=mobile] .screen-title-screen .logo{grid-column:1;grid-row:1}[data-view=mobile] .screen-title-screen .logo-line{font-size:clamp(34px,12vh,56px)}[data-view=mobile] .screen-title-screen .logo-or{font-size:13px}[data-view=mobile] .screen-title-screen .logo-beta{top:-4px;right:-38px;padding:5px 10px 6px;font-size:11px}[data-view=mobile] .screen-title-screen .screen-subtitle{grid-column:1;grid-row:2;font-size:14px}[data-view=mobile] .screen-title-screen .lineup{grid-column:1;grid-row:3;gap:6px;margin:0}[data-view=mobile] .screen-title-screen .lineup-monster{width:clamp(30px,10vh,44px);height:clamp(30px,10vh,44px)}[data-view=mobile] .screen-title-screen .title-menu{grid-column:2;grid-row:1 / span 3;width:100%;gap:6px}[data-view=mobile] .screen-title-screen .title-menu .menu-button{padding:7px 14px;font-size:16px}[data-view=mobile] .screen-title-screen .title-menu .menu-button-primary{padding:9px 14px;font-size:19px}[data-view=mobile] .screen-title-screen .title-menu .title-secondary{flex-wrap:wrap;gap:6px}[data-view=mobile] .screen-title-screen .title-menu .title-secondary .menu-button{padding:6px 10px;font-size:13px}[data-view=mobile] .screen-title-screen .screen-hint{display:none}[data-view=mobile] .screen-title-screen>.game-version{top:auto;bottom:6px;right:12px;font-size:11px}[data-view=mobile] .screen-title-screen .title-scene{height:110px}.select-carousel{display:contents}.select-arrow,.select-dots{display:none}[data-view=mobile] .screen-overlay-select{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(196px,250px) 30px;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;column-gap:12px;row-gap:6px;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(max(8px,env(safe-area-inset-bottom)) + var(--badge-room)) max(16px,env(safe-area-inset-left));overflow:hidden}[data-view=mobile] .screen-overlay-select .screen-title{grid-column:1 / -1;font-size:22px}[data-view=mobile] .screen-overlay-select .screen-subtitle,[data-view=mobile] .screen-overlay-select .select-footer .screen-hint{display:none}[data-view=mobile] .select-carousel{display:contents}[data-view=mobile] .select-arrow:first-child{grid-column:1;grid-row:2}[data-view=mobile] .select-arrow:not(:first-child){grid-column:4;grid-row:2}[data-view=mobile] .select-carousel .select-cards{grid-column:2;grid-row:2;align-self:center;min-height:0;margin:0;flex-wrap:nowrap;touch-action:pan-y}[data-view=mobile] .select-mastery-panel{touch-action:pan-y}[data-view=mobile] .select-key{display:none}[data-view=mobile] .select-arrow{display:block;width:30px;height:56px;border:none;border-radius:12px;background:#ffffff0f;color:var(--peach);font:700 30px/1 var(--font);cursor:pointer}[data-view=mobile] .select-dots{grid-column:1 / -1;grid-row:3;display:flex;justify-content:center;gap:7px}[data-view=mobile] .select-dot{width:8px;height:8px;border-radius:50%;background:#3a4270}[data-view=mobile] .select-dot.locked{background:transparent;box-shadow:inset 0 0 0 1.5px #3a4270}[data-view=mobile] .select-dot.on{background:var(--peach);box-shadow:none}[data-view=mobile] .select-card{display:none}[data-view=mobile] .select-card.viewed{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;row-gap:3px;align-items:center;width:100%;max-width:380px;text-align:left;transform:none}[data-view=mobile] .select-card.viewed .portrait{grid-row:1 / span 4}[data-view=mobile] .select-carousel .select-cards{width:100%;min-width:0}[data-view=mobile] .select-card.viewed .portrait{height:96px}[data-view=mobile] .select-card.viewed .select-name{margin:0}[data-view=mobile] .select-card.viewed .select-ability{justify-content:flex-start;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-view=mobile] .select-card.viewed .select-ability-desc{flex:none;font-size:12px;line-height:1.25}[data-view=mobile] .select-card.viewed .select-bottom{gap:4px}[data-view=mobile] .select-card.viewed .select-stats{flex-direction:row;flex-wrap:wrap;gap:2px 12px}[data-view=mobile] .select-card.viewed .stat{width:auto}[data-view=mobile] .select-card.viewed .stat-name{flex:0 0 auto}[data-view=mobile] .select-card.viewed .select-lock{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:3px 10px}[data-view=mobile] .select-card.viewed .select-lock-track{grid-column:1 / span 2}[data-view=mobile] .screen-overlay-select .select-mastery-panel{grid-column:3;grid-row:2;margin:0;padding:8px 10px;align-self:center}[data-view=mobile] .screen-overlay-select .mastery-title{font-size:14px}[data-view=mobile] .screen-overlay-select .mastery-reto{grid-template-columns:1.8em 1fr 2.6em;font-size:11px}[data-view=mobile] .screen-overlay-select .mastery-reward{display:none}[data-view=mobile] .screen-overlay-select .gear-button{padding:3px 8px;font-size:11px}[data-view=mobile] .screen-overlay-select .mastery-pasiva{font-size:11px}[data-view=mobile] .screen-overlay-select>.menu-actions{grid-column:3 / span 2;grid-row:4;flex-wrap:nowrap;gap:8px}[data-view=mobile] .screen-overlay-select>.menu-actions .menu-button{flex:1;padding:9px 12px;font-size:16px}[data-view=mobile] .screen-overlay-select .select-footer{grid-column:1 / span 2;grid-row:4}[data-view=mobile] .mode-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);grid-template-rows:auto 1fr;column-gap:20px;row-gap:6px;align-items:center;width:min(680px,100%);max-height:100%;padding:12px 18px}[data-view=mobile] .mode-card .card-title{grid-column:1;grid-row:1;font-size:26px}[data-view=mobile] .mode-card .card-text{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:14px}[data-view=mobile] .mode-card .title-menu{grid-column:2;grid-row:1 / span 2;gap:6px}[data-view=mobile] .mode-card .title-menu .menu-button{padding:7px 14px;font-size:15px}[data-view=mobile] .mode-card .title-menu .menu-button-primary{padding:9px 14px;font-size:18px}[data-view=mobile] .mode-card .difficulty-hint{min-height:0;margin:0;font-size:12px}[data-view=mobile] .screen-mode>.screen-hint,[data-view=mobile] .screen-dim>.screen-hint{display:none}[data-view=mobile] .menu-card:has(>.sound-box){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:6px;align-items:start;width:min(620px,100%);max-height:100%;padding:12px 18px}[data-view=mobile] .menu-card:has(>.sound-box)>.card-title{grid-column:1 / span 2;font-size:24px}[data-view=mobile] .menu-card:has(>.sound-box)>.card-text{display:none}[data-view=mobile] .menu-card:has(>.sound-box)>.menu-actions{grid-column:1;grid-row:2 / span 2;gap:6px}[data-view=mobile] .menu-card:has(>.sound-box)>.menu-actions .menu-button{padding:7px 14px;font-size:15px}[data-view=mobile] .menu-card:has(>.sound-box)>.sound-box{grid-column:2;grid-row:2 / span 2;margin:0}[data-view=mobile] .screen-win,[data-view=mobile] .gameover{padding:0}[data-view=mobile] .screen-win .menu-card,[data-view=mobile] .gameover .menu-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-auto-flow:row dense;align-content:center;align-content:safe center;align-items:center;justify-items:center;gap:6px 20px;width:100%;height:100%;max-width:none;padding:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(max(10px,env(safe-area-inset-bottom)) + var(--badge-room)) max(20px,env(safe-area-inset-left));overflow-y:auto;border-radius:0;animation:none}[data-view=mobile] .screen-win .menu-card>*,[data-view=mobile] .gameover .menu-card>*{grid-column:2;margin:0}[data-view=mobile] .screen-win .menu-card>.world-chip,[data-view=mobile] .screen-win .menu-card>.win-stage,[data-view=mobile] .screen-win .menu-card>.gameover-stage,[data-view=mobile] .screen-win .menu-card>.debrief,[data-view=mobile] .screen-win .menu-card>.card-title,[data-view=mobile] .screen-win .menu-card>.card-text,[data-view=mobile] .gameover .menu-card>.world-chip,[data-view=mobile] .gameover .menu-card>.win-stage,[data-view=mobile] .gameover .menu-card>.gameover-stage,[data-view=mobile] .gameover .menu-card>.debrief,[data-view=mobile] .gameover .menu-card>.card-title,[data-view=mobile] .gameover .menu-card>.card-text{grid-column:1}[data-view=mobile] .screen-win .card-title,[data-view=mobile] .gameover .card-title{font-size:24px}[data-view=mobile] .screen-win .card-text,[data-view=mobile] .gameover .card-text{font-size:14px}[data-view=mobile] .win-stage,[data-view=mobile] .gameover-stage{width:104px;height:104px}[data-view=mobile] .win-monster,[data-view=mobile] .gameover-monster{width:84px;height:84px}[data-view=mobile] .debrief-canvas{width:160px;height:120px}[data-view=mobile] .debrief-headline{font-size:13px}[data-view=mobile] .debrief-advice{font-size:12px}[data-view=mobile] .screen-win>.screen-hint,[data-view=mobile] .gameover>.screen-hint{display:none}.screen-overlay>.fullscreen-corner{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid rgba(255,255,255,.18);border-radius:12px;background:#0b10208c;color:var(--text);cursor:pointer}.fullscreen-corner svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.fullscreen-corner:active{transform:scale(.92)}[data-view=mobile] .screen-overlay>.fullscreen-corner{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:38px;height:38px}.snap-carousel{display:none}[data-view=mobile] .screen-mode:has(.help-card){padding:0}[data-view=mobile] .help-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px;width:100%;max-width:none;height:100%;max-height:none;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(max(8px,env(safe-area-inset-bottom)) + var(--badge-room)) max(12px,env(safe-area-inset-left));border-radius:0;animation:none}[data-view=mobile] .help-head{display:flex;flex-direction:column;align-items:center;gap:2px}[data-view=mobile] .help-head .world-chip{padding:1px 10px;font-size:10px}[data-view=mobile] .help-card>.menu-actions{justify-content:center;gap:10px}[data-view=mobile] .help-card .card-title{font-size:22px}[data-view=mobile] .help-tabs .help-tab{padding:5px 16px;font-size:13px}[data-view=mobile] .help-content{display:none}[data-view=mobile] .snap-carousel{display:grid;align-self:stretch;overflow:hidden;grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:6px 6px;min-height:0}[data-view=mobile] .snap-arrow{display:block}[data-view=mobile] .snap-track{display:flex;align-self:stretch;gap:10px;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}[data-view=mobile] .snap-track::-webkit-scrollbar{display:none}[data-view=mobile] .help-slide{display:flex;flex:0 0 calc((100% - 10px)/2);flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;padding:10px 12px;overflow-y:auto;border-radius:16px;background:#121733;text-align:left;scroll-snap-align:start}[data-view=mobile] .help-slide .help-row{padding:0;background:none}[data-view=mobile] .help-slide .help-column{gap:5px}[data-view=mobile] .help-slide .help-tile{padding:5px 8px}[data-view=mobile] .help-slide .help-text{font-size:13px;line-height:1.35}[data-view=mobile] .snap-dots{grid-column:1 / -1;display:flex}[data-view=mobile] .help-card>.menu-actions .menu-button{padding:8px 28px;font-size:16px}[data-view=mobile] .screen-mode:has(.help-card)>.screen-hint{display:none}[data-view=mobile] .snap-carousel>.snap-arrow:first-child{grid-column:1;grid-row:1}[data-view=mobile] .snap-carousel>.snap-arrow:not(:first-child){grid-column:3;grid-row:1}[data-view=mobile] .snap-carousel>.snap-track{grid-column:2;grid-row:1}[data-view=mobile] .snap-carousel>.snap-dots{grid-column:1 / -1;grid-row:2}[data-view=mobile] .screen-howto{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(max(8px,env(safe-area-inset-bottom)) + var(--badge-room)) max(12px,env(safe-area-inset-left));overflow:hidden}[data-view=mobile] .screen-howto>.screen-title,[data-view=mobile] .screen-howto>.screen-hint,[data-view=mobile] .howto-card>.menu-actions{display:none}[data-view=mobile] .screen-howto>:first-child,[data-view=mobile] .screen-howto>:last-child{margin:0}[data-view=mobile] .howto-card{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;height:100%;min-height:0;padding:8px 10px;touch-action:pan-y}[data-view=mobile] .howto-card>.world-chip{display:none}[data-view=mobile] .howto-card>.howto-title{grid-column:1 / -1;grid-row:1;justify-self:center;font-size:20px}[data-view=mobile] .howto-card>.howto-arrow:first-of-type{grid-column:1;grid-row:2}[data-view=mobile] .howto-card>.howto-arrow:last-of-type{grid-column:3;grid-row:2}[data-view=mobile] .howto-arrow:disabled{opacity:.25}[data-view=mobile] .howto-card>.howto-body{grid-column:2;grid-row:2;align-self:stretch;justify-content:flex-start;gap:6px;min-height:0;overflow-y:auto}[data-view=mobile] .howto-card>.howto-dots{grid-column:1 / -1;grid-row:3}[data-view=mobile] .howto-row{grid-template-columns:72px 1fr;gap:10px;padding:4px 10px}[data-view=mobile] .howto-text{font-size:13px;line-height:1.35}[data-view=mobile] .howto-row-soft .howto-text{font-size:12px}[data-view=mobile] .screen-howto>#howto-back{justify-self:center;padding:8px 28px;font-size:15px}[data-view=mobile] .howto-card>.howto-body>:first-child,[data-view=mobile] .help-slide>:first-child{margin-top:auto}[data-view=mobile] .howto-card>.howto-body>:last-child,[data-view=mobile] .help-slide>:last-child{margin-bottom:auto}:root:not([data-view=mobile]) .screen-title-screen:has(>.fullscreen-corner)>.game-version{right:calc(max(12px,env(safe-area-inset-right)) + 54px)}.touch-picture{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.touch-button:has(>.touch-picture:not([hidden])){flex-direction:column;gap:1px}.touch-button:has(>.touch-picture:not([hidden]))>.touch-label{font-size:9px}.touch-slot>.touch-picture{width:38px;height:38px}.screen-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;justify-items:center;gap:4px clamp(16px,4vw,48px);padding:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(max(14px,env(safe-area-inset-bottom)) + var(--badge-room)) max(20px,env(safe-area-inset-left))}.lobby-top{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.lobby-logo{align-items:flex-start}.lobby-logo .logo-line{font-size:clamp(26px,8vh,64px)}.lobby-logo .logo-or{align-self:center;font-size:clamp(11px,2.4vh,18px)}.lobby-logo .logo-beta{top:-4px;right:-40px;padding:4px 9px 5px;font-size:11px}.lobby-icons{display:flex;gap:10px}.lobby-icon,.lobby-icons>.fullscreen-corner{position:static;display:grid;place-items:center;width:clamp(40px,9vh,56px);height:clamp(40px,9vh,56px);padding:0;border:2px solid rgba(255,255,255,.18);border-radius:50%;background:#0b10208c;color:var(--text);font:700 clamp(18px,4vh,24px) / 1 var(--font);cursor:pointer}.lobby-icon:active,.lobby-icons>.fullscreen-corner:active{transform:scale(.92)}.lobby-hero{position:relative;display:flex;flex-direction:column;align-items:center;align-self:center}.lobby-glow{position:absolute;top:0;width:clamp(120px,44vh,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,197,138,.22) 0%,transparent 68%);animation:glow-breathe 2.8s ease-in-out infinite}.lobby-monster{position:relative;width:clamp(96px,38vh,260px);height:clamp(96px,38vh,260px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));animation:lobby-bob 2.4s ease-in-out infinite}.lobby-shadow{width:clamp(60px,20vh,150px);height:10px;margin-top:-6px;border-radius:50%;background:#00000073}.lobby-name{margin:6px 0 0;color:var(--text);font-size:clamp(16px,4.4vh,28px);font-weight:700}.lobby-candy{margin:2px 0 0;padding:3px 12px;border-radius:999px;background:#0b102099;color:var(--peach);font-size:clamp(13px,3.4vh,20px);font-weight:700}@keyframes lobby-bob{50%{transform:translateY(-6px)}}.lobby-side{display:flex;flex-direction:column;align-items:stretch;gap:clamp(6px,2vh,14px);width:min(100%,420px)}.lobby-mode{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;padding:clamp(8px,2.6vh,20px) 6px;border-radius:22px;background:var(--card);box-shadow:0 14px 36px #00000073;touch-action:pan-y}.lobby-arrow{height:56px;padding:0;border:none;border-radius:12px;background:#ffffff0f;color:var(--peach);font:700 30px/1 var(--font);cursor:pointer}.lobby-mode-info{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.lobby-in{animation:howto-slide .25s ease-out both}.lobby-mode-icon{font-size:clamp(24px,7vh,44px);line-height:1.1}.lobby-mode-name{margin:0;color:var(--peach);font-size:clamp(20px,6vh,34px)}.lobby-mode-text{margin:0;color:var(--text-dim);font-size:clamp(12px,3.2vh,16px);font-weight:500}.lobby-mode-badge{margin-top:4px}.lobby-dots{display:flex;justify-content:center;gap:4px}.lobby-dot{display:grid;place-items:center;width:26px;height:22px;padding:0;border:none;background:none;cursor:pointer}.lobby-dot:after{content:"";width:9px;height:9px;border-radius:50%;background:#3a4270}.lobby-dot.on:after{background:var(--peach)}.screen-lobby .lobby-play{padding:clamp(10px,3.4vh,20px) 24px;border-radius:20px;font-size:clamp(20px,6.4vh,34px);letter-spacing:1px;text-transform:uppercase}.screen-overlay>.lobby-version{top:auto;right:auto;bottom:calc(max(6px,env(safe-area-inset-bottom)) + var(--badge-room));left:max(14px,env(safe-area-inset-left));font-size:11px}:root:not([data-view=mobile]) .scores-carousel,:root:not([data-view=mobile]) .scores-track{display:contents}[data-view=mobile] .screen-scores{display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:stretch;gap:6px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(max(8px,env(safe-area-inset-bottom)) + var(--badge-room)) max(12px,env(safe-area-inset-left));overflow:hidden}[data-view=mobile] .screen-scores>.screen-title{margin:0;font-size:22px;text-align:center}[data-view=mobile] .screen-scores>.screen-hint{display:none}[data-view=mobile] .scores-grid{display:block;width:100%;height:100%;min-height:0}[data-view=mobile] .scores-carousel{height:100%}[data-view=mobile] .scores-card{flex:0 0 calc((100% - 10px)/2);min-height:0;padding:10px 12px;border-radius:16px;scroll-snap-align:start;animation:none}[data-view=mobile] .scores-heading{font-size:16px}[data-view=mobile] .scores-count{font-size:13px}[data-view=mobile] .scores-campaign{flex:1;max-height:none;min-height:0;padding-right:4px}[data-view=mobile] .scores-world{padding:4px 8px;font-size:12px}[data-view=mobile] .scores-chapter{margin-top:6px;font-size:11px}[data-view=mobile] .screen-scores>.menu-actions{justify-content:center;gap:10px}[data-view=mobile] .screen-scores>.menu-actions .menu-button{padding:8px 22px;font-size:15px}[data-view=mobile] .select-carousel .select-cards{align-self:stretch;align-items:stretch;height:100%}[data-view=mobile] .select-card.viewed,[data-view=mobile] .screen-overlay-select .select-mastery-panel{height:100%;min-height:0;border:2px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(160deg,#262d58,#161b3a);box-shadow:0 14px 30px #00000073}[data-view=mobile] .screen-overlay-select .select-mastery-panel{display:flex;flex-direction:column;justify-content:center;align-self:stretch;overflow-y:auto}[data-view=mobile] .select-card.viewed{grid-template-columns:minmax(96px,42%) minmax(0,1fr);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:12px;row-gap:4px;max-width:none;padding:8px 12px 8px 8px}[data-view=mobile] .select-card.viewed.selected{border-color:#ffc58a99;background:linear-gradient(160deg,#3a2f4f,#1b1d3c);box-shadow:0 0 24px #ff751840,0 14px 30px #00000073}[data-view=mobile] .select-card.viewed .portrait{grid-column:1;grid-row:1 / -1;align-self:stretch;height:auto;min-height:96px;border-radius:14px;background:radial-gradient(ellipse 60% 12% at 50% 86%,rgba(0,0,0,.45) 0%,transparent 100%),radial-gradient(circle at 50% 42%,#3d4a8a,#1d2450 55%,#10142c)}[data-view=mobile] .select-card.viewed .portrait-img{width:82%;height:82%;max-width:150px;max-height:150px}[data-view=mobile] .select-card.viewed>:not(.portrait){grid-column:2}[data-view=mobile] .select-card.viewed .select-name{grid-row:2;font-size:clamp(18px,5.4vh,24px)}[data-view=mobile] .select-card.viewed .select-ability{grid-row:3;justify-self:start;padding:2px 10px;border-radius:999px;background:#ff75182e;color:var(--peach);font-size:12px}[data-view=mobile] .select-card.viewed .select-ability-desc{grid-row:4;margin:0}[data-view=mobile] .select-card.viewed .select-bottom{grid-row:5;margin-top:2px}[data-view=mobile] .screen-overlay-select{grid-template-columns:30px minmax(0,1fr) minmax(210px,36%) 30px}[data-view=mobile] .select-card.viewed .select-ability-desc{font-size:clamp(12px,3.4vh,15px)}[data-view=mobile] .select-card.viewed .select-ability{font-size:clamp(12px,3.2vh,14px)}[data-view=mobile] .select-card.viewed .stat-name{font-size:clamp(11px,3vh,13px)}[data-view=mobile] .screen-overlay-select .mastery-title{font-size:clamp(14px,4vh,17px)}[data-view=mobile] .screen-overlay-select .mastery-reto{font-size:clamp(11px,3.1vh,13px)}[data-view=mobile] .screen-overlay-select .gear-button{font-size:clamp(11px,3vh,13px)}:root[data-badge]:not([data-view=desktop]){--badge-room: 52px}@media(max-height:420px){:root[data-badge]:not([data-view=desktop]) .touch-cluster{transform:scale(.82);transform-origin:100% 100%}}@media(max-height:340px){:root[data-badge][data-view=mobile] .menu-card>.next-world{display:none}:root[data-badge][data-view=mobile] .lobby-mode-text{display:none}}