.page-hero{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-panel);color:#1d1a26;background:linear-gradient(130deg,#ede6fb,#fbe7ee);padding:20px;position:relative;overflow:hidden}.page-hero-copy{z-index:1;gap:8px;display:grid;position:relative}.page-hero-welcome{color:var(--atmosphere-accent);font-size:12px;font-weight:600}.page-hero-intro{max-width:62ch;font-size:14px;line-height:1.6}.page-hero-art{z-index:0;pointer-events:none;position:absolute;inset:0}.page-hero[data-atmosphere=atelier] .page-hero-art{background:radial-gradient(circle at 88% 10%,#f0567e38,#0000 38%),radial-gradient(circle at 70% 90%,#5b3df530,#0000 40%)}.page-hero[data-atmosphere=avatar]{background:linear-gradient(130deg,#ffe1ec,#e6ddff 55%,#d8f2ff)}.page-hero[data-atmosphere=avatar] .page-hero-art{background:radial-gradient(circle at 90% 20%,#fff 0 34px,#ffffff80 35px 48px,#0000 49px)}.page-hero[data-atmosphere=chibi]{background:linear-gradient(130deg,#fff0a8,#ffd6e4 60%,#d9f6ec)}.page-hero[data-atmosphere=chibi] .page-hero-art{background:radial-gradient(18px at 80% 30%,#ffffffd9 98%,#0000),radial-gradient(10px at 88% 60%,#ffffffd9 98%,#0000),radial-gradient(26px at 70% 74%,#fff9 98%,#0000)}.page-hero[data-atmosphere=sheet]{background:#e8eef9}.page-hero[data-atmosphere=sheet] .page-hero-art{background-image:linear-gradient(#3c5bd624 1px,#0000 1px),linear-gradient(90deg,#3c5bd624 1px,#0000 1px);background-size:28px 28px}.page-hero[data-atmosphere=sheet] .page-hero-art:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 49px,#3c5bd64d 49px 50px);border:2px solid #3c5bd655;border-radius:10px;width:150px;position:absolute;top:18%;bottom:18%;right:8%}.page-hero[data-atmosphere=turn]{background:linear-gradient(120deg,#eceef8,#dce6fa)}.page-hero[data-atmosphere=turn] .page-hero-art{background:radial-gradient(160px 34px at 82% 78%,#3c5bd640,#0000 70%),repeating-linear-gradient(90deg,#0000 0 59px,#3c5bd61f 59px 60px)}.page-hero[data-atmosphere=demon]{color:#f2eefb;background:linear-gradient(160deg,#0f0d24,#1e1a4d 55%,#2e2370)}.page-hero[data-atmosphere=demon] .page-hero-art{background:radial-gradient(circle at 90% 18%,#f4f1ff 0 22px,#f4f1ff29 23px 46px,#0000 47px),repeating-linear-gradient(90deg,#0000 0 46px,#78dcbe17 46px 50px,#0000 50px 98px),linear-gradient(#0000 40%,#0e0c2499)}.page-hero[data-atmosphere=demon] .page-hero-art:after{content:"";opacity:.35;background-image:linear-gradient(45deg,#9b7bff38 25%,#0000 25% 75%,#9b7bff38 75%),linear-gradient(45deg,#9b7bff38 25%,#0000 25% 75%,#9b7bff38 75%);background-position:0 0,20px 20px;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000);mask-image:linear-gradient(90deg,#0000 40%,#000)}.page-hero[data-atmosphere=trainer]{color:#26121a;background:linear-gradient(170deg,#ffd7a8,#ff9d6c 42%,#2bb3a3 130%)}.page-hero[data-atmosphere=trainer] .page-hero-art{background:radial-gradient(circle at 90% 20%,#fff3c9 0 28px,#fff3c959 29px 52px,#0000 53px),linear-gradient(0deg,#14647866 0 14%,#0000 14%)}.page-hero[data-atmosphere=pony]{background:linear-gradient(170deg,#cfe8ff,#e9d9ff 55%,#ffd6f0)}.page-hero[data-atmosphere=pony] .page-hero-art{background:radial-gradient(120px 44px at 78% 70%,#ffffffd9,#0000 70%),radial-gradient(90px 34px at 92%,#ffffffb3,#0000 70%),radial-gradient(100px 36px at 66% 30%,#fff9,#0000 70%)}.page-hero[data-atmosphere=notes]{color:#2b2514;background:#fff8dc}.page-hero[data-atmosphere=notes] .page-hero-art{background-image:repeating-linear-gradient(0deg,#0000 0 31px,#3c78c838 31px 32px)}.page-hero[data-atmosphere=notes] .page-hero-art:after{content:"";border-left:2px solid #f0567e73;position:absolute;top:0;bottom:0;left:56px}.dark .page-hero:not([data-atmosphere=demon]){background-blend-mode:soft-light;color:#eee8f7;background-color:#221e2c}.dark .page-hero:not([data-atmosphere=demon]) .page-hero-welcome{color:#d3c4ff}.dark .page-hero[data-atmosphere=sheet],.dark .page-hero[data-atmosphere=notes]{background:#221e2c}.page-atmosphere-demon [data-breathing=ember]{--breathing-color:#dd7660}.page-atmosphere-demon [data-breathing=tide]{--breathing-color:#5cc8f5}.page-atmosphere-demon [data-breathing=gale]{--breathing-color:#5acdb4}.page-atmosphere-demon [data-breathing=thunderbolt]{--breathing-color:#e9b63a}.page-atmosphere-demon [data-breathing=blossom]{--breathing-color:#f08db5}.page-atmosphere-demon [data-breathing=eclipse]{--breathing-color:#a18beb}.page-atmosphere-demon [data-breathing]:is([data-pressed],[aria-selected=true]){box-shadow:0 0 0 1px var(--breathing-color),0 0 12px color-mix(in srgb,var(--breathing-color) 30%,transparent)}@media (width<=639px){.page-hero{padding:16px}.page-hero-intro{font-size:13px}}