body{margin:0;min-height:100vh;display:flex;flex-direction:column}.welcome-shell{width:min(1040px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.3rem)}.welcome-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(2rem,7vw,5rem) clamp(1.2rem,6vw,4rem);border:1px solid #d0a775;background:linear-gradient(105deg,#211327e8,#45243fdb 48%,#123747dd),url('./assets/card-nebula.webp') center/cover;color:#fff2e1;box-shadow:0 15px 45px #0d0c20aa}.welcome-hero:after{content:'';position:absolute;inset:10px;border:1px solid #b5e8df85;pointer-events:none}.welcome-orbit{position:absolute;z-index:-1;right:5%;top:-.4em;font-size:clamp(10rem,29vw,22rem);line-height:1;color:#a4e8e829;text-shadow:0 0 60px #8de6e6aa}.welcome-eyebrow,.welcome-kicker{font-size:.76rem;font-weight:700;letter-spacing:.2em}.welcome-eyebrow{color:#b7ece9}.welcome-hero h1{max-width:14ch;margin:.35em 0;font:normal clamp(2.8rem,8vw,5.8rem)/1.05 Thornwake,Georgia,serif!important;color:#fff3e3;text-shadow:0 2px 17px #100d25}.welcome-hero h1 em{font-style:normal;color:#d2f3ec}.welcome-lead{max-width:54ch;font-size:clamp(1.1rem,2vw,1.32rem);line-height:1.48}.welcome-actions,.welcome-panel-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.welcome-actions a,.welcome-panel-links a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border:1px solid #a4d7d9;background:#f7f1e8;color:#284b56;text-decoration:none;font-weight:700}.welcome-actions a:not(.welcome-primary){background:#ffffff12;color:#fff1dc}.welcome-actions .welcome-primary{background:linear-gradient(120deg,#bfece8,#fff4d8);color:#2d3948}.welcome-intro,.welcome-panel,.welcome-fonts{margin-top:1rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid #bc987a;background:linear-gradient(130deg,#fff9efef,#e8eeebed);box-shadow:0 7px 23px #160d2480}.welcome-kicker{margin:0 0 .4rem;color:#286f7f}.welcome-intro h2,.welcome-panel h2,.welcome-fonts h2{margin:.1rem 0 .6rem;font:normal clamp(1.8rem,4vw,2.8rem)/1.08 Thornwake,Georgia,serif;color:#542944}.welcome-intro p,.welcome-panel li,.welcome-fonts p{line-height:1.55}.welcome-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.welcome-panel ol{padding-left:1.35rem}.welcome-panel li+li{margin-top:.8rem}.welcome-owner{background:linear-gradient(135deg,#f2e4d8f2,#deeeebed)}.welcome-footnote{font-size:.85rem;color:#685a67}.welcome-fonts code{padding:.08rem .25rem;background:#d9e9e7;color:#633855;overflow-wrap:anywhere}.welcome-curl{font-family:FairyCurl,Thornwake,serif;font-size:1.3em;color:#326f79}.welcome-samples{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid #b4a697;padding-top:1rem}.welcome-samples span{font-size:clamp(1.3rem,3vw,2rem)}@media(max-width:670px){.welcome-columns{grid-template-columns:1fr}.welcome-hero{padding-top:3rem}.welcome-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}}
.welcome-tour{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.3rem}.welcome-tour figure{min-width:0;margin:0;overflow:hidden;border:1px solid #b99a7c;background:#22182d;box-shadow:0 5px 15px #26152d43}.welcome-tour img{display:block;width:100%;height:clamp(185px,23vw,250px);object-fit:cover;object-position:top}.welcome-tour figcaption{display:grid;align-content:start;gap:.3rem;min-height:6.4rem;padding:.7rem;color:#f6e8d9;font-size:.73rem;line-height:1.35}.welcome-tour figcaption strong{font:normal 1.1rem Thornwake,Georgia,serif;color:#b9eee8}.welcome-tour-note{margin:.55rem 0 0;color:#6c606e;font-size:.77rem}@media(max-width:670px){.welcome-tour{display:flex;gap:.65rem;margin-right:calc(-1 * clamp(1.25rem,3vw,2rem));padding:0 clamp(1.25rem,3vw,2rem) .55rem 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.welcome-tour figure{flex:0 0 min(78vw,290px);scroll-snap-align:start}.welcome-tour img{height:300px}.welcome-tour figcaption{min-height:5.8rem}}
.welcome-shell{box-sizing:border-box}
.welcome-hero{background:linear-gradient(105deg,#211327d9,#45243fd6 48%,#123747de),url('./assets/fabric/cyan-magenta.webp') center/cover,url('./assets/card-nebula.webp') center/cover;background-blend-mode:normal,screen,normal}
.welcome-intro,.welcome-panel,.welcome-fonts{background:linear-gradient(130deg,#fff9efec,#e8eeebea),url('./assets/fabric/violet-olive.webp') center/580px auto repeat;background-blend-mode:normal,soft-light}
/* Winged painting meets the original moonlit landscape on the Court welcome. */
.welcome-hero{background-image:linear-gradient(105deg,#211327e8,#45243fdb 48%,#123747dd),url('./assets/painted-galaxy.jpg'),url('./assets/card-nebula.webp');background-position:center,center,center;background-size:cover,cover,cover;background-repeat:no-repeat;background-blend-mode:normal,soft-light,normal}
.welcome-hero:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('./assets/painted-wings.jpg') center 42%/cover no-repeat;opacity:.42;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 16%,transparent 28%,transparent 72%,#000 84%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 16%,transparent 28%,transparent 72%,#000 84%,#000 100%)}
@media(max-width:700px){.welcome-hero:before{display:none}}
.welcome-navigation{margin-top:1rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid #bc987a;background:linear-gradient(130deg,#fff9efed,#e8eeebed),url('./assets/fabric/violet-olive.webp') center/580px auto repeat;box-shadow:0 7px 23px #160d2480}.welcome-navigation h2{margin:.1rem 0 1rem;font:normal clamp(1.8rem,4vw,2.8rem)/1.08 Thornwake,Georgia,serif;color:#542944}.welcome-navigation-layout{display:grid;grid-template-columns:minmax(250px,.9fr) 1.1fr;gap:clamp(1rem,3vw,2rem);align-items:center}.welcome-navigation-copy p,.welcome-section-map{line-height:1.5}.welcome-navigation code,.welcome-fonts code{padding:.08rem .25rem;background:#d9e9e7;color:#633855;overflow-wrap:anywhere}.welcome-token-example{padding:.7rem;border-left:3px solid #168595;background:#fffaf2}.welcome-swipe-graphic{overflow:hidden;padding:.75rem;border:1px solid #c8a672;background:linear-gradient(145deg,#2a1835,#154e5b 65%,#36203b);color:#f9eddb;box-shadow:0 10px 25px #20122370}.welcome-mini-tabs{display:flex;gap:.25rem;overflow:hidden;font:700 .58rem Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}.welcome-mini-tabs span{padding:.45rem .35rem;border:1px solid #a8dedd6e;background:#ffffff13}.welcome-mini-tabs span:first-child{background:#d3f4eb;color:#174751}.welcome-swipe-stage{position:relative;display:grid;place-items:center;min-height:245px;padding:2.2rem 1.7rem}.welcome-swipe-card{width:min(100%,235px);height:145px;border:1px solid #d6ba88;box-shadow:0 10px 20px #09081580}.welcome-swipe-card-back{position:absolute;top:57px;transform:scale(.92) translateY(-14px);background:#e7dfd1a9}.welcome-swipe-card-front{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.55rem;padding:1rem;background:linear-gradient(#fff9eae8,#e6f2efee);color:#3a2a40}.welcome-swipe-card-front span{color:#237684;font-size:.72rem;letter-spacing:.08em}.welcome-swipe-card-front strong{font:normal 1.3rem Thornwake,Georgia,serif}.welcome-swipe-card-front small{color:#685d67}.welcome-swipe-up,.welcome-swipe-down{position:absolute;z-index:2;display:grid;justify-items:center;color:#d3fcf5;font:700 1.3rem Arial,sans-serif;text-shadow:0 2px 6px #10101e}.welcome-swipe-up{top:.15rem}.welcome-swipe-down{bottom:.15rem}.welcome-swipe-stage small{font-size:.7rem;font-weight:400}.welcome-swipe-directions{display:flex;justify-content:space-between;gap:.4rem;border-top:1px solid #b8e6dd7a;padding-top:.65rem;color:#dcf7ee;font-size:.8rem;font-weight:700}.welcome-section-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1.3rem;padding-top:1.15rem;border-top:1px solid #b6ab9e}.welcome-section-map h3{margin:0 0 .5rem;color:#542944;font:normal 1.4rem Thornwake,Georgia,serif}.welcome-section-map ul{margin:.25rem 0;padding-left:1.2rem}.welcome-section-map li+li{margin-top:.4rem}.welcome-section-map p{margin:.75rem 0 0}.welcome-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.welcome-format-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr);align-items:center;gap:.5rem;min-height:6.8rem;padding:.8rem;border:1px solid #c4ad9b;background:#fffaf3}.welcome-format-grid>div>span:not(.welcome-format-arrow){min-width:0}.welcome-format-grid small{grid-column:1/-1;color:#5d5965}.welcome-format-arrow{color:#287588;font-size:1.3rem}.welcome-brand-example .brand-mention{font-size:1rem;width:min(100%,13em)}.welcome-fonts p{line-height:1.55}@media(max-width:750px){.welcome-navigation-layout,.welcome-section-map{grid-template-columns:1fr}}@media(max-width:600px){.welcome-format-grid{grid-template-columns:1fr}.welcome-swipe-stage{min-height:225px}.welcome-swipe-card-back{top:47px}}
.welcome-push{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.15fr);gap:1rem;align-items:center;margin-top:1rem;padding:clamp(.9rem,2vw,1.3rem);border:1px solid #a9b6a3;background:linear-gradient(115deg,#fdf7eaf2,#e0f3eff2);box-shadow:0 7px 23px #160d2460}.welcome-push h2{margin:.1rem 0 .3rem;color:#542944;font:normal clamp(1.35rem,3vw,1.9rem) Thornwake,Georgia,serif}.welcome-push p{margin:.35rem 0;line-height:1.4}.welcome-push .push-choices{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:0;padding:0;border:0}.welcome-push .push-choices legend{margin-bottom:.35rem;color:#3b5870;font-weight:700}.welcome-push .push-choices label{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:.9rem}.welcome-push .push-choices input{width:1rem;height:1rem;accent-color:#137f8b}.welcome-push-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 .3rem}.welcome-push-actions button{padding:.42rem .7rem;border:1px solid #317b82;background:#195564;color:#fff9ec;cursor:pointer}.welcome-push-actions button[hidden]{display:none!important}.welcome-push small{color:#655e69}.welcome-owner p{line-height:1.5}@media(max-width:750px){.welcome-push{grid-template-columns:1fr}}
.welcome-install{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:1rem;align-items:center;margin-top:1rem;padding:clamp(1.1rem,3vw,1.7rem);border:1px solid #bda57e;background:linear-gradient(120deg,#fff9ecf2,#e1f1ebf2);box-shadow:0 7px 23px #160d2460}.welcome-install h2{margin:.1rem 0 .4rem;color:#542944;font:normal clamp(1.5rem,3.5vw,2.2rem) Thornwake,Georgia,serif}.welcome-install p{margin:.4rem 0;line-height:1.45}.welcome-install-note{color:#625b65;font-size:.88rem}.welcome-install-action button{min-height:48px;width:100%;padding:.65rem 1rem;border:1px solid #207780;background:linear-gradient(120deg,#145f6e,#49324f);color:#fff9ef;font:700 1rem Thornwake,Georgia,serif;cursor:pointer}.welcome-install-action button[hidden]{display:none}.welcome-install-action button:focus-visible{outline:3px solid #267e88;outline-offset:3px}.welcome-install-action #court-install-status{font-size:.88rem}.welcome-install-action #court-install-help{padding:.55rem .75rem;border-left:3px solid #217b83;background:#fffaf1}.welcome-install-action #court-install-help[hidden]{display:none}@media(max-width:750px){.welcome-install{grid-template-columns:1fr}}
.welcome-operator-guide .welcome-hero h1{max-width:none}.welcome-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.welcome-guide-grid article{padding:1rem;border:1px solid #bca898;background:#fffaf2}.welcome-guide-grid h3{margin:0 0 .45rem;color:#5b2d50;font:normal 1.35rem Thornwake,Georgia,serif}.welcome-guide-grid p{margin:0;line-height:1.5}.welcome-operator-guide a:not(.welcome-primary){color:#086b7c}.welcome-operator-guide .welcome-hero a:not(.welcome-primary){color:#fff1dc}@media(max-width:680px){.welcome-guide-grid{grid-template-columns:1fr}}
.welcome-hero{display:grid;place-items:center;min-height:clamp(320px,58vh,540px);text-align:center}.welcome-hero .welcome-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(.65rem,2vw,1rem);width:min(100%,820px);margin:0}.welcome-hero .welcome-actions a,.welcome-hero .welcome-actions button{display:grid;place-items:center;min-height:76px;padding:.7rem 1rem;border:1px solid #bde8e0;border-radius:0;text-align:center;text-decoration:none;font:normal clamp(1.25rem,2.5vw,1.8rem)/1.12 Thornwake,Georgia,serif;cursor:pointer;box-sizing:border-box}.welcome-hero .welcome-actions .welcome-primary{background:linear-gradient(120deg,#bfece8,#fff4d8);color:#2d3948}.welcome-hero .welcome-actions .welcome-login{background:#f7f1e8;color:#284b56}.welcome-hero .welcome-actions .welcome-learn-button{background:#ffffff12;color:#fff1dc}.welcome-hero .welcome-actions :is(a,button):focus-visible{outline:3px solid #a4eee4;outline-offset:4px}.welcome-more[hidden]{display:none}.welcome-about .welcome-kicker{letter-spacing:.12em}@media(max-width:670px){.welcome-hero{min-height:clamp(300px,50vh,460px);padding:2rem 1.2rem}.welcome-hero .welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-hero .welcome-actions .welcome-primary{grid-column:1/-1}.welcome-hero .welcome-actions a,.welcome-hero .welcome-actions button{min-height:68px;font-size:clamp(1.2rem,5vw,1.55rem)}}
.welcome-hero .welcome-actions:has(.welcome-install-button){grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-hero .welcome-actions .welcome-install-button{background:linear-gradient(110deg,#213f51,#4d3151);color:#fff3e3;font-size:clamp(.93rem,1.7vw,1.18rem);line-height:1.25}.welcome-hero .welcome-actions .welcome-install-button[hidden]{display:none}.welcome-install-hero-feedback{width:min(100%,820px);text-align:left}.welcome-install-hero-feedback:has(:empty) #court-install-hero-status:empty{display:none}.welcome-install-hero-feedback p{margin:.55rem 0;color:#fff0dd;font-size:.9rem;line-height:1.4}.welcome-install-hero-feedback #court-install-hero-help{margin-top:.65rem;padding:.7rem 1rem;border:1px solid #bde8e0;background:#142c39e8}.welcome-install-hero-feedback #court-install-hero-help[hidden]{display:none}@media(max-width:670px){.welcome-hero .welcome-actions:has(.welcome-install-button) .welcome-primary{grid-column:auto}.welcome-hero .welcome-actions .welcome-install-button{font-size:.84rem;min-height:68px;padding:.5rem}}
.welcome-hero{gap:clamp(1.5rem,4vw,3rem);min-height:min(78dvh,730px);background:radial-gradient(circle at 20% 20%,#9e688e65,transparent 35%),radial-gradient(circle at 80% 75%,#3c9f9c66,transparent 35%),linear-gradient(125deg,#24172ee0,#163b46d9),url('./assets/card-nebula.webp') center/cover}
.welcome-hero-heading{position:relative;z-index:1;text-align:center;color:#f8e7c5;text-shadow:0 2px 15px #10121d}
.welcome-hero-heading>span{display:block;color:#f4d6a0;font-size:1.2rem;letter-spacing:.25em}
.welcome-hero-heading p{margin:.55rem 0 0;color:#bde6e2;font:700 .65rem Arial,sans-serif;letter-spacing:.28em}
.welcome-hero .welcome-hero-heading h1{max-width:none;margin:.2rem 0 .45rem;color:#fff3e2;font:normal clamp(2.25rem,6vw,4.5rem)/1.08 FairyFolio,Thornwake,Georgia,serif!important}
.welcome-hero .welcome-actions{position:relative;z-index:1;width:min(100%,940px)}
.welcome-hero .welcome-actions :is(a,button){position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:172px;padding:1.1rem .9rem;border:1px solid #d7c398;box-shadow:inset 0 0 0 5px #1c34467d,inset 0 0 0 6px #bedbd487,0 10px 24px #0a152b9e;transition:transform .2s ease,box-shadow .2s ease}
.welcome-hero .welcome-actions :is(a,button):before{content:'✧';position:absolute;top:7px;left:10px;color:#ddc796;font-size:.8rem}
.welcome-hero .welcome-actions :is(a,button):after{content:'✧';position:absolute;right:10px;bottom:7px;color:#ddc796;font-size:.8rem}
.welcome-hero .welcome-actions :is(a,button):hover{transform:translateY(-4px);box-shadow:inset 0 0 0 5px #1c34467d,inset 0 0 0 6px #bedbd487,0 16px 32px #0a152bc4}
.welcome-action-artifact{display:grid;place-items:center;width:62px;height:62px;border:1px solid #dfc79b;border-radius:50%;background:radial-gradient(circle,#5c677c,#283a4e 70%);box-shadow:0 0 0 4px #34535b,0 0 20px #78c9c676;color:#f7dcaa;font:2rem Georgia,serif}
.welcome-action-artifact svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.4}
.welcome-hero .welcome-actions strong{display:block;font:normal clamp(1.35rem,2.3vw,1.9rem)/1.05 FairyFolio,Thornwake,Georgia,serif}
.welcome-hero .welcome-actions small{display:block;font:700 .63rem/1.3 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.85}
.welcome-hero .welcome-actions .welcome-install-button{min-height:105px}
.welcome-hero .welcome-actions .welcome-install-button .welcome-action-artifact{width:38px;height:38px;font-size:1.2rem}
.welcome-hero .welcome-actions .welcome-install-button strong{font-size:1.25rem}
@media(max-width:670px){.welcome-hero{min-height:0;padding:2.1rem 1rem;gap:1.5rem}.welcome-hero .welcome-actions :is(a,button){min-height:130px;padding:.8rem .4rem}.welcome-action-artifact{width:45px;height:45px}.welcome-action-artifact svg{width:23px;height:23px}.welcome-hero .welcome-actions strong{font-size:1.3rem}.welcome-hero .welcome-actions small{font-size:.52rem}.welcome-hero .welcome-actions .welcome-install-button{min-height:90px}}
.welcome-about{border-color:#d5b17e;background:linear-gradient(135deg,#fff7e8f5,#dcefebf2)}.welcome-about h2{font-size:clamp(2.3rem,6vw,4rem)}.welcome-about .welcome-value-lead{max-width:60ch;color:#284e57;font-size:clamp(1.18rem,2.2vw,1.55rem);line-height:1.4}.welcome-about p:not(.welcome-kicker){max-width:70ch}.welcome-credit-fine{font-size:.82rem;color:#665e64}.welcome-value-cta{display:inline-block;margin-top:.5rem;padding:.75rem 1.1rem;border:1px solid #2f8086;background:#1b6470;color:#fff8ed;text-decoration:none;font-weight:700}.welcome-earning-steps,.welcome-exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.welcome-earning-steps article,.welcome-exchange-grid>div{padding:1rem;border:1px solid #bba69b;background:#fffbf3}.welcome-earning-steps article>span{color:#1d7380;font:700 .85rem Arial,sans-serif;letter-spacing:.12em}.welcome-earning-steps h3,.welcome-exchange-grid h3{margin:.4rem 0;color:#542944;font:normal 1.55rem Thornwake,Georgia,serif}.welcome-earning-steps p,.welcome-exchange-grid p{margin:.3rem 0;line-height:1.5}.welcome-exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-proof-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.welcome-proof-gallery figure{min-width:0;margin:0;border:1px solid #b79583;background:#261b35;box-shadow:0 5px 15px #26152d43}.welcome-proof-gallery img{display:block;width:100%;height:clamp(250px,42vw,480px);object-fit:contain;object-position:top}.welcome-proof-gallery figcaption{display:grid;gap:.3rem;padding:.7rem;color:#f6e8d9;font-size:.85rem;line-height:1.35}.welcome-proof-gallery figcaption strong{font:normal 1.25rem Thornwake,Georgia,serif;color:#b9eee8}@media(max-width:700px){.welcome-earning-steps,.welcome-exchange-grid{grid-template-columns:1fr}.welcome-proof-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.welcome-proof-gallery figure{flex:0 0 min(75vw,265px);scroll-snap-align:start}.welcome-proof-gallery img{height:380px}}