:root{--game-font-family:"Comic Sans MS", "Comic Neue", "Trebuchet MS", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:#2b0d4f;font-family:var(--game-font-family);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4bad1}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{isolation:isolate;background:#f4bad1;min-height:100dvh;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.app-shell:before{z-index:-2;background-image:var(--game-background-image);background-position:50%;background-size:cover;transition:transform .9s cubic-bezier(.2,.78,.2,1);transform:scale(1)}.app-shell:after{z-index:-1;opacity:0;background:#080a1085;transition:opacity .68s}.app-shell--menu:before{transform:scale(1.075)}.app-shell--menu:after{opacity:1}.game-panel{z-index:1;position:absolute;inset:0;overflow:hidden}.pixi-stage{width:100%;height:100%}.pixi-stage canvas{width:100%;height:100%;display:block}.main-menu{z-index:3;pointer-events:none;flex-direction:column;align-items:center;padding-top:clamp(9rem,26vh,20rem);display:flex;position:absolute;inset:0}.menu-start-button,.credits-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141c2ac7;box-shadow:0 22px 60px #00000052}.menu-start-button{color:#fff7fb;cursor:pointer;min-width:clamp(16rem,22vw,24rem);font-family:var(--game-font-family);pointer-events:auto;text-shadow:0 3px #ffffff1a;border:0;padding:clamp(1rem,2vw,1.45rem) clamp(2rem,4vw,4rem);font-size:clamp(2rem,3vw,3.4rem);font-weight:900;line-height:1}.menu-start-button:hover,.menu-start-button:focus-visible{background:#192232eb;outline:4px solid #fff7fb47;transform:translateY(-1px)}.credits-card{color:#fff7fb;width:min(36rem,100vw - 2rem);font-family:var(--game-font-family);text-align:center;margin-top:clamp(2rem,4vh,3.1rem);padding:clamp(1.45rem,2.2vw,2rem) 1.5rem clamp(1.35rem,2vw,1.9rem)}.credit-role,.credit-name{margin:0;font-weight:900;line-height:1.08}.credit-role{color:#fff7fb;font-size:clamp(1.25rem,1.9vw,2rem)}.credit-name{margin-top:.35rem;font-size:clamp(1.25rem,1.8vw,1.85rem)}.credit-name+.credit-role{margin-top:clamp(1.45rem,2.8vh,2.25rem)}.credit-name--artist{color:#f2b21a}.credit-name--designer{color:#326fe8}.credit-name--developer{color:#e238a6}.credit-name--music{color:#83cbbb}.game-hud{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:1rem;display:grid;position:absolute;top:clamp(.9rem,2.4vw,2rem);left:clamp(1rem,2.8vw,2.4rem);right:clamp(1rem,2.8vw,2.4rem)}.hud-moves,.hud-level,.hud-reset{color:#2b0d4f;letter-spacing:.01em;text-shadow:0 2px #ffdeedd9,0 0 16px #ffffff6b;margin:0;font-weight:950;line-height:1}.hud-moves{justify-self:start;font-size:clamp(1.55rem,3.2vw,3rem)}.hud-level{justify-self:center;padding-top:.15rem;font-size:clamp(1.4rem,2.7vw,2.3rem)}.hud-reset{cursor:pointer;pointer-events:auto;background:#ffdbeb14;border:0;border-radius:14px;justify-self:end;padding:.35rem .8rem .5rem;font-size:clamp(1.75rem,3.2vw,3rem)}.hud-reset:hover,.hud-reset:focus-visible{background:#ffdbeb80;outline:3px solid #2b0d4f38}.completion-overlay{z-index:4;background:#0908122e;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.completion-panel{color:#fff7fb;width:min(34rem,100vw - 2rem);font-family:var(--game-font-family);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141c2ad6;padding:clamp(1.8rem,3vw,3rem);box-shadow:0 28px 80px #00000059}.completion-title,.completion-copy{text-shadow:0 3px #ffffff14;margin:0;font-weight:900}.completion-title{font-size:clamp(2.35rem,4vw,4.4rem);line-height:1}.completion-copy{color:#ffdce9;margin-top:.85rem;font-size:clamp(1.2rem,2vw,2rem)}.completion-button{color:#2b0d4f;cursor:pointer;min-width:min(20rem,100%);font-family:var(--game-font-family);background:#fff7fbf2;border:0;margin-top:clamp(1.6rem,3vh,2.4rem);padding:.85rem 1.35rem 1rem;font-size:clamp(1.25rem,2vw,2rem);font-weight:900}.completion-button:hover,.completion-button:focus-visible{background:#fff;outline:4px solid #f2b21a8c;transform:translateY(-1px)}@media (width<=860px){.main-menu{justify-content:center;padding:5rem 1rem 2rem}.credits-card{margin-top:1.4rem}.game-hud{grid-template-columns:1fr auto;align-items:center}.hud-moves{grid-area:1/1}.hud-level{grid-area:2/1/auto/-1;justify-self:center}.hud-reset{grid-area:1/2}}#portrait-warning{color:#fff;z-index:9999;text-align:center;font-family:var(--game-font-family);background:#121212;justify-content:center;align-items:center;padding:2rem;font-size:clamp(1.5rem,4vw,2rem);line-height:1.4;display:none;position:fixed;inset:0}@media screen and (orientation:portrait) and (width<=860px){#root{display:none!important}#portrait-warning{display:flex}}@media screen and (orientation:landscape) and (height<=500px){.main-menu{flex-direction:row;justify-content:center;align-items:center;gap:3rem;padding-top:2rem}.credits-card{width:auto;margin-top:0;padding:1rem 2rem}.menu-start-button{padding:1rem 2rem;font-size:clamp(1.5rem,4vh,2rem)}.credit-role{font-size:1.2rem}.credit-name{font-size:1rem}.credit-name+.credit-role{margin-top:.75rem}.game-hud{grid-template-columns:1fr auto;align-items:start;gap:.2rem}.hud-level{grid-area:2/1;justify-self:start;padding-top:0}}