/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--ink:#06111d;--cream:#fff9ed;--paper:#f6f0e5;--muted:#9cb0be;--red:#ff2638;--orange:#ff8b35;--blue:#53c8eb;--green:#91df72;--aura:#37aee8;--aura-glow:#7de7ff}*{box-sizing:border-box}html{background:var(--ink);min-height:100%}body{min-height:100%;color:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit}.gift-shell{background:radial-gradient(circle at 75% 22%,var(--aura),transparent 31%),radial-gradient(circle at 20% 78%,#ff8b351a,transparent 30%),linear-gradient(145deg,#050c15 0%,#071521 48%,#091b28 100%);min-height:100svh;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gift-shell{background:radial-gradient(circle at 75% 22%,color-mix(in srgb,var(--aura) 18%,transparent),transparent 31%),radial-gradient(circle at 20% 78%,#ff8b351a,transparent 30%),linear-gradient(145deg,#050c15 0%,#071521 48%,#091b28 100%)}}.gift-shell{transition:background .5s}.sky-noise{pointer-events:none;opacity:.18;background-image:radial-gradient(#ffffffb8 .65px,#0000 .65px);background-size:5px 5px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}.gift-shell:before{content:"";background:var(--aura);filter:blur(170px);opacity:.08;pointer-events:none;border-radius:50%;width:60vw;min-width:420px;height:60vw;min-height:420px;transition:background .5s;position:fixed;top:12vh;right:-30vw}.topbar{z-index:20;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;display:flex;position:relative}.brand{background:var(--red);color:#fff;letter-spacing:-.04em;cursor:pointer;border:0;border-radius:8px;padding:8px 12px;font-size:1rem;font-weight:950;line-height:1;box-shadow:0 10px 34px #ff263840}.brand span{vertical-align:top;margin-left:2px;font-size:.42em}.grownup-link{color:#b8c7d0;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:.64rem;font-weight:800}.grownup-link:hover{color:#fff}.welcome-view,.choice-view,.name-view,.reveal-view,.create-view{z-index:2;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.view-enter{animation:.55s cubic-bezier(.2,.8,.2,1) both viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}}.welcome-view{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;min-height:calc(100svh - 150px);padding:54px 0 60px;display:grid}.gift-copy{z-index:3;position:relative}.eyebrow{color:var(--orange);letter-spacing:.2em;align-items:center;gap:10px;font-size:.68rem;font-weight:900;display:flex}.eyebrow span{color:var(--aura-glow)}.gift-copy h1,.reveal-copy h1{letter-spacing:-.068em;max-width:700px;margin:20px 0 22px;font-size:clamp(3.2rem,7vw,6.7rem);line-height:.88}.gift-copy>p{color:#b7c4cc;max-width:620px;margin:0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65}.welcome-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-button,.secondary-button,.quiet-button{letter-spacing:.09em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:34px;min-height:56px;padding:0 22px;font-size:.72rem;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-button{background:var(--red);color:#fff;box-shadow:0 16px 46px #ff26383d}.primary-button:hover,.secondary-button:hover,.quiet-button:hover{transform:translateY(-2px)}.primary-button:focus-visible,.secondary-button:focus-visible,.quiet-button:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--aura-glow);outline-offset:4px}.secondary-button,.quiet-button{color:#fff;background:#ffffff0a;border:1px solid #ffffff2e}.quiet-button{background:0 0}.promise-row{color:#8298a7;letter-spacing:.07em;flex-wrap:wrap;gap:24px;margin-top:38px;font-size:.63rem;display:flex}.promise-row b{color:#d4e0e6}.guardian-orbit{aspect-ratio:1;place-self:center;width:min(46vw,530px);position:relative}.guardian-orbit:before{content:"";background:radial-gradient(circle,var(--aura),#ffffff04 64%,transparent 65%);border-radius:50%;position:absolute;inset:15%}@supports (color:color-mix(in lab, red, red)){.guardian-orbit:before{background:radial-gradient(circle,color-mix(in srgb,var(--aura) 32%,transparent),#ffffff04 64%,transparent 65%)}}.guardian-orbit:before{filter:drop-shadow(0 0 60px var(--aura))}@supports (color:color-mix(in lab, red, red)){.guardian-orbit:before{filter:drop-shadow(0 0 60px color-mix(in srgb,var(--aura) 22%,transparent))}}.orbit-ring{border:1px solid #ffffff21;border-radius:50%;position:absolute}.ring-a{border-style:dashed;animation:22s linear infinite spin;inset:11%}.ring-b{border-color:var(--aura);inset:28%}@supports (color:color-mix(in lab, red, red)){.ring-b{border-color:color-mix(in srgb,var(--aura) 52%,transparent)}}.ring-b{box-shadow:0 0 40px var(--aura);animation:15s linear infinite spinReverse}@supports (color:color-mix(in lab, red, red)){.ring-b{box-shadow:0 0 40px color-mix(in srgb,var(--aura) 18%,transparent)}}.orbit-character{z-index:3;filter:drop-shadow(0 20px 20px #00000061);place-items:center;width:49%;height:49%;display:grid;position:absolute}.orbit-character img{object-fit:contain;width:100%;height:100%}.orbit-character-1{animation:5s ease-in-out infinite floatOne;top:3%;left:2%}.orbit-character-2{animation:5.8s ease-in-out infinite floatTwo;top:4%;right:0}.orbit-character-3{animation:6.4s ease-in-out -1.2s infinite floatOne;bottom:-2%;left:27%}.portal-core{z-index:5;width:118px;height:118px;box-shadow:0 0 70px var(--aura),inset 0 0 30px #ffffff12;background:#07141fe6;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.portal-core{box-shadow:0 0 70px color-mix(in srgb,var(--aura) 32%,transparent),inset 0 0 30px #ffffff12}}.portal-core span{color:var(--aura-glow);text-shadow:0 0 20px var(--aura);font-size:2rem;position:absolute;top:15px}.portal-core small{text-align:center;letter-spacing:.13em;color:#dce7ec;margin-top:36px;font-size:.56rem;font-weight:900;line-height:1.35}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes floatOne{50%{transform:translateY(-12px)rotate(-1deg)}}@keyframes floatTwo{50%{transform:translateY(10px)rotate(1.5deg)}}.stepper{z-index:10;grid-template-columns:repeat(4,minmax(30px,90px)) 45px;align-items:center;gap:8px;width:min(1180px,100% - 40px);margin:24px auto 0;display:grid;position:relative}.stepper span{background:#ffffff21;border-radius:5px;height:3px;transition:all .4s}.stepper span.active{background:linear-gradient(90deg,var(--aura),var(--aura-glow));box-shadow:0 0 12px var(--aura)}@supports (color:color-mix(in lab, red, red)){.stepper span.active{box-shadow:0 0 12px color-mix(in srgb,var(--aura) 35%,transparent)}}.stepper b{color:#8095a3;letter-spacing:.1em;text-align:right;font-size:.6rem}.choice-view{min-height:calc(100svh - 120px);padding:42px 0 60px}.section-heading{text-align:center;margin:0 auto 30px}.section-heading>span,.reveal-copy>span,.modal-kicker{color:var(--orange);letter-spacing:.2em;font-size:.63rem;font-weight:900}.section-heading h2{letter-spacing:-.055em;margin:9px 0 8px;font-size:clamp(2rem,4.8vw,4rem);line-height:1}.section-heading p{color:var(--muted);margin:0;font-size:.9rem}.guardian-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guardian-card{text-align:left;cursor:pointer;background:linear-gradient(155deg,#122635eb,#08141ff5);border:1px solid #ffffff21;border-radius:24px;min-width:0;padding:0;transition:transform .28s,border-color .28s,box-shadow .28s;overflow:hidden}.guardian-card:hover{border-color:#ffffff52;transform:translateY(-5px)}.guardian-card.selected{border-color:var(--aura-glow);box-shadow:0 24px 70px var(--aura)}@supports (color:color-mix(in lab, red, red)){.guardian-card.selected{box-shadow:0 24px 70px color-mix(in srgb,var(--aura) 18%,transparent)}}.guardian-image{background:radial-gradient(circle at 50% 58%,var(--aura),transparent 55%),linear-gradient(145deg,#ffffff0a,transparent);place-items:center;height:340px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.guardian-image{background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--aura) 16%,transparent),transparent 55%),linear-gradient(145deg,#ffffff0a,transparent)}}.guardian-image:after{content:"";filter:blur(14px);background:#00000054;border-radius:50%;width:64%;height:10%;position:absolute;bottom:8%}.guardian-image img{object-fit:contain;z-index:1;filter:drop-shadow(0 20px 22px #00000052);width:95%;height:95%;transition:transform .35s;position:relative}.guardian-card:hover img{transform:scale(1.035)}.guardian-info{padding:20px 20px 13px}.guardian-info span{color:var(--aura-glow);text-transform:uppercase;letter-spacing:.14em;font-size:.55rem;font-weight:900}.guardian-info strong{letter-spacing:-.04em;margin-top:4px;font-size:1.7rem;display:block}.guardian-info p{color:#91a5b2;margin:5px 0 0;font-size:.75rem;line-height:1.45}.guardian-card>i{color:#708795;letter-spacing:.15em;border-top:1px solid #ffffff17;margin:0 20px 18px;padding-top:13px;font-size:.58rem;font-style:normal;font-weight:900;display:block}.guardian-card.selected>i{color:var(--green)}.flow-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:28px;display:flex}.back-button{color:#8298a6;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;padding:18px 8px;font-size:.65rem;font-weight:900}.compact-view{width:min(980px,100% - 40px)}.aura-stage{grid-template-columns:41% 59%;align-items:center;gap:24px;display:grid}.selected-companion,.name-portrait{place-items:center;min-height:500px;display:grid;position:relative}.selected-companion img,.name-portrait img{object-fit:contain;z-index:2;filter:drop-shadow(0 26px 30px #00000061);width:100%;height:440px;position:relative}.companion-halo{aspect-ratio:1;background:radial-gradient(circle,var(--aura),transparent 68%);border-radius:50%;width:78%;position:absolute}@supports (color:color-mix(in lab, red, red)){.companion-halo{background:radial-gradient(circle,color-mix(in srgb,var(--aura) 38%,transparent),transparent 68%)}}.companion-halo{border:1px solid var(--aura-glow)}@supports (color:color-mix(in lab, red, red)){.companion-halo{border:1px solid color-mix(in srgb,var(--aura-glow) 35%,transparent)}}.companion-halo{box-shadow:0 0 70px var(--aura),inset 0 0 50px var(--aura)}@supports (color:color-mix(in lab, red, red)){.companion-halo{box-shadow:0 0 70px color-mix(in srgb,var(--aura) 20%,transparent),inset 0 0 50px color-mix(in srgb,var(--aura) 15%,transparent)}}.companion-halo{transition:background .4s,border-color .4s}.selected-companion strong{z-index:4;letter-spacing:.13em;text-transform:uppercase;background:#050f18c7;border:1px solid #ffffff24;border-radius:999px;padding:8px 13px;font-size:.65rem;position:absolute;bottom:10px}.aura-grid,.power-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.aura-choice,.power-card{text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:17px;align-items:center;gap:13px;min-height:102px;padding:14px;transition:transform .2s,border-color .25s,background .25s;display:grid}.aura-choice{grid-template-columns:42px 1fr 22px}.aura-choice:hover,.power-card:hover{background:#ffffff0e;transform:translateY(-2px)}.aura-choice.selected,.power-card.selected{border-color:var(--aura-glow);background:var(--aura)}@supports (color:color-mix(in lab, red, red)){.aura-choice.selected,.power-card.selected{background:color-mix(in srgb,var(--aura) 10%,#ffffff08)}}.aura-choice>span{background:var(--swatch);width:38px;height:38px;box-shadow:inset 0 0 0 6px #ffffff21,0 0 18px var(--swatch-glow);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.aura-choice>span{box-shadow:inset 0 0 0 6px #ffffff21,0 0 18px color-mix(in srgb,var(--swatch-glow) 45%,transparent)}}.aura-choice strong,.power-card strong{font-size:.88rem;display:block}.aura-choice small,.power-card small{color:#899eab;margin-top:4px;font-size:.68rem;line-height:1.25;display:block}.aura-choice>b,.power-card>b{color:var(--green);text-align:right;font-size:.8rem}.power-grid{grid-template-columns:repeat(2,1fr);width:min(790px,100%);margin:42px auto 0}.power-card{grid-template-columns:48px 1fr 24px;min-height:112px}.power-card>span{width:46px;height:46px;color:var(--aura-glow);background:var(--aura);border-radius:14px;place-items:center;font-size:1.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.power-card>span{background:color-mix(in srgb,var(--aura) 15%,#ffffff08)}}.power-card>span{border:1px solid var(--aura)}@supports (color:color-mix(in lab, red, red)){.power-card>span{border:1px solid color-mix(in srgb,var(--aura) 32%,transparent)}}.power-card strong{font-size:1rem}.name-view{grid-template-columns:47% 53%;align-items:center;gap:44px;min-height:calc(100svh - 92px);padding:32px 0 60px;display:grid}.name-portrait{min-height:590px}.name-portrait img{height:540px}.name-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1b28bd;border:1px solid #ffffff1f;border-radius:26px;padding:30px;box-shadow:0 28px 100px #0000003d}.section-heading.left{text-align:left;margin-bottom:30px}.section-heading.left p{line-height:1.5}.name-panel label{color:#90a3af;letter-spacing:.16em;margin-bottom:9px;font-size:.59rem;font-weight:900;display:block}.name-panel input{color:#fff;background:#ffffff0e;border:1px solid #ffffff2e;border-radius:16px;outline:0;width:100%;height:74px;padding:0 19px;font-size:1.7rem;font-weight:800}.name-panel input::placeholder{color:#536a78}.name-panel input:focus{border-color:var(--aura-glow);box-shadow:0 0 0 5px var(--aura)}@supports (color:color-mix(in lab, red, red)){.name-panel input:focus{box-shadow:0 0 0 5px color-mix(in srgb,var(--aura) 12%,transparent)}}.suggestions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;display:flex}.suggestions>span{color:#6e8493;letter-spacing:.12em;margin-right:3px;font-size:.55rem;font-weight:900}.suggestions button{color:#b9c7ce;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:7px 10px;font-size:.67rem}.reveal-view{text-align:center;min-height:calc(100svh - 90px);padding:34px 0 60px}.reveal-copy h1{max-width:800px;margin:10px auto 12px;font-size:clamp(2.9rem,6vw,5.4rem)}.reveal-copy p{color:var(--muted);margin:0 0 26px}.reveal-copy p b{color:#fff}.aura-card{aspect-ratio:.8;text-align:left;background:radial-gradient(circle at 50% 34%,var(--aura),transparent 45%),linear-gradient(155deg,#10283a,#07121e 72%);border-radius:31px;width:min(520px,100%);margin:0 auto;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.aura-card{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--aura) 25%,transparent),transparent 45%),linear-gradient(155deg,#10283a,#07121e 72%)}}.aura-card{border:1px solid var(--aura-glow)}@supports (color:color-mix(in lab, red, red)){.aura-card{border:1px solid color-mix(in srgb,var(--aura-glow) 44%,#ffffff29)}}.aura-card{box-shadow:0 30px 100px #0006,0 0 64px var(--aura)}@supports (color:color-mix(in lab, red, red)){.aura-card{box-shadow:0 30px 100px #0006,0 0 64px color-mix(in srgb,var(--aura) 16%,transparent)}}.aura-card{transition:box-shadow .4s}.aura-card:before{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:24px;position:absolute;inset:9px}.aura-card.charged{box-shadow:0 32px 110px #00000073,0 0 100px var(--aura)}@supports (color:color-mix(in lab, red, red)){.aura-card.charged{box-shadow:0 32px 110px #00000073,0 0 100px color-mix(in srgb,var(--aura) 42%,transparent)}}.aura-card.charged{animation:2.2s ease-in-out infinite chargedPulse}@keyframes chargedPulse{50%{transform:translateY(-3px)}}.card-stars{color:#ffffff45;text-align:center;letter-spacing:.5em;font-size:.74rem;position:absolute;inset:16% 0 auto}.card-top{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:31px;left:32px;right:32px}.card-top b{background:var(--red);color:#fff;letter-spacing:-.02em;border-radius:6px;padding:7px 9px;font-size:.72rem}.card-top span{color:#a9bbc5;letter-spacing:.17em;font-size:.53rem;font-weight:900}.card-character{place-items:center;height:49%;display:grid;position:absolute;top:9%;left:3%;right:3%}.card-character img{object-fit:contain;z-index:2;filter:drop-shadow(0 20px 22px #0000006b);width:89%;height:93%}.card-character img.custom-portrait{aspect-ratio:1;object-fit:cover;border:5px solid var(--aura-glow);width:min(64%,270px);height:auto;box-shadow:0 0 40px var(--aura);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.card-character img.custom-portrait{box-shadow:0 0 40px color-mix(in srgb,var(--aura) 55%,transparent)}}.character-glow{aspect-ratio:1;background:radial-gradient(circle,var(--aura),transparent 68%);border-radius:50%;width:66%;position:absolute}@supports (color:color-mix(in lab, red, red)){.character-glow{background:radial-gradient(circle,color-mix(in srgb,var(--aura) 52%,transparent),transparent 68%)}}.character-glow{filter:blur(3px)}.card-details{color:#081722;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);background:#fffffff5;min-height:37%;padding:31px 36px 25px;position:absolute;bottom:50px;left:0;right:0}.card-details>span{letter-spacing:.15em;color:#63747e;font-size:.47rem;font-weight:900}.card-details h2{letter-spacing:-.055em;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 1px;font-size:clamp(2.1rem,7vw,3.25rem);line-height:1;overflow:hidden}.aura-name{color:var(--aura);text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:7px;font-size:.66rem;font-weight:900;display:flex}.aura-name i{background:var(--aura);width:10px;height:10px;box-shadow:0 0 10px var(--aura);border-radius:50%}.card-details p{color:#687882;flex-direction:column;margin:14px 0 0;font-size:.67rem;line-height:1.4;display:flex}.card-details p b{color:#172a36;font-size:.82rem}.card-foot{color:#6e8491;letter-spacing:.1em;background:#06121c;justify-content:space-between;align-items:center;height:50px;padding:0 34px;font-size:.54rem;display:flex;position:absolute;bottom:0;left:0;right:0}.card-foot b{color:var(--green)}.reveal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.charge-game{background:#07141fd1;border:1px solid #ffffff24;border-radius:22px;width:min(620px,100%);margin:25px auto 0;overflow:hidden}.game-head{text-align:left;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 50px;align-items:center;min-height:54px;padding:0 18px;font-size:.75rem;display:grid}.game-head span{color:var(--aura-glow);font-weight:900}.game-head b{text-align:right;color:var(--orange)}.game-field{background:radial-gradient(circle at 50% 55%,var(--aura),transparent 55%);place-items:center;height:290px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-field{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--aura) 22%,transparent),transparent 55%)}}.game-field:before{content:"";opacity:.2;background-image:radial-gradient(#ffffff80 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.moving-spark{z-index:4;background:var(--aura);color:#fff;cursor:pointer;width:96px;height:96px;box-shadow:0 0 35px var(--aura),inset 0 0 18px #ffffff7a;border:1px solid #ffffff94;border-radius:50%;align-content:center;place-items:center;gap:1px;animation:.8s ease-in-out infinite sparkBeat;display:grid}.moving-spark span{font-size:2rem;line-height:1}.moving-spark small{letter-spacing:.16em;font-size:.46rem;font-weight:900}.moving-spark:active{transform:scale(.84)}.charge-rings{border:1px dashed var(--aura-glow);border-radius:50%;width:190px;height:190px;position:absolute}@supports (color:color-mix(in lab, red, red)){.charge-rings{border:1px dashed color-mix(in srgb,var(--aura-glow) 45%,transparent)}}.charge-rings{box-shadow:0 0 40px var(--aura);animation:8s linear infinite spin}@supports (color:color-mix(in lab, red, red)){.charge-rings{box-shadow:0 0 40px color-mix(in srgb,var(--aura) 20%,transparent)}}@keyframes sparkBeat{50%{box-shadow:0 0 54px var(--aura),inset 0 0 20px #ffffffb3}}.game-guardian{opacity:.23;width:180px;height:170px;position:absolute;bottom:-28px;right:0}.game-guardian img{object-fit:contain;width:100%;height:100%}.try-again{color:var(--aura-glow);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:15px auto 0;font-size:.75rem;text-decoration:underline}.after-gift{grid-template-columns:1fr 1fr;gap:8px;width:min(620px,100%);margin:26px auto 0;display:grid}.after-gift button{color:#a8b8c2;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;min-height:55px;padding:0 15px;font-size:.68rem;display:flex}.local-note{color:#657c8a;max-width:650px;margin:19px auto 0;font-size:.65rem;line-height:1.5}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0}.confetti i{--x:calc((var(--i) * 37) % 100);top:-30px;left:calc(var(--x) * 1%);background:hsl(calc(var(--i) * 39deg),86%,62%);width:7px;height:15px;animation:confettiDrop calc(2.2s + (var(--i) % 5) * .25s) ease-in calc((var(--i) % 7) * 80ms) both;position:absolute}@keyframes confettiDrop{to{transform:translate(calc((var(--i) % 5 - 2) * 34px),105vh) rotate(760deg)}}footer{z-index:5;color:#536c7b;letter-spacing:.14em;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:74px;margin:0 auto;font-size:.57rem;display:flex;position:relative}footer button{color:#8298a5;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.62rem;text-decoration:underline}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02080dc7;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.info-modal,.making-modal,.card-preview-modal{color:#0a1a25;background:var(--paper);border-radius:28px;width:min(900px,100%);max-height:calc(100svh - 44px);padding:clamp(27px,5vw,54px);position:relative;overflow-y:auto;box-shadow:0 40px 140px #0000008c}.modal-close{color:#18303d;cursor:pointer;background:#ffffff80;border:1px solid #0000001f;border-radius:50%;place-items:center;width:39px;height:39px;font-size:1.5rem;display:grid;position:absolute;top:17px;right:18px}.info-modal h2,.making-modal h2{letter-spacing:-.055em;margin:10px 0 14px;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.info-modal>p{color:#596c77;max-width:760px;line-height:1.55}.trust-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:26px;display:grid}.trust-grid>div{background:#fff;border:1px solid #08182217;border-radius:14px;flex-direction:column;gap:5px;padding:18px;display:flex}.trust-grid b{font-size:.88rem}.trust-grid span{color:#647680;font-size:.71rem;line-height:1.45}.real-ponchi{color:#fff;background:#0b1a25;border-radius:17px;grid-template-columns:100px 24px 100px 1fr;align-items:center;gap:12px;margin-top:25px;padding:14px;display:grid}.real-ponchi>img{object-fit:cover;border-radius:11px;width:100px;height:100px}.real-ponchi>span{color:var(--orange);text-align:center}.real-ponchi>div{padding:0 7px}.real-ponchi b{font-size:.88rem}.real-ponchi p{color:#9fb0ba;margin:6px 0 9px;font-size:.68rem;line-height:1.42}.real-ponchi a{color:var(--blue);letter-spacing:.1em;font-size:.61rem;font-weight:900;text-decoration:none}.making-modal{width:min(960px,100%)}.making-transformation{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:10px;margin:24px 0 17px;display:grid;position:relative}.making-art-card{background:#fff;border:1px solid #0818221a;border-radius:18px;min-width:0;padding:9px;transition:transform .7s,border-color .7s,box-shadow .7s;box-shadow:0 18px 50px #0818221a}.making-card-label{color:#50636e;letter-spacing:.13em;align-items:center;gap:7px;min-height:31px;font-size:.58rem;font-weight:900;display:flex}.making-card-label span{color:#102330;letter-spacing:0;background:#edf1f2;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.52rem;display:grid}.making-image-window{aspect-ratio:1;border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.making-image-window img{object-fit:contain;object-position:center;z-index:1;width:calc(100% - 16px);height:calc(100% - 16px);display:block;position:absolute;inset:8px}.drawing-square{background:#f5efe5}.figure-square{background:#06111b}.figure-square img{opacity:0;filter:grayscale(.9)blur(7px);transition:opacity 1s,filter 1s,transform 1s;transform:scale(.9)}.making-question{z-index:3;color:#ffffffe0;background:radial-gradient(circle,#62c8e633,#050e17db);border:1px dashed #ffffff4d;border-radius:50%;place-items:center;font-size:clamp(2.6rem,7vw,5rem);font-weight:300;transition:opacity .7s,transform .7s;display:grid;position:absolute;inset:18%}.making-portal-mark{color:#102330;place-self:center;place-items:center;width:60px;height:60px;display:grid;position:relative}.making-portal-mark>span{z-index:2;font-size:1.2rem;position:relative}.making-portal-mark>i{border:1px solid #288bb46b;border-radius:50%;position:absolute;inset:4px;box-shadow:0 0 24px #288bb424,inset 0 0 20px #288bb417}.making-portal-mark>i:before{content:"";border-radius:inherit;border:1px dashed #ff8b3566;position:absolute;inset:-8px}.making-scan-line{z-index:3;opacity:0;background:linear-gradient(90deg,transparent,var(--blue),white,var(--blue),transparent);height:3px;box-shadow:0 0 16px var(--blue);position:absolute;top:-6px;left:0;right:0}.making-paint-wash{z-index:2;opacity:0;mix-blend-mode:color;background:linear-gradient(110deg,#ff8b3573,#0000 43%,#62c8e652);position:absolute;inset:0}.making-transformation.is-running .making-portal-mark>i{animation:4s linear infinite spin}.making-transformation.is-running .making-portal-mark>i:before{animation:5.5s linear infinite reverse spin}.making-scene-1 .making-scan-line,.making-scene-2 .making-scan-line{opacity:1;animation:2.2s ease-in-out infinite makingScan}.making-scene-1 .making-question{transform:scale(.92);box-shadow:0 0 36px #62c8e638}.making-scene-2 .making-question,.making-scene-3 .making-question,.making-scene-4 .making-question,.making-scene-5 .making-question,.making-transformation.is-complete .making-question{opacity:0;pointer-events:none;transform:scale(.7)}.making-scene-2 .figure-square img{opacity:.2;filter:grayscale(.9)blur(5px);transform:scale(.93)}.making-scene-3 .figure-square img{opacity:.52;filter:grayscale(.62)blur(2px);transform:scale(.96)}.making-scene-4 .figure-square img{opacity:.82;filter:saturate(.75)blur(.7px);transform:scale(.99)}.making-scene-4 .making-paint-wash{opacity:.62;animation:1.8s ease-in-out infinite makingPaint}.making-scene-5 .figure-square img,.making-transformation.is-complete .figure-square img{opacity:1;filter:none;transform:scale(1)}.making-scene-5 .making-figure-card,.making-transformation.is-complete .making-figure-card{border-color:#19855273;transform:scale(1.015);box-shadow:0 22px 60px #19855229}@keyframes makingScan{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes makingPaint{50%{opacity:.28;transform:translate(20%)}}.making-story-status{justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:9px 1px;display:flex}.making-story-status>div{align-items:center;gap:13px;min-width:0;display:flex}.making-story-status>div>span{color:var(--orange);letter-spacing:.13em;white-space:nowrap;font-size:.59rem;font-weight:900}.making-story-status section{min-width:0}.making-story-status strong{font-size:.9rem;display:block}.making-story-status p{color:#647680;margin:3px 0 0;font-size:.68rem;line-height:1.35}.making-story-status>b{color:#2389b5;font-size:1.1rem}.making-progress-track{background:#0818221f;border-radius:999px;height:4px;margin:15px 9px 32px;position:relative}.making-progress-track>div{border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--blue),var(--green));height:100%;transition:width .6s linear;box-shadow:0 0 14px #62c8e64d}.making-progress-track>span{background:#edf1f2;border:1px solid #0818222e;border-radius:50%;place-items:center;width:19px;height:19px;transition:all .3s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.making-progress-track>span.passed{border-color:var(--blue);background:#14364a;box-shadow:0 0 11px #62c8e64d}.making-progress-track i{color:#526772;font-size:.5rem;font-style:normal}.making-progress-track>span.passed i{color:#fff}.making-start{min-width:min(330px,100%);margin:0 auto;display:flex}.making-note{color:#6f5c39;background:#fff7e7;border-radius:11px;margin:25px 0 0;padding:14px;font-size:.69rem;line-height:1.45}.card-preview-modal{text-align:center;width:min(610px,100%)}.card-preview-modal h2{letter-spacing:-.05em;margin:8px 0 19px;font-size:clamp(2rem,5vw,3rem)}.card-preview-modal>img{object-fit:contain;border-radius:18px;width:min(330px,80%);max-height:58svh;margin:0 auto 18px;display:block;box-shadow:0 20px 55px #00000038}.card-preview-modal .primary-button{width:min(330px,100%)}.card-preview-modal>p{color:#687a84;margin:13px auto 0;font-size:.68rem;line-height:1.45}.create-view{text-align:center;min-height:calc(100svh - 120px);padding:42px 0 60px}.create-grid{grid-template-columns:1fr 1fr;gap:16px;width:min(880px,100%);margin:0 auto;display:grid}.create-card{text-align:left;cursor:pointer;background:linear-gradient(155deg,#122635eb,#08141ff5);border:1px solid #ffffff21;border-radius:24px;flex-direction:column;gap:6px;padding:28px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.create-card:hover{border-color:#ffffff52;transform:translateY(-5px)}.create-card:disabled{opacity:.6;cursor:wait;transform:none}.create-card-upload{border-color:var(--aura-glow)}@supports (color:color-mix(in lab, red, red)){.create-card-upload{border-color:color-mix(in srgb,var(--aura-glow) 45%,#ffffff21)}}.create-card-upload{box-shadow:0 24px 70px var(--aura)}@supports (color:color-mix(in lab, red, red)){.create-card-upload{box-shadow:0 24px 70px color-mix(in srgb,var(--aura) 16%,transparent)}}.create-icon{font-size:2.1rem}.create-card strong{letter-spacing:-.03em;margin-top:4px;font-size:1.35rem}.create-card p{color:#91a5b2;flex:1;margin:6px 0 0;font-size:.8rem;line-height:1.5}.create-card>i{color:#708795;letter-spacing:.15em;border-top:1px solid #ffffff17;margin-top:16px;padding-top:13px;font-size:.58rem;font-style:normal;font-weight:900;display:block}.create-error{color:#ff8b8b;max-width:520px;margin:16px auto 0;font-size:.78rem}.detected-badge{z-index:4;background:var(--aura);position:absolute;bottom:56px}@supports (color:color-mix(in lab, red, red)){.detected-badge{background:color-mix(in srgb,var(--aura) 30%,#050f18d9)}}.detected-badge{border:1px solid var(--aura-glow);letter-spacing:.1em;color:#fff;border-radius:999px;padding:6px 12px;font-size:.56rem;font-weight:900}.companion-fallback{background:var(--aura);border-radius:50%;place-items:center;width:60%;height:60%;font-size:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.companion-fallback{background:color-mix(in srgb,var(--aura) 20%,#ffffff0a)}}.companion-fallback{border:2px dashed var(--aura-glow);z-index:2;position:relative}.sales-nudge{text-align:center;background:linear-gradient(155deg,#ff26381a,#ff8b350d);border:1px solid #ff8a3540;border-radius:22px;width:min(560px,100%);margin:30px auto 0;padding:26px 28px}.sales-eyebrow{color:var(--orange);letter-spacing:.18em;font-size:.6rem;font-weight:900}.sales-nudge h3{letter-spacing:-.03em;margin:8px 0 6px;font-size:1.5rem}.sales-nudge p{color:#c3d0d7;max-width:440px;margin:0 auto 16px;font-size:.85rem;line-height:1.55}.sales-nudge small{color:#8298a7;margin-top:12px;font-size:.68rem;display:block}.sales-nudge small b{color:#d4e0e6}@media (width<=860px){.welcome-view{text-align:center;grid-template-columns:1fr;gap:15px;padding-top:35px}.gift-copy{order:2}.eyebrow,.welcome-actions,.promise-row{justify-content:center}.gift-copy h1,.gift-copy>p{margin-left:auto;margin-right:auto}.guardian-orbit{order:1;width:min(70vw,440px)}.guardian-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.guardian-card{grid-template-rows:1fr auto;grid-template-columns:42% 1fr;display:grid}.guardian-image{grid-row:1/3;height:230px}.guardian-info{align-self:end}.aura-stage,.name-view{grid-template-columns:1fr}.selected-companion{min-height:330px}.selected-companion img{height:320px}.name-view{gap:0}.name-portrait{min-height:360px}.name-portrait img{height:370px}.create-grid{grid-template-columns:1fr}}@media (width<=620px){.topbar,.welcome-view,.choice-view,.name-view,.reveal-view,footer,.create-view{width:min(100% - 24px,1180px)}.topbar{min-height:64px}.grownup-link{letter-spacing:.11em;font-size:.52rem}.welcome-view{min-height:calc(100svh - 128px);padding:22px 0 40px}.guardian-orbit{width:min(86vw,390px)}.portal-core{width:92px;height:92px}.portal-core span{font-size:1.45rem;top:10px}.portal-core small{margin-top:31px}.gift-copy h1{font-size:clamp(3rem,15vw,4.7rem)}.gift-copy>p{font-size:.93rem;line-height:1.55}.welcome-actions{margin-top:25px}.primary-button,.secondary-button,.quiet-button{width:100%}.promise-row{gap:12px;font-size:.54rem}.stepper{width:calc(100% - 24px);margin-top:18px}.choice-view{padding-top:28px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:2.35rem}.section-heading p{font-size:.78rem;line-height:1.45}.guardian-card{grid-template-columns:43% 1fr}.guardian-image{height:200px}.guardian-info{padding:15px 13px 7px}.guardian-info strong{font-size:1.3rem}.guardian-info p{font-size:.64rem}.guardian-card>i{margin:0 13px 13px}.flow-actions{flex-direction:column-reverse}.flow-actions .primary-button{width:100%}.aura-grid,.power-grid{grid-template-columns:1fr}.aura-choice,.power-card{min-height:82px}.selected-companion{min-height:290px}.selected-companion img{height:280px}.name-view{padding-top:15px}.name-portrait{min-height:310px}.name-portrait img{height:310px}.name-panel{padding:22px 15px}.name-panel input{height:66px;font-size:1.45rem}.reveal-view{padding-top:26px}.reveal-copy h1{font-size:3.1rem}.aura-card{border-radius:23px}.card-details{padding:26px 27px 20px}.card-top{top:24px;left:24px;right:24px}.card-foot{padding:0 27px}.after-gift,.trust-grid{grid-template-columns:1fr}.real-ponchi{grid-template-columns:70px 18px 70px}.real-ponchi>img{width:70px;height:70px}.real-ponchi>div{grid-column:1/-1;padding:8px 2px 3px}.making-transformation{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:5px}.making-art-card{border-radius:13px;padding:6px}.making-card-label{letter-spacing:.07em;min-height:27px;font-size:.45rem}.making-card-label span{display:none}.making-image-window{border-radius:9px;padding:4px}.making-portal-mark{width:39px;height:39px}.making-question{font-size:2.5rem;inset:20%}.making-story-status{align-items:flex-start}.making-story-status p{font-size:.62rem}.making-story-status>b{font-size:.9rem}.create-card,.sales-nudge{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
