/* Call Wizard - Royal Pearl luxury 3D look (bigger text). Loaded after luxe.css. Remove the <link> in index.html to undo. */
#wizView#wizView#wizView{position:relative}
#wizView#wizView#wizView .grid2{gap:26px!important}
#wizView#wizView#wizView .card{border-radius:24px!important;overflow:hidden;border:1.5px solid transparent!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
#wizView#wizView#wizView .card:hover{transform:translateY(-4px)}
#wizView#wizView#wizView .card h4{position:relative;overflow:hidden;border-bottom:0!important;padding:17px 20px!important;font-size:12.5px!important;letter-spacing:.18em!important;text-shadow:0 1px 0 rgba(0,0,0,.4)}
#wizView#wizView#wizView .card h4::before{content:"";position:absolute;inset:0 0 52% 0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none}
#wizView#wizView#wizView .card h4::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#f3d08a 12%,#ffb35c 50%,#f3d08a 88%,transparent);box-shadow:0 0 12px rgba(255,179,92,.8)}
#wizView#wizView#wizView .card h4 .ban-ico{padding:5px;border-radius:9px;background:linear-gradient(180deg,#ffc278,#e5730f);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 0 #a24c06,0 6px 12px rgba(229,119,18,.5);color:#fff}
#wizView#wizView#wizView .b3{border-radius:12px!important;transition:transform .12s,box-shadow .12s,filter .12s}
#wizView#wizView#wizView .b3.or,#wizView#wizView#wizView .rcard.on{background:linear-gradient(180deg,#ffd394 0%,#ffa94a 40%,#ea7612 100%)!important;color:#fff!important;text-shadow:0 1px 1px rgba(140,55,0,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(150,60,0,.25),0 4px 0 #b0550a,0 12px 20px -6px rgba(229,119,18,.6)!important;transform:translateY(-2px)}
#wizView#wizView#wizView .b3:hover{filter:brightness(1.06) saturate(1.1);transform:translateY(-3px)}
#wizView#wizView#wizView .b3:active{transform:translateY(2px)!important}
#wizView#wizView#wizView .lx-scq,#wizView#wizView#wizView .wc-seg{padding:6px;border-radius:15px}
#wizView#wizView#wizView .tile{border-radius:22px!important;position:relative;overflow:hidden;border-bottom:0!important;padding-top:20px!important;padding-bottom:18px!important}
#wizView#wizView#wizView .tile:not(.full)::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:4px;border-radius:4px 4px 0 0}
#wizView#wizView#wizView .tile:nth-child(1)::after{background:linear-gradient(90deg,#16a34a,#4ade80);box-shadow:0 0 14px #22c55e}
#wizView#wizView#wizView .tile:nth-child(2)::after{background:linear-gradient(90deg,#dc2626,#fb7185);box-shadow:0 0 14px #ef4444}
#wizView#wizView#wizView .tile:nth-child(3)::after{background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 14px #3b82f6}
#wizView#wizView#wizView .tile:nth-child(4)::after{background:linear-gradient(90deg,#ea7612,#ffc278);box-shadow:0 0 14px #f59e0b}
#wizView#wizView#wizView .tile .v{font-weight:900!important;letter-spacing:-.03em}
#wizView#wizView#wizView .b3.lg{border-radius:20px!important;position:relative;overflow:hidden;padding-top:18px!important;padding-bottom:18px!important}
#wizView#wizView#wizView .b3.lg:not(.or){background:linear-gradient(180deg,#a274ff 0%,#7c3aed 45%,#4c1d95 100%)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 0 #2e0d63,0 20px 34px -8px rgba(124,58,237,.7)!important}
#wizView#wizView#wizView .b3.lg.or{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 0 #9a4805,0 20px 34px -8px rgba(234,118,18,.7)!important}
#wizView#wizView#wizView .b3.lg::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:luxSheen 5s ease-in-out infinite}
@keyframes luxSheen{0%,72%{left:-60%}100%{left:130%}}
#wizView#wizView#wizView .banner{border:0!important;box-shadow:none!important;background:transparent!important}
#wizView#wizView#wizView .banner h2 .ban-ico{border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 0 #34106e,0 10px 20px rgba(124,58,237,.5)}
#wizView#wizView#wizView .banner h2 span{font-weight:900;letter-spacing:-.02em}
#wizView#wizView#wizView .toolbar{border-radius:20px;padding:10px 14px}
#wizView#wizView#wizView .lx-low{border-radius:22px!important}
#wizView#wizView#wizView select,#wizView#wizView#wizView input:not([type=checkbox]):not([type=radio]){border-radius:12px!important}
#wizView#wizView#wizView .card{background:linear-gradient(180deg,#fff 0%,#fcfaff 55%,#f5f0fe 100%) padding-box,linear-gradient(160deg,#f3d08a,rgba(124,58,237,.35) 35%,rgba(124,58,237,.15) 65%,#ffb35c) border-box!important; box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(40,15,80,.06),0 22px 44px -16px rgba(60,20,120,.4),0 50px 90px -50px rgba(60,20,120,.55)!important}
#wizView#wizView#wizView .card:hover{box-shadow:inset 0 1px 0 #fff,0 4px 8px rgba(40,15,80,.08),0 30px 56px -18px rgba(60,20,120,.48),0 60px 100px -50px rgba(60,20,120,.6)!important}
#wizView#wizView#wizView .card h4{background:radial-gradient(120% 160% at 0% 0%,#7a3be0 0%,transparent 55%),linear-gradient(105deg,#180835 0%,#35136b 55%,#5b23a8 100%)!important}
#wizView#wizView#wizView .frow,#wizView#wizView#wizView .wc-order,#wizView#wizView#wizView .oc-r,#wizView#wizView#wizView .ap-opt{background:linear-gradient(180deg,#fff,#f8f5fe)!important;border:1px solid rgba(124,58,237,.12)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(255,255,255,.8),0 6px 14px -10px rgba(60,20,120,.35)!important}
#wizView#wizView#wizView .frow label,#wizView#wizView#wizView .wc-order>b{color:#1a0838!important;font-weight:800!important}
#wizView#wizView#wizView .lx-scq,#wizView#wizView#wizView .wc-seg{background:linear-gradient(180deg,#efe9fb,#f7f3fe);box-shadow:inset 0 2px 5px rgba(60,20,120,.14),inset 0 -1px 0 #fff}
#wizView#wizView#wizView .b3.wh{background:linear-gradient(180deg,#fff,#f2ecff)!important;color:#4c1d95!important;border:1.5px solid #8b5cf6!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #6d28d9,0 9px 14px -6px rgba(109,40,217,.45)!important;transform:translateY(-2px)}
#wizView#wizView#wizView .tile{background:linear-gradient(180deg,#fff,#f7f3ff)!important;border:1px solid rgba(124,58,237,.14)!important;box-shadow:inset 0 1px 0 #fff,0 16px 30px -12px rgba(60,20,120,.4),0 4px 0 rgba(91,35,168,.12)!important}
#wizView#wizView#wizView .tile.full{border-radius:16px!important}
#wizView#wizView#wizView .toolbar{background:rgba(255,255,255,.7);backdrop-filter:blur(14px);border:1px solid rgba(124,58,237,.15);box-shadow:0 12px 28px -14px rgba(60,20,120,.35)}
#wizView#wizView#wizView .lx-low{background:linear-gradient(180deg,#fff8f5,#ffece6)!important;border:1.5px solid rgba(239,110,80,.35)!important;box-shadow:0 18px 36px -18px rgba(210,60,40,.45)!important}
#wizView#wizView#wizView .banner h2 span{background:linear-gradient(180deg,#3a1673,#1a0838);-webkit-background-clip:text;background-clip:text;color:transparent}
#wizView#wizView#wizView .card-b{font-size:15px!important}
#wizView#wizView#wizView .card h4{font-size:14.5px!important}
#wizView#wizView#wizView .frow label,#wizView#wizView#wizView .wc-order>b{font-size:16px!important}
#wizView#wizView#wizView .b3.sm{font-size:14.5px!important;padding:8px 14px!important}
#wizView#wizView#wizView .rcard b{font-size:14.5px!important}
#wizView#wizView#wizView small{font-size:13px!important}
#wizView#wizView#wizView .oc-t b,#wizView#wizView#wizView .oc-t{font-size:15.5px!important}
#wizView#wizView#wizView .tile .v{font-size:46px!important}
#wizView#wizView#wizView .tile .l{font-size:12.5px!important}
#wizView#wizView#wizView .tile.full{font-size:14.5px!important}
#wizView#wizView#wizView .b3.lg{font-size:21px!important}
#wizView#wizView#wizView .banner h2 span{font-size:36px!important}
#wizView#wizView#wizView .lx-low .lux-pill{font-size:16px!important}
#wizView#wizView#wizView select,#wizView#wizView#wizView input:not([type=checkbox]):not([type=radio]){font-size:15px!important}
#wizView#wizView#wizView .toolbar{font-size:15px!important}
html:has(#wizView.on),html:has(#wizView.on) body{background:radial-gradient(900px 600px at 5% 0%,rgba(124,58,237,.18),transparent 60%),radial-gradient(800px 600px at 100% 15%,rgba(255,170,80,.18),transparent 60%),linear-gradient(180deg,#f8f4ff,#ece4fb) fixed!important}
#wizView#wizView#wizView .rcard:not(.on){background:transparent!important;box-shadow:none!important}
#wizView#wizView#wizView .oc-ok,#wizView#wizView#wizView .oc-ok *{font-size:15px!important}
#wizView#wizView#wizView .lx-low{font-size:16px!important}
#wizView#wizView#wizView .lx-low b{font-size:17px!important}
#wizView#wizView#wizView .tile:nth-child(1) .v{color:#16a34a!important}
#wizView#wizView#wizView .tile:nth-child(2) .v{color:#c2410c!important}
#wizView#wizView#wizView .tile:nth-child(3) .v{color:#2563eb!important}
#wizView#wizView#wizView .tile:nth-child(4) .v{color:#c25d06!important}
#wizView#wizView#wizView .tile .v{text-shadow:0 2px 0 rgba(255,255,255,.9),0 4px 10px rgba(60,20,120,.12)}

/* Launch Pad rocket icon on the page title */
#wizView#wizView#wizView .banner h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='%23ffc278' d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E"),linear-gradient(145deg,#a78bfa,#5b21b6)!important;background-size:22px auto,auto!important}
