*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;padding:20px 16px 60px;font-family:Nunito,sans-serif;color:#F2EFE9;background:#14152F;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff88 50%,transparent 51%),radial-gradient(1px 1px at 70% 15%,#ffffff66 50%,transparent 51%),radial-gradient(1.5px 1.5px at 85% 60%,#ffffff55 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,#ffffff77 50%,transparent 51%),radial-gradient(ellipse at top,#23244B,#14152F 70%)}.logo{font-family:Fredoka,sans-serif;font-weight:600;font-size:30px;color:#FFD98E;margin:0;letter-spacing:1px;text-shadow:0 0 24px #ffd98e44}.greeting,.logo{text-align:center}.greeting{color:#A9B0DC;margin:2px 0 18px;font-size:14px}.wrap{max-width:460px;margin:0 auto}.eyebrow{color:#7C82B8;font-size:11px;letter-spacing:2.5px;font-weight:800;text-transform:uppercase;margin:24px 4px 10px}.heroes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.hero{flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.hero,.hero .face{display:flex;align-items:center}.hero .face{width:62px;height:62px;border-radius:50%;justify-content:center;font-family:Fredoka,sans-serif;font-size:26px;color:#14152F;border:3px solid transparent;transition:transform .15s}.hero.sel .face{border-color:#FFD98E;box-shadow:0 0 22px #FFD98E66;transform:scale(1.08)}.hero .hname{font-size:13px;font-weight:800;color:#A9B0DC}.hero.sel .hname{color:#FFD98E}.hero .stars{font-size:10px;color:#7C82B8}.hero.add .face{background:none;border:2px dashed #3b3d73;color:#7C82B8;font-size:28px}.name-inp{margin:10px auto 0;display:block;width:220px;background:#171836;border:2px solid #ffd98e;color:#F2EFE9;border-radius:999px;padding:11px 18px;font-size:16px;text-align:center;font-family:inherit}.name-inp:focus{outline:none}.name-inp::placeholder{color:#7C82B8}.world-strip{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.world-card{min-width:128px;scroll-snap-align:center;border-radius:22px;border:3px solid transparent;cursor:pointer;padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;color:#F2EFE9;box-shadow:0 8px 22px #00000044}.world-card.sel{border-color:#FFD98E;box-shadow:0 0 24px #FFD98E44;transform:scale(1.04)}.world-card.locked{opacity:.4;cursor:default;filter:saturate(.4)}.world-card .w-art{font-size:44px;line-height:1;filter:drop-shadow(0 4px 10px #00000066)}.tile .t-art img,.world-card .w-art img{width:52px;height:52px;object-fit:contain}.world-card .w-name{font-size:13px;font-weight:800;text-align:center;text-shadow:0 1px 4px #00000088}.path{position:relative;margin:18px auto 6px;width:240px}.path-line{position:absolute;left:50%;top:26px;bottom:26px;width:5px;transform:translateX(-50%);background:#2B2C5C;border-radius:4px}.node-row{position:relative;display:flex;justify-content:center;margin:14px 0}.node-row:nth-child(odd) .node{transform:translateX(-52px)}.node-row:nth-child(2n) .node{transform:translateX(52px)}.node{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:#1B1C3E;border:3px solid #2b2c5c;color:#5F6494;position:relative;z-index:1;font-family:Fredoka,sans-serif}.node.done{background:linear-gradient(135deg,#FFD98E,#FFB65C);border-color:#FFD98E;color:#3A2A00}.node.current{border-color:#FFD98E;color:#FFD98E;animation:nodePulse 1.8s ease-in-out infinite}.node.treasure{width:68px;height:68px;font-size:30px}.node.treasure.done{box-shadow:0 0 28px #FFD98E88}@keyframes nodePulse{0%,to{box-shadow:0 0 0 0 #FFD98E55}50%{box-shadow:0 0 0 12px #FFD98E00}}.node-label{position:absolute;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:#7C82B8;width:90px}.node-row:nth-child(odd) .node-label{left:50%;margin-left:22px;text-align:left}.node-row:nth-child(2n) .node-label{right:50%;margin-right:22px;text-align:right}.node-label.hot{color:#FFD98E}.quest-title{text-align:center;color:#C9CDF0;font-size:13.5px;margin:14px 0 -6px}.quest-title strong{color:#F2EFE9}.event-h{font-family:Fredoka,sans-serif;color:#FFD98E;font-size:26px;text-align:center;margin:8px 0 4px}.event-sub{color:#7C82B8;text-align:center;font-size:13px;margin:0 0 18px;font-weight:700}.grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.tile{position:relative;aspect-ratio:1;background:#1B1C3E;border:3px solid transparent;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:inherit;color:#C9CDF0;transition:transform .12s;box-shadow:0 6px 18px #00000033}.tile:active{transform:scale(.94)}.tile.sel{border-color:#FFD98E;background:#2B2C5C;color:#FFD98E}.tile.earned{background:#2E2450}.tile.suggest{border-color:#FFD98E88;border-style:dashed}.tile .t-art{font-size:52px;line-height:1;filter:drop-shadow(0 4px 10px #00000055)}.tile .t-name{font-size:15px;font-weight:800;text-align:center;padding:0 8px;line-height:1.2}.steps{display:flex;gap:8px;justify-content:center;margin:20px 0 4px}.step-dot{font-size:13px;opacity:.3;filter:grayscale(1)}.step-dot.on{opacity:1;filter:none}.back-btn{background:none;border:none;color:#5F6494;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;display:block;margin:14px auto 0}.shelf{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}.mini-card{min-width:92px;width:92px;aspect-ratio:3/4;border-radius:14px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;text-align:center;background:linear-gradient(165deg,#3C2E63,#1E2050);border:2px solid #ffd98e88;box-shadow:0 4px 14px #00000055,inset 0 0 20px #FFD98E11}.mini-card .mc-emoji{font-size:32px;line-height:1;filter:drop-shadow(0 2px 6px #00000066)}.mini-card .mc-name{font-size:9.5px;font-weight:800;color:#FFD98E;line-height:1.2}.mini-card.story{background:linear-gradient(165deg,#1E3A5C,#16274A);border-color:#8EC9FF77}.mini-card.story .mc-name{color:#8EC9FF}.silly-row{display:flex;align-items:center;gap:12px;font-size:30px;padding:0 4px;margin-top:30px}.silly-row input{flex:1 1;accent-color:#FF9EB5;height:34px}.meta{color:#7C82B8;font-size:12px;margin:10px 4px 0;text-align:center}.meta strong{color:#A9B0DC}.chip{background:#1B1C3E;border:none;color:#8E93C4;border-radius:999px;padding:9px 16px;font-weight:800;font-size:12px;cursor:pointer;font-family:inherit}.friends-row{display:flex;gap:8px;margin-top:8px}.friends-row input{flex:1 1;background:#171836;border:2px solid #3b3d73;color:#F2EFE9;border-radius:14px;padding:10px 14px;font-size:15px;font-family:inherit}.friends-row input:focus{outline:none;border-color:#FFD98E}.big-btn{width:100%;margin-top:24px;background:linear-gradient(135deg,#FFD98E,#FFB65C);border:none;border-radius:20px;padding:18px;font-family:Fredoka,sans-serif;font-size:19px;font-weight:600;color:#3A2A00;cursor:pointer;box-shadow:0 8px 30px #FFB65C33}.big-btn:disabled{opacity:.5}.link-btn{background:none;border:none;color:#5F6494;margin-top:16px;cursor:pointer;font-size:12px;width:100%;font-family:inherit;font-weight:700}.err{background:#5C2B3A;color:#FFD1DC;border-radius:14px;padding:10px 14px;margin-top:14px;font-size:14px;text-align:center}.scene{position:relative;width:100%;height:250px;border-radius:26px;margin:4px 0 18px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 50px #00000044,0 12px 40px #00000044}.scene-emoji{font-size:100px;filter:drop-shadow(0 8px 22px #00000066);z-index:2}.scene-emoji.floating{animation:float 3s ease-in-out infinite}.scene-glow{position:absolute;width:300px;height:300px;border-radius:50%}.scene-img{position:absolute;inset:0;background-size:cover;background-position:50%;animation:kenburns 40s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12) translate(-2%,-2%)}}.scene-back{position:absolute;top:8px;right:14px;font-size:58px;opacity:.45;filter:saturate(.8)}.scene-side{position:absolute;bottom:16px;font-size:40px;filter:drop-shadow(0 4px 10px #00000066)}.scene-side.l{left:20px}.scene-side.r{right:20px}.scene-spark{position:absolute;color:#FFFFFFAA;animation:twinkle 3.2s ease-in-out infinite}.s1{top:14%;left:12%;font-size:15px}.s2{top:22%;right:16%;animation-delay:.8s}.s2,.s3{font-size:11px}.s3{bottom:18%;left:22%;animation-delay:1.6s}.s4{bottom:26%;right:24%;font-size:16px;animation-delay:2.2s}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ep-title{font-family:Fredoka,sans-serif;color:#FFD98E;text-align:center;font-size:26px;margin:0 0 14px;line-height:1.25}.play-row{display:flex;flex-direction:column;align-items:center;gap:8px}.play-btn{width:74px;height:74px;border-radius:50%;border:none;cursor:pointer;font-size:28px;background:linear-gradient(135deg,#FFD98E,#FFB65C);color:#3A2A00;box-shadow:0 8px 26px #FFB65C44}.play-btn:disabled{opacity:.6}.prog-wrap{width:100%;margin-top:16px}.prog{position:relative;height:20px;background:#171836;border-radius:999px;cursor:pointer;box-shadow:inset 0 2px 8px #00000066}.prog-fill{top:0;bottom:0;background:linear-gradient(90deg,#FFD98E,#FFB65C);border-radius:999px;width:0;box-shadow:0 0 14px #FFD98E66}.prog-fill,.prog-star{position:absolute;left:0}.prog-star{top:50%;transform:translate(-50%,-50%);font-size:26px;filter:drop-shadow(0 2px 8px #FFD98E88);pointer-events:none}.time-left{text-align:center;color:#7C82B8;font-size:13px;font-weight:800;margin-top:10px}.story-text{color:#D8DAF0;font-size:16.5px;line-height:1.8;white-space:pre-wrap;margin-top:16px}.aa-btn{color:#7C82B8;padding:7px 14px;font-weight:800;font-size:12px;font-family:inherit}.aa-btn,.end-btn{background:#1B1C3E;border:none;border-radius:999px;cursor:pointer}.end-btn{display:block;margin:22px auto 0;color:#FFD98E;padding:12px 26px;font-family:Fredoka,sans-serif;font-size:16px}.choice{background:#1B1C3E;border:2px solid #ff9eb5;color:#FFD1DC;border-radius:20px;padding:18px;font-size:17.5px;font-weight:800;cursor:pointer;text-align:left;font-family:inherit;width:100%;margin-top:10px}.next-h{font-family:Fredoka,sans-serif;color:#F2EFE9;text-align:center;font-size:19px;margin:26px 0 6px}.overlay{position:fixed;inset:0;background:#0B0C22F2;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:50;padding:20px}.reveal-eyebrow{color:#FFD98E;font-size:12px;letter-spacing:3px;font-weight:800;text-transform:uppercase;margin-bottom:18px;animation:fadeUp .6s .2s both}.reveal-card{width:250px;padding:34px 24px 28px;border-radius:28px;text-align:center;cursor:pointer;background:linear-gradient(165deg,#3C2E63,#1E2050);border:2px solid #ffd98e;box-shadow:0 0 70px #FFD98E55,0 24px 60px #00000088;animation:cardIn .75s cubic-bezier(.2,1.5,.4,1) both}.reveal-card .r-emoji{font-size:74px;line-height:1;display:block}.reveal-card .r-name{font-family:Fredoka,sans-serif;color:#FFD98E;font-size:23px;margin:14px 0 6px}.reveal-card .r-sub{color:#C9CDF0;font-size:13.5px;line-height:1.5}.reveal-card .q{font-family:Fredoka,sans-serif;font-size:86px;color:#FFD98E;display:block;line-height:1.1;animation:qPulse 1.6s ease-in-out infinite;text-shadow:0 0 30px #FFD98E88}.reveal-card .tap-hint{display:block;margin-top:14px;color:#C9CDF0;font-size:13px;font-weight:800;letter-spacing:1px;animation:qPulse 1.6s ease-in-out .3s infinite}@keyframes qPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.reveal-card.flipping{animation:flip .55s ease}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(1.08)}to{transform:rotateY(0)}}.keep-btn{margin-top:26px;background:linear-gradient(135deg,#FFD98E,#FFB65C);border:none;border-radius:999px;padding:14px 34px;font-family:Fredoka,sans-serif;font-size:17px;color:#3A2A00;cursor:pointer;animation:fadeUp .6s .45s both}@keyframes cardIn{0%{transform:scale(.25) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.ovl-spark{position:absolute;color:#FFD98E;animation:twinkle 2.4s ease-in-out infinite}.o1{top:22%;left:18%;font-size:20px}.o2{top:16%;right:20%;font-size:14px;animation-delay:.7s}.o3{bottom:24%;left:24%;font-size:15px;animation-delay:1.3s}.o4{bottom:18%;right:18%;font-size:22px;animation-delay:1.9s}.conj-quip{font-family:Fredoka,sans-serif;color:#FFD98E;font-size:21px;text-align:center;margin:26px 12px 6px;min-height:84px}.conj-hint{color:#7C82B8;font-size:12px;font-weight:700}.conj-star{position:absolute;background:none;border:none;font-size:30px;cursor:pointer;transition:transform .12s;z-index:51}.conj-star:active{transform:scale(1.6)}@keyframes starPop{to{transform:scale(2.2);opacity:0}}.gear-btn{position:fixed;top:14px;right:14px;background:#22234ACC;border:none;color:#7C82B8;border-radius:999px;width:40px;height:40px;font-size:18px;cursor:pointer;z-index:10}.card{background:#22234AEE;border-radius:26px;padding:22px;box-shadow:0 12px 40px #00000055}.settings{display:none;margin-bottom:20px}.settings.open{display:block}.settings .inp{width:100%;background:#171836;border:2px solid #3b3d73;color:#F2EFE9;border-radius:14px;padding:12px 14px;font-size:15px;font-family:inherit;margin-top:8px}.settings .lbl{display:block;color:#A9B0DC;font-weight:700;font-size:13px;margin-top:14px}.fine{color:#5F6494;font-size:11px;text-align:center;margin-top:12px;line-height:1.5}.hidden{display:none!important}@media (prefers-reduced-motion:reduce){.node.current,.ovl-spark,.scene-emoji,.scene-spark{animation:none!important}}