.game-root[data-screen=home]>:is(.top-hud,.gameplay-layer,.bottom-hud),.game-root[data-screen=game]>.home-screen{display:none}.game-root[data-screen=home] .world-background:after{content:"";background:radial-gradient(at 50% 47%,#f3c7ff33,#0000 47%),linear-gradient(#210f3b9c,#0000 33% 61%,#1f0e35eb 100%);position:absolute;inset:0}.home-screen{--home-gold:#ffdb8b;color:#fff4e2;text-align:center;grid-area:1/1/4/2;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,480px);min-height:0;padding:clamp(18px,4.7dvh,52px) 5px clamp(10px,3.2dvh,38px);display:grid;position:relative}.home-heading{z-index:2;justify-self:center;position:relative}.home-heading h1{letter-spacing:.01em;margin:8px 0 7px;font-weight:1000;line-height:1.1}.home-heading h1 span,.home-heading h1 strong{font-weight:inherit;paint-order:stroke fill;-webkit-text-stroke:2px #3b1c61;padding-inline:4px;display:block}.home-heading h1 span{color:#fff6fa;text-shadow:0 3px #804dae,0 5px #4a276f,0 8px 16px #29113e;font-size:clamp(29px,8.5vw,49px)}.home-heading h1 strong{color:#ffdc93;letter-spacing:.05em;text-shadow:0 3px #b57c5c,0 6px #472154,0 9px 20px #2b104f;font-size:clamp(39px,11.6vw,67px)}.logo-jewel{color:#fff3b9;background:linear-gradient(145deg,#b979f0,#5e2d94 72%);border:1px solid #ffdd96;border-radius:11px;place-items:center;width:34px;height:34px;margin-inline:auto;display:grid;position:relative;rotate:45deg;box-shadow:inset 0 0 0 2px #ffe3bb35,0 0 22px #bf91fc8c,0 2px 6px #291641}.logo-jewel .icon{fill:#ffc86e;width:19px;height:19px;rotate:-45deg}.logo-flourish{color:#ffdc91;justify-content:center;align-items:center;gap:9px;display:flex}.logo-flourish:before,.logo-flourish:after{content:"";background:linear-gradient(90deg,#0000,#d9a6ef77,#ffd37e);width:40%;height:1px}.logo-flourish:after{rotate:180deg}.logo-flourish .icon{fill:currentColor;width:11px;height:11px}.home-hero{isolation:isolate;place-self:center;width:min(100%,410px);height:100%;max-height:480px;position:relative;container-type:size}.home-hero svg{width:100%;height:100%;display:block}.hero-light{background:radial-gradient(at 50% 49%,#ffe8b763,#d2a6fd65 25%,#a875ff22 48%,#0000 70%);position:absolute;inset:1% 0 0}.hero-sigil{aspect-ratio:1;border:1px solid #ffe8b38c;border-radius:50%;width:min(77cqi,78cqh);position:absolute;top:47%;left:50%;translate:-50% -50%;box-shadow:0 0 27px #dba8ff65,inset 0 0 23px #f4cbff51}.hero-sigil:before,.hero-sigil:after{content:"";border:1px dashed #ffd99791;border-radius:50%;position:absolute;inset:7%}.hero-sigil:after{opacity:.5;border-style:solid;inset:17%}.hero-floor{background:radial-gradient(#d4a7f940,#0000 68%);border:1px solid #eacae7ad;border-radius:50%;height:18%;position:absolute;bottom:7%;left:9%;right:9%;box-shadow:0 0 24px #f2beff66,inset 0 0 16px #f9daff48}.hero-floor:after{content:"";border-radius:inherit;border:1px dashed #ffe5ba99;position:absolute;inset:14% 6%}.hero-pot{z-index:2;aspect-ratio:124/98;filter:drop-shadow(0 12px 17px #25113f9e);width:min(58cqi,54cqh);position:absolute;bottom:9%;left:50%;translate:-50%}.hero-familiar{aspect-ratio:1;position:absolute}.hero-purple{z-index:3;filter:drop-shadow(0 8px 11px #4c197e85);width:min(63cqi,59cqh);animation:4.1s ease-in-out infinite home-bob;bottom:30%;left:50%;translate:-50%}.hero-blue,.hero-pink{z-index:1;width:min(31cqi,36cqh);animation:4.8s ease-in-out infinite home-bob;top:26%}.hero-blue{--phase:-1s;animation-delay:-.7s;left:2%}.hero-pink{--phase:-2s;animation-delay:-2.3s;top:35%;right:1%}.hero-orb,.guide-orb{background:radial-gradient(at 22% 16%,#fff8,#0000 35%),radial-gradient(circle at 59% 59%,#ad74e946 38%,#e8d9ff78 76%,#f0d6ff9c);border:1px solid #faf1ffe3;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:inset 0 2px 3px #fffb,inset -3px -4px 9px #eab8ff95,0 5px 14px #32174a45}.hero-orb:after,.guide-orb:after{content:"";background:#fff9;border-radius:50%;width:27%;height:9%;position:absolute;top:12%;left:15%;rotate:-32deg}.hero-orb svg,.guide-orb svg{width:82%;height:82%}.home-hero .hero-star{z-index:4;color:#fff0b7;fill:#ffe1a4;filter:drop-shadow(0 0 7px #ffc870);width:17px;height:17px;animation:3s ease-in-out infinite alternate home-twinkle;position:absolute}.hero-star.one{top:15%;left:17%}.hero-star.two{animation-delay:-.6s;top:17%;right:19%}.hero-star.three{width:12px;animation-delay:-1.2s;bottom:22%;left:11%}.hero-star.four{width:11px;animation-delay:-2.2s;bottom:28%;right:7%}.hero-star.five{width:8px;animation-delay:-1.8s;top:9%;right:26%}.hero-mote{background:#fff6ce;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out infinite alternate home-twinkle;position:absolute;box-shadow:0 0 10px 2px #e7b4ff}.hero-mote.one{top:22%;left:10%}.hero-mote.two{animation-delay:-1.2s;top:26%;right:10%}.hero-mote.three{animation-delay:-.9s;bottom:29%;left:23%}@keyframes home-bob{0%,to{transform:none}50%{transform:translateY(-7px)scale(.985,1.02)}}@keyframes home-twinkle{0%{opacity:.38;scale:.83}to{opacity:1;scale:1.09}}.home-menu{z-index:3;gap:17px;width:min(100%,362px);margin-inline:auto;display:grid;position:relative}.home-menu button{min-width:0}.information-links{flex-wrap:wrap;justify-content:center;gap:0 16px;display:flex}.information-links a{color:#fff0d5;text-underline-offset:4px;place-items:center;min-height:44px;font-size:13px;font-weight:700;display:inline-grid}.information-links a:hover{color:#ffdb8b}.information-links a:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #ffdb8b}.home-menu>.information-links{margin-top:-12px}dialog>.information-links{margin-top:4px}.home-play{color:#3b1a4c;background:radial-gradient(at 50% 0,#fff5d7,#0000 74%),linear-gradient(#ffe5a9,#f5c774 55%,#d99758);border:2px solid #ffe3a7;border-radius:24px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-height:75px;padding:8px 15px;display:grid;position:relative;box-shadow:inset 0 2px 2px #fffc,inset 0 -3px #b67556,0 0 0 3px #713d79,0 5px 0 2px #47244f,0 9px 25px #241035aa,0 0 28px #ffc07167}.home-play:hover{filter:brightness(1.07)}.home-play:active{translate:0 3px;box-shadow:inset 0 2px 3px #fff8,inset 0 -2px #a96554,0 0 0 3px #713d79,0 2px #47244f}.home-play strong,.home-play small{display:block}.home-play strong{font-size:clamp(23px,7vw,30px);font-weight:950;line-height:1.17}.home-play small{color:#563054;margin-top:3px;font-size:13px;font-weight:850}.play-gem{color:#fff5db;background:linear-gradient(145deg,#bd85ef,#703ca6 85%);border:1px solid #fff0b1;border-radius:14px;place-items:center;width:37px;height:37px;display:grid;box-shadow:inset 0 1px 1px #fff9,0 2px 4px #b57b5b9e}.play-gem svg{width:22px;height:22px}.play-spark{color:#fff7d4;fill:#fff0be;filter:drop-shadow(0 1px 2px #be8239);justify-self:end;width:18px;height:18px}.home-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.home-options button{color:#fff3f5;background:linear-gradient(155deg,#8e6099e6,#492768f2 65%,#391f56);border:1px solid #d8b8dcad;border-radius:15px;align-content:center;justify-items:center;gap:6px;min-height:66px;padding:7px 3px;font-size:clamp(11px,3.4vw,13px);font-weight:850;line-height:1.2;display:grid;box-shadow:inset 0 1px #f9deff6b,inset 0 -2px #2d174b8c,0 3px #2c1546,0 6px 11px #230e395c}.home-options button:hover{background:#785099}.home-options button:active{translate:0 2px}.home-options .icon{color:#ffdea2;width:21px;height:21px}.home-menu button:focus-visible{outline-offset:5px;outline-color:#ffe4a6}dialog:is([data-mode=help],[data-mode=intro],[data-mode=features],[data-mode=settings],[data-mode=stages]){color:#fff1f6;background:radial-gradient(at 45% 0,#81519a 0,#0000 60%),linear-gradient(146deg,#52316c,#2c194b 84%);border:2px solid #e3b77a;box-shadow:0 0 0 3px #603a75,0 14px 50px #190c31bc,inset 0 0 0 3px #fbe7ca27}dialog:is([data-mode=help],[data-mode=intro],[data-mode=features])[open]{animation:.24s ease-out both result-reveal}dialog:is([data-mode=help],[data-mode=intro],[data-mode=features]) h2{color:#fff0c6}dialog:is([data-mode=intro],[data-mode=features],[data-mode=help]) .primary{color:#3b2149;background:linear-gradient(#fff0bd,#f1c372);border-color:#ffe8ab;box-shadow:inset 0 1px #fff9,inset 0 -2px #c48c4e}.guide-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.guide-steps li,.guide-mechanics li{background:linear-gradient(125deg,#b68bd02d,#2a153e4d);border:1px solid #d7b5e84d;border-radius:13px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px;min-height:65px;padding:7px 9px 7px 6px;display:grid}.guide-steps strong,.guide-mechanics strong{color:#ffe5b2;font-size:14px;font-weight:900;line-height:1.3;display:block}.guide-steps p,.guide-mechanics p{overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;font-weight:650;line-height:1.4}.guide-steps p.guide-warning{color:#ffd4d6;font-weight:850}.guide-figure{background:radial-gradient(#c78dff4a,#0000 69%);place-items:center;width:76px;height:52px;display:grid;position:relative}.guide-figure>svg.cauldron-sprite{width:58px;height:46px}.guide-figure .guide-orb{width:44px;height:44px}.guide-figure .guide-spark{color:#ffe4a5;fill:#ffd582;filter:drop-shadow(0 0 4px #edb766);width:15px;height:15px;position:absolute;top:1px;right:9px}.guide-figure .guide-spark.second{width:10px;top:11px;left:7px}.guide-match>svg.cauldron-sprite{translate:0 7px}.guide-trio{z-index:1;display:flex;position:absolute;top:0}.guide-trio svg{width:18px;height:18px}.guide-tray{background:linear-gradient(#a67dcc,#673b91);border:1px solid #e3bc85;border-radius:6px;grid-template-columns:repeat(5,1fr);align-items:center;gap:1px;width:74px;height:19px;padding:2px 3px;display:grid;box-shadow:0 2px #382054}.guide-tray>span{background:#513074;border:1px solid #cda5e8;border-radius:4px;place-items:center;height:11px;display:grid}.guide-tray svg{width:13px;height:13px;translate:0 -2px}.guide-details{margin:12px 0 0}.guide-details summary{color:#ffe8b6;cursor:pointer;padding-block:5px;font-size:13px}.guide-mechanics{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guide-mechanics li{grid-template-columns:33px minmax(0,1fr);min-height:50px;padding:8px}.guide-mechanics .icon{color:#e4bdff;justify-self:center}.language-row{margin-top:8px}.language-row select{max-width:62%;min-height:31px;font:inherit;color:inherit;background:#fbf4ff;border:1px solid #c9a2ec;border-radius:7px;padding:2px 5px}.level{position:relative}.level .icon{width:9px;height:9px;position:absolute;top:3px;right:3px}dialog[data-mode=stages] .pages{color:#f9e6fb}.result-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}@media (height<=640px){.home-screen{padding-block:16px 10px}.home-heading h1 span{font-size:clamp(24px,7.2vw,41px)}.home-heading h1 strong{font-size:clamp(30px,9.2vw,49px)}.logo-jewel{border-radius:8px;width:25px;height:25px}.logo-jewel .icon{width:14px;height:14px}.home-menu{gap:11px}.home-menu>.information-links{margin-top:-8px}.home-play{min-height:59px}.home-options button{gap:3px;min-height:48px}dialog:is([data-mode=intro],[data-mode=help]){padding:14px}.guide-steps{gap:5px}.guide-steps li{min-height:52px;padding-block:4px}.guide-figure{height:43px}}