/* Polished glass: crisp reflections and dark clear depth, not blurred frost. */
:root{--glass-face:linear-gradient(119deg,transparent 0 13%,#ffffff12 13.15%,#ffffff05 28%,transparent 28.15% 77%,#ffffff09 77.15%,transparent 89%),linear-gradient(176deg,#ffffff29 0%,#ffffff09 18%,#ffffff03 38%,#02071466 38.3%,#02071426 76%,#c8e5ff12 100%);--glass-depth:#101c30e8;--glass-rim:inset 0 1px 0 #ffffffa6,inset 1px 0 0 #ffffff26,inset 0 -1px 0 #a4c8e936,0 14px 35px #0005,0 2px 3px #0007}
body:has(.studio),body:has(.upload-panel){--glass-depth:#25101eed}
body>.legend-site-header,body.checkout-page>.legend-site-header,.web-preview-nav{background:linear-gradient(178deg,#ffffff1b,transparent 42%,#03081766 43%),#101b2df5!important;border-top:1px solid #ffffff24;border-bottom:1px solid #d4dff05c;box-shadow:inset 0 1px 0 #ffffff52,0 6px 22px #0003;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .editor,body .studio,body .upload-panel,body .collection,body .filters,body .legend-order,body .checkout-page .cart-row,.checkout-page .cart-row,body .next-steps,body .delivery-panel,body .account-toolbar,body .sandbox-strip{background:var(--glass-face),var(--glass-depth)!important;border:1px solid #cbddec61!important;border-top-color:#ffffffb3!important;box-shadow:var(--glass-rim)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Remove old diffuse veils; the reflections are now part of each surface. */
.upload-panel::after,.collection::after,.studio::before,.studio::after{background:none!important;box-shadow:none!important;pointer-events:none}
body .editor-footer,body .editor-bottom,body .studio-bar{background:linear-gradient(176deg,#e9f5ff1d,#e9f5ff04 43%,#040b1799 44%),#101827d9!important;box-shadow:inset 0 1px 0 #ffffff40;border-color:#ffffff30!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .editor-tabs,body .tabs,body .preview-tools button,body .review-sides button,body .preview-toggle,body .tier-switch,body .editor .style-choice,body .editor .finish-option,body .panel .chip{background:linear-gradient(175deg,#ffffff29,#ffffff0d 44%,#03081266 45%,#7b9cb319),#121d2bc9!important;box-shadow:inset 0 1px 0 #ffffff68,inset 0 -1px 0 #ffffff20,0 3px 8px #0004;border-color:#d5e3f45c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .editor-tab[aria-selected=true],body .tabs button[aria-selected=true],body .preview-toggle.active{background:linear-gradient(175deg,#f9ecc466,#d4b57619 46%,#16142580 47%)!important;border:1px solid #e7cd8f!important;box-shadow:inset 0 1px 0 #fff7,0 0 12px #d4b57617!important}
/* Ivory glass keeps long receipts and form text comfortably readable. */
.checkout-page .purchase-panel,.checkout-page .receipt-paper,.checkout-page .receipt-panel,.checkout-page .receipt-card,.checkout-page .account-panel{background:linear-gradient(119deg,transparent 0 15%,#ffffffa3 15.2%,#ffffff40 30%,transparent 30.2%),linear-gradient(176deg,#ffffff 0%,#f8f4eb 34%,#e8e1d2 34.3%,#f5efdf 77%,#fffaf0 100%)!important;border:1px solid #fff!important;box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #bea67977,0 18px 40px #0005,0 2px 4px #0008!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .launch-label,body.legend-story-start .entry .enter,.checkout-page #checkout,.checkout-page .account-panel button:not(#google):not(#apple):not(.secondary),body .editor-footer #next{background:linear-gradient(175deg,#fff7dc 0%,#ecd8a7 46%,#b28d48 47%,#dfc185 85%,#f4dfa9 100%)!important;color:#21190f!important;border:1px solid #fff0bf!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #77542080,0 5px 14px #0005!important}

.checkout-page .account-panel #google{background:linear-gradient(175deg,#fff,#fafafa 47%,#e0e3e8 48%,#fff)!important;box-shadow:inset 0 1px 0 white,0 3px 7px #0002}
.checkout-page .account-panel #apple{background:linear-gradient(175deg,#454545,#212121 47%,#000 48%,#161616)!important;box-shadow:inset 0 1px 0 #ffffff75,0 3px 7px #0004}
/* Broad reflective planes on welcome pages, without overlays on card artwork. */
.world::before{background:linear-gradient(119deg,transparent 0 13%,#ffffff08 13.15%,#ffffff02 34%,transparent 34.15% 78%,#ffffff06 78.15%,transparent 92%)!important}
.world-content{border-top:1px solid #ffffff78;border-radius:22px;padding-top:24px;box-shadow:inset 0 1px 0 #ffffff24}
body.legend-story-start .intro{border-top:1px solid #ffffff8a;border-radius:22px;padding-top:24px;background:linear-gradient(174deg,#ffffff0f,transparent 58%);box-shadow:inset 0 1px 0 #ffffff26}
body .upload-panel #dropzone{background:linear-gradient(175deg,#ffffff1e,#ffffff03 43%,#03051045 44%)!important;border:1px solid #ffffff66;box-shadow:inset 0 1px 0 #ffffff65,inset 0 -1px 0 #ffffff24}
body.legend-credits main{background:var(--glass-face),var(--glass-depth);border:1px solid #ffffff70;border-radius:20px;box-shadow:var(--glass-rim);margin:36px auto}
body .filters{border-radius:16px}
.checkout-page .account-toolbar{padding:16px 22px;border-radius:12px}
@media(max-width:680px){.world-content{padding-top:20px}.legend-credits main{margin:24px 16px!important}.checkout-page .account-toolbar{padding:12px}.world{padding-top:24px}}
body .character-card{background:var(--glass-face),#0c1727!important;border:1px solid #d9e9ff77!important;box-shadow:inset 0 1px 0 #ffffffb3,0 10px 22px #0005}.character-card:hover{border-color:#fff0b8!important;box-shadow:inset 0 1px 0 #fff,0 14px 28px #0007}
/* Match the two homepage rows despite different brand typefaces and line heights. */
@media(min-width:681px){
 .split .world-content{display:grid;grid-template-rows:76px 28px 132px 58px auto auto;justify-items:center;align-content:start}
 .split .world-content>.brand{height:52px;margin:0;align-self:start}
 .split .world-content>.eyebrow{margin:0;align-self:start}
 .split .world-content>.headline{margin:0;padding-top:0;align-self:start}
 .split .world-content>.description{margin:0;align-self:start}
 .split .world-content>.card-stage{align-self:start}
 .split .world-content>.launch{align-self:start;margin-top:4px}
}
