@font-face{font-family:Rainy Hearts;src:url(/fairy-worlds/fonts/rainyhearts.ttf) format("truetype");font-display:swap}:root{--font-display: "Rainy Hearts", "Georgia", serif;--font-ui: "JetBrains Mono", ui-monospace, system-ui, sans-serif}html,body{margin:0;height:100%;background:linear-gradient(135deg,#fccb83,#ffacea,#c8b3fb);overflow:hidden;font-family:var(--font-ui)}.hud-panel{position:fixed;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:10;user-select:none}.hud-panel[hidden]{display:none}.hud-line{color:#fff;font:13px/1.4 var(--font-display);background:linear-gradient(90deg,#fccc8373,#f200de73,#a883ff73);padding:8px 14px;border-radius:999px;pointer-events:none;text-shadow:0 1px 3px rgba(120,60,140,.25)}.hud-heading{font-family:var(--font-display);font-size:18px;letter-spacing:.04em}.hud-sub{font-family:var(--font-display);font-size:14px;letter-spacing:.06em;opacity:.95}.hud-btn{font-family:var(--font-display);font-size:16px;color:#fff;letter-spacing:.04em;padding:9px 18px;border-radius:999px;border:0px solid rgba(255,255,255,.45);background:linear-gradient(270deg,#fccc8373,#f200de73 40%,#a883ff73);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .16s,box-shadow .16s,border-color .16s;text-shadow:0 1px 3px rgba(120,60,140,.25)}.hud-btn:hover{transform:translateY(-1px);border-color:#ffd8f2f2;box-shadow:0 8px 24px #ffacea8c,0 0 0 1px #ffffff4d inset}.home-btn{position:fixed;top:12px;left:12px;z-index:11;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:26px;line-height:1;padding:0;border-radius:999px;border:0px solid rgba(255,255,255,.45);background:linear-gradient(270deg,#fccc8373,#f200de73 40%,#a883ff73);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .16s,box-shadow .16s,border-color .16s}#companion{position:fixed;right:14px;bottom:14px;width:180px;z-index:12;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}#companion[hidden]{display:none}.companion-bubble{position:relative;font-family:var(--font-display);font-size:15px;color:#fff;letter-spacing:.03em;padding:10px 16px;border-radius:16px;border:0 solid rgba(255,255,255,.45);background:linear-gradient(270deg,#fccc838c,#f200de8c 40%,#a883ff8c);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 3px rgba(120,60,140,.25);box-shadow:0 4px 14px #ffacea59;max-width:180px;text-align:center;pointer-events:auto;cursor:pointer;align-self:center;margin-bottom:-10px}.companion-bubble:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid rgba(242,0,222,.55);filter:drop-shadow(0 2px 2px rgba(120,60,140,.15))}.companion-bubble[hidden]{display:none}#companion-canvas{width:180px;height:220px;display:block;pointer-events:none}.home-btn:hover{transform:translateY(-3px);transform:translate(3px);border-color:#ffd8f2f2;box-shadow:0 8px 24px #ffacea8c,0 0 #ffffff4d inset}#scenes{position:fixed;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:10;max-height:90vh;overflow-y:auto;padding-right:4px;width:200px;overflow:visible}#scenes[hidden]{display:none}.scene-group{display:flex;flex-direction:column;gap:4px}.group-pill{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:9px 16px;border-radius:999px;border:0px solid rgba(255,255,255,.45);background:linear-gradient(270deg,#fccc8373,#f200de73 40%,#a883ff73);color:#fff;font-family:var(--font-display);text-transform:lowercase;font-size:17px;font-weight:600;letter-spacing:0em;cursor:pointer;text-align:left;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .16s,box-shadow .16s,border-color .16s;overflow:visible}.group-pill:hover{transform:translate(3px);border:none}.group-pill .flourish{font-size:20px;background:linear-gradient(135deg,#fccb83,#ffacea,#c8b3fb);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(255,172,234,.8);filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.group-pill .group-label{flex:1;background:linear-gradient(135deg,#fff6e8,#ffe4f5,#ede0ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.05em}.group-pill .arrow{font-size:11px;opacity:.85;transition:transform .2s;font-family:var(--font-ui)}.scene-group.open .group-pill .arrow{transform:rotate(180deg)}.scene-group.open .group-pill,.scene-group.has-active .group-pill{border:0px solid rgba(255,255,255,.5);box-shadow:0 0 50px #ffffff40,0 0 15px #ffffff40}.group-scenes{align-self:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-left:6px;padding:0 10px;border-radius:18px;background:none;backdrop-filter:none;box-shadow:none;max-height:0;overflow:hidden;transition:max-height .26s ease,padding .26s ease,box-shadow .26s ease}.scene-group.open .group-scenes{max-height:300px;padding:10px}.scene-btn{font:10px/1.2 var(--font-ui);color:#fff;background:#76308e73;border:0px solid rgba(255,255,255,.2);padding:5px 11px;border-radius:999px;cursor:pointer;text-align:center;transition:background .12s,border-color .12s,transform .12s;white-space:nowrap;margin-top:-5px}.scene-btn:hover{background:#ffffff38;border-color:#ffaceab3;transform:translateY(-1px)}.scene-btn.active{background:linear-gradient(135deg,#fccb838c,#ffacea8c,#c8b3fb8c);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 12px #ffacea8c}#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(270deg,#fccb8359,#ffacea59,#c8b3fb59);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;transition:opacity .24s ease;overflow:hidden}#loader[hidden]{display:none}#sparkle-field{position:absolute;inset:0;pointer-events:none}.loader-card{position:relative;padding:28px 36px 22px;border-radius:22px;background:linear-gradient(135deg,#fccb83,#ffacea,#c8b3fb);box-shadow:0 12px 48px #ffacea73,0 0 25px #ffffff80,0 -12px 48px #c8b3fb4d;color:#fff;font:500 15px/1.3 var(--font-ui);min-width:260px;text-align:center;text-shadow:0 1px 3px rgba(120,60,140,0);animation:card-breathe 3.2s ease-in-out infinite;z-index:1;border:none}@keyframes card-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.loader-heading{font-family:var(--font-display);font-size:18px;letter-spacing:.12em;text-transform:uppercase;opacity:.95;margin-bottom:6px}.loader-title{font-family:var(--font-display);font-size:24px;font-weight:600;margin-bottom:16px;letter-spacing:.02em}.loader-bar{height:8px;background:#ffffff59;border-radius:999px;overflow:hidden;margin-bottom:8px;box-shadow:0 1px 2px #783c8c33 inset}.loader-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#fff6e8,#ffe4f5,#ede0ff);border-radius:999px;transition:width .2s ease-out;box-shadow:0 0 10px #ffffffe6}.loader-pct{font-size:18px;opacity:.9;font-variant-numeric:tabular-nums}.hover-sparkles{position:absolute;inset:-12px;pointer-events:none;overflow:visible;z-index:20}.group-pill,.hud-btn{position:relative}.sparkle{position:absolute;left:var(--x);top:var(--y);color:#fff;font-size:var(--s, 14px);opacity:0;pointer-events:none;text-shadow:0 0 6px #fff,0 0 12px #ffacea,0 0 24px #c8b3fb;animation:sparkle-twinkle 2.4s var(--d, 0s) infinite ease-in-out}.picker-modal{position:fixed;top:12px;right:12px;bottom:12px;width:min(340px,92vw);z-index:60;pointer-events:none;display:flex}.picker-modal[hidden],.picker-backdrop{display:none}.picker-card{pointer-events:auto;flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,172,234,.85) rgba(255,255,255,.15);padding:22px 24px 28px;width:100%;border-radius:20px;background:linear-gradient(-35deg,#fccc8373,#f200de73,#a883ff73);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 36px #ffacea73,0 0 0 1px #fff0 inset;color:#6b3a7a}.picker-card::-webkit-scrollbar{width:8px}.picker-card::-webkit-scrollbar-track{background:#ffffff26;border-radius:999px}.picker-card::-webkit-scrollbar-thumb{background:#ffacead9;border-radius:999px}.picker-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:999px;border:0px solid rgba(255,255,255,.7);background:#ffacea59;color:#6b3a7a;cursor:pointer;font-size:14px}.picker-heading{font-family:var(--font-display);font-size:18px;letter-spacing:.06em;text-align:center;margin-bottom:5px;color:#6b3a7a}.picker-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:0}.picker-card-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px;border-radius:50px;border:0px solid rgba(255,255,255,0);background:linear-gradient(135deg,#f200def2 100%,#c8b3fbf2);cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;color:#fff}.picker-card-item:hover{transform:translateY(-2px);border-color:#ffaceaf2;box-shadow:0 0 18px #ffcd2aa3;color:#fccb83}.picker-card-item.active{background:linear-gradient(-90deg,#fccc8373,#f200de73,#a883ff73);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:transparent;box-shadow:0 0 0 3px #ff8fd800,0 0 #b500f280}.picker-card-title{font-family:var(--font-display);font-size:25px;letter-spacing:.04em}.picker-card-sub{font-size:11px;opacity:.75;text-align:center;display:none}.picker-customization{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px dashed rgba(168,131,255,.5)}.picker-section{display:flex;flex-direction:column;gap:5px}.picker-section-label{font-family:var(--font-display);font-size:18px;letter-spacing:.06em;color:#6b3a7a;opacity:.85;text-align:center;margin-bottom:5px}.picker-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.picker-color[hidden]{display:none}.picker-color{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:#fff0;border:1px solid rgba(255,255,255,0);font-size:11px;color:#6b3a7a;flex:0 0 calc(33.3333% - 6px);box-sizing:border-box}.picker-sphere{position:relative;display:inline-block;width:22px;height:22px;border-radius:999px;background-color:var(--swatch-color, #ffffff);background-image:radial-gradient(circle at 32% 28%,#ffffff8c,#ffffff2e 14%,#fff0 32%),radial-gradient(circle at 68% 78%,#00000047,#00000014 32%,#0000 60%);background-size:100% 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-position:center,center;box-shadow:0 2px 4px #501e6400,0 0 0 1px #fff0;overflow:hidden;cursor:pointer;transition:transform .12s}.picker-sphere:hover{transform:translateY(-1px) scale(1.05)}.picker-sphere input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;padding:0;margin:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.picker-pill{padding:4px 8px;border-radius:999px;border:0px solid rgba(255,255,255,.7);background:#a883ff73;font-size:11px;color:#6b3a7a;cursor:pointer;transition:background .12s,border-color .12s;font-family:var(--font-ui)}.picker-pill:hover{background:#ffacea4d}.picker-pill.active{background:linear-gradient(135deg,#fccc838c,#f200de73 80%);border:1px solid rgba(255,196,108,.9);box-shadow:0 0 0 3px #ff8fd800,0 0 #b500f280;color:#fff}.picker-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b3a7a;padding:6px 12px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);cursor:pointer}.picker-toggle input{accent-color:#ff8fd8}.picker-accessory-row{display:flex;align-items:center;gap:6px}.picker-accessory-row .picker-sphere{width:22px;height:22px}.picker-note{font-size:11px;opacity:.7;font-style:italic}#transition-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#fccc83bf,#ffaceabf,#c8b3fbbf);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;opacity:0;pointer-events:none}#transition-overlay[hidden]{display:none}#transition-sparkle-field{position:absolute;inset:0;pointer-events:none}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}