/* ENCHANTIX HOME SHOWCASE v1.2.0. Dedicated screen: no changes to forms, details or security. */
.home-shell{background:#091b36;overflow:hidden;min-height:100dvh;max-width:520px}
.home-shell #main{position:relative;z-index:1}
.home-shell .showcase-header{height:132px;position:relative;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 19px;border:0;background:transparent}
.home-shell .showcase-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em;line-height:1;color:#f6f4ff;font-size:clamp(2.6rem,12vw,4.05rem);text-shadow:0 3px 12px #071529,0 0 24px #cee0ff36;position:relative;white-space:nowrap}
.home-shell .showcase-title-spark{position:absolute;right:40%;top:-24px;font-style:normal;font-size:clamp(1.4rem,6vw,2rem);line-height:1;color:#fff9fb;filter:drop-shadow(0 0 11px #c7e4ff)}
.home-shell .showcase-header-actions{position:absolute;right:20px;top:calc(13px + env(safe-area-inset-top,0px));display:flex;gap:17px;align-items:center}
.home-shell .showcase-icon{border:0;color:#f3f3fb;display:grid;place-items:center;background:transparent;width:39px;height:44px;padding:6px;position:relative;filter:drop-shadow(0 1px 3px #111c33)}
.home-shell .showcase-icon svg{width:30px;height:30px;stroke-width:1.5}
.home-shell .showcase-unread{position:absolute;right:6px;top:6px;background:#e356ae;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #112648}
.home-shell .showcase-demo{font-size:.5rem;letter-spacing:.1em;color:#e6bef6;background:#131f43a8;border:1px solid #ab85cd;padding:5px;border-radius:8px}
.home-shell .home-showcase{isolation:isolate;position:relative;min-height:calc(100dvh - 132px);padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:stretch;background:transparent}
.home-shell .showcase-backdrop{z-index:-1;pointer-events:none;position:absolute;top:-132px;bottom:0;left:0;right:0;background:url('/assets/home-sky.svg') center top/cover no-repeat,radial-gradient(ellipse at 52% 25%,#234267,#07192e 80%)}
.home-shell .showcase-backdrop::after{content:'';position:absolute;right:0;top:122px;width:43%;height:183px;background:url('/assets/home-castle.webp') right center/100% 100% no-repeat;opacity:.90;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
.home-shell .showcase-invite{width:100%;height:271px;position:relative;display:grid;place-items:center;margin:-3px auto 10px}
.home-shell .showcase-wings{position:absolute;inset:-20px -10% 0;width:120%;height:100%;overflow:visible;filter:drop-shadow(0 0 15px #e7b0ee60);pointer-events:none}
.home-shell .showcase-create{width:188px;height:188px;position:relative;z-index:2;border-radius:50%;border:2px solid #ffd6fa;color:#fff5fa;background:radial-gradient(circle at 52% 42%,#173455 0,#112f54 40%,#112542 76%,#262f4b 100%);box-shadow:0 0 0 4px #9a72bb38,0 0 21px 3px #ffb8eabb,0 0 39px #b58af781,inset 0 0 22px #c49de355;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font:400 2.22rem/1.02 Georgia,'Times New Roman',serif;text-align:center;text-shadow:0 2px 12px #d9b7f288;transition:transform .14s,box-shadow .14s;cursor:pointer}
.home-shell .showcase-create::after{content:'';position:absolute;inset:6px;border:1px solid #fff5fc21;border-radius:50%;pointer-events:none}
.home-shell .showcase-create:active{transform:scale(.97)}
.home-shell .showcase-create-star{font-size:2rem;line-height:1;filter:drop-shadow(0 0 6px white);color:#fff0f4}
.home-shell .showcase-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;margin:0 auto 24px;width:100%;max-width:490px}
.home-shell .showcase-member{--member-accent:#8ec7fc;min-width:0;position:relative;min-height:267px;border:1.25px solid #d5a8dcd9;border-radius:18px;background:linear-gradient(180deg,#18335766 0%,#18375d77 31%,#101f3bbf 70%,#111d38ee 100%);box-shadow:inset 0 0 26px #7f98b32c,0 9px 24px #0007,0 0 6px #e4aef54a;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.home-shell .showcase-member.slot-A{--member-accent:#3ebaff}
.home-shell .showcase-member.slot-B{--member-accent:#d175ff}
.home-shell .showcase-member.slot-C{--member-accent:#b9ef73}
.home-shell .showcase-member.is-current{border-color:#f6c1fc;box-shadow:inset 0 0 27px #92c5ff20,0 9px 24px #0008,0 0 12px #ebbae073}
.home-shell .showcase-portrait{height:128px;width:100%;position:relative;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 62%,color-mix(in srgb,var(--member-accent),transparent 77%),transparent 70%)}
.home-shell .showcase-portrait img{position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:auto;max-width:none;height:274px;min-width:150px;object-fit:contain;filter:drop-shadow(0 6px 6px #02061577)}
.home-shell .showcase-member-name{font:italic 1.18rem/1.1 Georgia,'Times New Roman',serif;white-space:nowrap;max-width:93%;overflow:hidden;text-overflow:ellipsis;color:#fff4fe;text-shadow:0 2px 3px #031126;margin-top:-3px;position:relative;z-index:1;min-height:27px}
.home-shell .showcase-you{position:absolute;top:6px;left:7px;padding:2px 5px;border:1px solid #b8dafa55;border-radius:10px;font:700 .48rem system-ui;letter-spacing:.1em;color:#fff6fb;background:#223b57a8}
.home-shell .showcase-stats{display:flex;flex-direction:column;width:100%;padding:2px 8px 8px;margin-top:auto}
.home-shell .showcase-stat{display:flex;align-items:center;gap:7px;padding:5px 0 6px;min-height:39px;border-top:1px solid #b8d7ff2c}
.home-shell .showcase-stat:first-child{border-top:0}
.home-shell .showcase-stat-ico{flex:0 0 24px;display:grid;place-items:center;color:#e3efff}
.home-shell .showcase-stat-ico svg{width:22px;height:22px;stroke-width:1.6}
.home-shell .showcase-stat-ico.yes{color:#8ce0a5}
.home-shell .showcase-stat-ico.no{color:#ff91b1}
.home-shell .showcase-stat div{min-width:0;display:flex;flex-direction:column;gap:1px}
.home-shell .showcase-stat strong{font:500 1.2rem/1 system-ui;color:#fff;letter-spacing:-.045em}
.home-shell .showcase-stat small{font-size:.60rem;line-height:1.15;color:#e9eafa;white-space:nowrap}
.home-shell .showcase-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:490px;width:100%;margin:0 auto}
.home-shell .showcase-action{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;border:1.4px solid #e2b8e5;color:#f4f3ff;background:linear-gradient(180deg,#203757b8,#132748b5);box-shadow:inset 0 0 14px #bed3ff16,0 9px 14px #0005;border-radius:17px;min-height:69px;padding:11px 8px;font-weight:550;font-size:.84rem;text-shadow:0 1px 3px #071936}
.home-shell .showcase-action svg{width:29px;height:29px;flex:0 0 29px;stroke-width:1.35}
.home-shell .showcase-action i{display:block;font-size:.59rem;font-style:normal;font-weight:400;color:#cfe3ff;margin-top:4px}
.home-shell .showcase-utilities{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;margin:10px auto 0;max-width:490px;width:100%}
.home-shell .showcase-utilities button{border:0;background:#172c51a8;color:#e7d9ff;font-size:.72rem;border-radius:12px;min-height:37px;padding:6px 12px;text-decoration:underline;text-underline-offset:3px}
.home-shell .showcase-utilities span{color:#c3d0e1ad;font-size:.53rem;max-width:60%;text-align:right;line-height:1.35}
@media(min-width:700px){.home-shell{margin:20px auto;min-height:calc(100dvh - 40px);overflow:hidden}.home-shell .showcase-backdrop{top:-132px}.home-shell .showcase-header{height:145px}.home-shell .home-showcase{min-height:calc(100dvh - 145px)}.home-shell .showcase-backdrop::after{content:'';position:absolute;right:0;top:122px;width:43%;height:183px;background:url('/assets/home-castle.webp') right center/100% 100% no-repeat;opacity:.90;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
.home-shell .showcase-invite{height:300px}.home-shell .showcase-create{width:200px;height:200px}.home-shell .showcase-member{min-height:315px}.home-shell .showcase-portrait{height:165px}.home-shell .showcase-portrait img{height:328px;top:-28px}}
@media(max-width:375px){.home-shell .showcase-header{height:121px;padding-bottom:14px}.home-shell .home-showcase{min-height:calc(100dvh - 121px);padding-left:13px;padding-right:13px}.home-shell .showcase-header-actions{right:13px;gap:5px}.home-shell .showcase-title{font-size:clamp(2.37rem,12vw,3rem)}.home-shell .showcase-backdrop::after{content:'';position:absolute;right:0;top:122px;width:43%;height:183px;background:url('/assets/home-castle.webp') right center/100% 100% no-repeat;opacity:.90;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
.home-shell .showcase-invite{height:244px;margin-bottom:8px}.home-shell .showcase-create{height:164px;width:164px;font-size:1.95rem}.home-shell .showcase-create-star{font-size:1.5rem}.home-shell .showcase-people{gap:7px;margin-bottom:16px}.home-shell .showcase-member{min-height:251px;border-radius:16px}.home-shell .showcase-portrait{height:114px}.home-shell .showcase-portrait img{height:250px;top:-19px}.home-shell .showcase-member-name{font-size:1.03rem;min-height:24px}.home-shell .showcase-stats{padding:1px 5px 7px}.home-shell .showcase-stat{gap:3px}.home-shell .showcase-stat-ico{flex-basis:19px}.home-shell .showcase-stat-ico svg{width:19px;height:19px}.home-shell .showcase-stat strong{font-size:1.1rem}.home-shell .showcase-stat small{font-size:.56rem}.home-shell .showcase-action{min-height:62px;border-radius:15px;gap:7px;font-size:.75rem}.home-shell .showcase-action svg{width:24px;height:24px;flex-basis:24px}}
@media(max-width:340px){.home-shell .showcase-backdrop::after{content:'';position:absolute;right:0;top:122px;width:43%;height:183px;background:url('/assets/home-castle.webp') right center/100% 100% no-repeat;opacity:.90;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
.home-shell .showcase-invite{height:220px}.home-shell .showcase-create{width:150px;height:150px;font-size:1.8rem}.home-shell .showcase-people{gap:5px}.home-shell .showcase-member{min-height:239px}.home-shell .showcase-portrait img{height:236px}.home-shell .showcase-stat small{font-size:.54rem}.home-shell .showcase-stat-ico{flex-basis:17px}.home-shell .showcase-stat-ico svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.home-shell .showcase-create,.home-shell .showcase-wings{animation:none!important;transition:none!important}}