/* v72: dark metal, candle gold and obsidian. Scoped to the shop and character flow. */
.store72,.creation72,.hub72,.s72-dialog{--e72-gold:#d5b67b;--e72-muted:#aba093;--e72-line:#8d714f55;color:#eee4d2;font-family:Arial,sans-serif}
.store72 button,.creation72 button,.hub72 button,.s72-dialog button{cursor:pointer;font:inherit;touch-action:manipulation}.store72 button:disabled,.creation72 button:disabled,.hub72 button:disabled,.s72-dialog button:disabled{cursor:default;opacity:.45}
.store72 button:focus-visible,.creation72 button:focus-visible,.hub72 button:focus-visible,.s72-dialog :focus-visible{outline:2px solid #f1d8a7;outline-offset:4px}
#store44.store72{max-width:1280px;margin:auto;padding:0 14px 36px;background:radial-gradient(ellipse at 50% 0,#55231e38,transparent 60%)}
.s72-header{position:relative;text-align:center;padding:45px 20px 32px;border-bottom:1px solid var(--e72-line)}.s72-crest{width:42px;height:49px;color:#b99a62;margin:0 auto 18px}.s72-crest svg,.s72-footer svg{width:100%;height:100%;fill:currentColor}.s72-eyebrow,.c72-eyebrow{color:var(--e72-gold);font-size:10px;letter-spacing:3px;font-weight:600}
.s72-header h1{font:clamp(30px,4vw,52px)/1.18 Georgia,serif;margin:18px 0 15px;color:#e8d3ae}.s72-header h1 em{font-style:normal;color:#f8f0df}.s72-header p{font:14px/1.7 Georgia,serif;color:#aa9984;letter-spacing:.8px}
.s72-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.s72-tabs{display:flex;gap:8px}.s72-tabs button{display:flex;align-items:center;gap:24px;border:1px solid #705b3b66;background:#171315;color:#a99d89;padding:14px 20px;border-radius:4px;font-size:12px}.s72-tabs button[aria-selected="true"]{color:#f2dcae;border-color:#b79859;background:linear-gradient(135deg,#59422b88,#1d1517);box-shadow:inset 0 0 16px #b3944214}.s72-tabs b{font-size:16px}.s72-wallet-info{background:none;border:0;color:#b1a38a;font-size:11px}
.s72-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.s72-product{border:1px solid #785d3c70;border-radius:7px;background:linear-gradient(160deg,#1e1719,#100e12 65%);overflow:hidden;position:relative}.s72-product::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:#dfc18b;box-shadow:0 0 18px #c5a664}.s72-product.temporada{border-color:#9781aa80;background:linear-gradient(155deg,#27212d,#0c0b10 65%)}.s72-product-art{position:relative;min-height:294px;display:flex;align-items:center;flex-direction:column;padding:22px 16px 10px;background:radial-gradient(ellipse at 50% 60%,#ae402b25,transparent 68%);border-bottom:1px solid #6e53372e}.s72-product.temporada .s72-product-art{background:radial-gradient(ellipse at 50% 58%,#9877c32f,transparent 66%)}.s72-product-art>small{font-size:9px;letter-spacing:2px;color:#ba9b69;text-align:center}.s72-product.temporada .s72-product-art>small{color:#d0b5f0}
.s72-relic{position:relative;isolation:isolate;width:160px;height:227px;display:grid;place-items:center;margin:6px auto}.s72-relic img{height:205px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 16px #000);z-index:1;transition:transform .45s}.s72-product:hover .s72-relic img{transform:translateY(-6px) rotate(-2deg)}.s72-relic i{position:absolute;width:155px;height:155px;border:1px solid #bf9c5533;border-radius:50%;box-shadow:0 0 0 14px #9c74450b,0 0 0 15px #98733a1f;transform:rotateX(20deg);background:radial-gradient(#b0793317,transparent)}.s72-relic span{position:absolute;bottom:4px;right:20px;z-index:2;display:grid;place-items:center;width:31px;height:31px;background:#120f12;border:1px solid #bc9d62;color:#e4c996;transform:rotate(45deg);font:16px Georgia;box-shadow:0 4px 12px #000}.s72-relic.individual img{height:185px;filter:sepia(.8) saturate(.6) drop-shadow(0 16px 14px #000)}.s72-relic.temporada img{filter:grayscale(1) brightness(.62) contrast(1.35) drop-shadow(0 0 10px #aa82d44d)}.s72-relic.giran img{filter:sepia(.7) saturate(.8) brightness(1.15) drop-shadow(0 16px 14px #000)}.s72-badge{font-size:9px;letter-spacing:1.2px;color:#b6a58c}
.s72-product-copy{padding:24px}.s72-product h2{font:24px/1.2 Georgia,serif;color:#e7cfa6;margin:0 0 12px}.s72-product-copy>p{font-size:12px;line-height:1.7;color:#b1a494;margin-bottom:9px}.s72-product-copy .s72-special{color:#cfb5e8;font-size:11px}.s72-odds{border:0;background:none;color:#c2ac88;font-size:10px!important;border-bottom:1px solid #80633f;padding:0 0 5px;margin:8px 0 16px}.s72-price{display:flex;align-items:baseline;gap:9px;margin:4px 0 15px}.s72-price strong{font:31px Georgia;color:#f1dcaf}.s72-price span{font-size:10px;letter-spacing:2px;color:#a08d70}.s72-buy,.c72-next{min-height:47px;width:100%;border:1px solid #d3b877;border-radius:3px;color:#1a1310;background:linear-gradient(125deg,#f0d3a1,#b98c4a);box-shadow:inset 0 0 0 2px #3a211225,0 4px 16px #0005;font-weight:700!important;font-size:12px!important;letter-spacing:.3px;padding:12px}.s72-product.temporada .s72-buy{background:linear-gradient(125deg,#e6d1f5,#9780aa);border-color:#c4a4dd}.s72-product-copy>small{display:block;text-align:center;font-size:9px;line-height:1.6;margin-top:10px;color:#928676}.s72-footer{display:flex;gap:17px;align-items:center;justify-content:center;margin:30px 0 0;padding:23px;border-top:1px solid var(--e72-line)}.s72-footer svg{flex:0 0 21px;height:25px;color:#846d4c}.s72-footer p{font-size:10px;line-height:1.8;color:#958879}
.s72-recovery{padding:16px;border:1px solid #c8a459;border-radius:3px;margin:0 0 20px;background:#412d20;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.s72-recovery[hidden]{display:none}.s72-recovery button{padding:10px;border:1px solid #d5b47b;background:#d5b47b;color:#20180e}
.s72-dialog{position:fixed;inset:0;margin:auto;width:min(92vw,520px);max-height:90dvh;overflow:auto;padding:36px;border:1px solid #9d7f53;border-radius:7px;background:radial-gradient(ellipse at top,#382326,#100e14 70%);box-shadow:0 25px 100px #000a}.s72-dialog::backdrop{background:#050408d9;backdrop-filter:blur(5px)}.s72-dialog>small{font-size:10px;letter-spacing:2px;color:#c5a774}.s72-dialog h2{font:30px/1.2 Georgia;color:#ead3ad;margin:16px 0}.s72-dialog p{font-size:14px;line-height:1.9;color:#c0b4a3;margin-bottom:20px}.s72-dialog label{display:block;font-size:13px;line-height:1.8}.s72-dialog input{display:block;width:100%;box-sizing:border-box;padding:14px;margin-top:8px;color:#f6e7d3;background:#08080d;border:1px solid #826948;border-radius:3px;font-size:18px;letter-spacing:3px}.h72-delete-mark{display:block;width:35px;color:#c69a7c}.h72-dialog-actions{display:flex;gap:10px}.h72-dialog-actions button{padding:13px;border:1px solid #776448;background:#28211d;color:#e0cbaa;flex:1;font-size:12px}.h72-dialog-actions [data-confirm]{background:#652a32;border-color:#aa5e68;color:#f0dadd}
/* The roster uses actual account slots. */
#char-hub.hub72{background:radial-gradient(ellipse at 50% 0,#42262c55,transparent 65%),#09090d;overflow-y:auto}.hub72 #chub-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(1020px,94vw);margin:30px auto}.h72-character,.h72-empty{border:1px solid #80674777;background:#131115;border-radius:6px;overflow:hidden}.h72-play{position:relative;display:block;width:100%;height:385px;border:0;background:#0a0a0e;text-align:left;color:#eee4d1;overflow:hidden}.h72-play>img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform .6s}.h72-play:hover>img{transform:scale(1.035)}.h72-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#08070be8 5%,transparent 70%)}.h72-slot{position:absolute;top:16px;left:17px;font-size:9px;letter-spacing:2px;color:#d1b075;background:#0b090bbc;padding:7px 9px;border:1px solid #a3854d55}.h72-info{position:absolute;bottom:27px;left:22px;right:14px;display:flex;flex-direction:column;gap:12px}.h72-info small{font-size:9px;letter-spacing:1.4px;color:#c8ac7b}.h72-info strong{font:28px Georgia;overflow-wrap:anywhere}.h72-info em{font-size:11px;font-style:normal;color:#d8ba85}.h72-delete{display:block;padding:14px;width:100%;background:#181115;border:0;border-top:1px solid #73524344;color:#b89492;font-size:11px!important}.h72-kept{font-size:10px;color:#a89a89;padding:15px;text-align:center}.h72-empty{min-height:433px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;box-sizing:border-box;background:radial-gradient(#56442b20,transparent),#100e13;border-style:dashed}.h72-empty>span{width:46px;color:#a08559;margin-bottom:25px}.h72-empty>small{font-size:9px;letter-spacing:3px;color:#a18c6b}.h72-empty h2{font:25px/1.4 Georgia;color:#beac91;margin:18px 0 28px}.h72-empty button{border:1px solid #947443;color:#d0b27e;background:#30271d;padding:13px 20px;font-size:12px}
/* A three-step creation ceremony, with existing character artwork. */
#login-screen.creation72{position:fixed;inset:0;z-index:2200;overflow:auto;box-sizing:border-box;background:#09090d;padding:0;align-items:initial;justify-content:initial}.creation72:not(.hidden){display:block!important}.c72-ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 22% 45%,#57312150,transparent 58%),radial-gradient(ellipse at 90% 0,#4826342c,transparent 55%)}
.c72-top{position:relative;max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;border-bottom:1px solid #82623b33;box-sizing:border-box;gap:20px}.c72-top>span{font:15px Georgia;letter-spacing:3px;color:#d8be90}.c72-top b{display:block;font:8px Arial;letter-spacing:4px;color:#8c7c67;margin-top:8px}.c72-top>small{font-size:8px;letter-spacing:2px;color:#96856b}.c72-top button{background:none;border:0;color:#ae9b7e;font-size:11px}.c72-top [hidden]{display:none}
.c72-layout{display:grid;grid-template-columns:1.05fr 1fr;max-width:1280px;min-height:min(750px,calc(100dvh - 110px));margin:auto;position:relative}.c72-hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px}.c72-portrait{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 10%;z-index:-1;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 60%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 60%,transparent 96%)}.c72-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b090ef0 7%,transparent 65%),linear-gradient(90deg,#0b090e70,transparent 30%,transparent 75%,#0b090eb0);z-index:0;pointer-events:none}.c72-halo{position:absolute;top:16%;left:18%;width:64%;aspect-ratio:1;border:1px solid #b68e4855;border-radius:50%;box-shadow:0 0 0 12px #a88c2822,0 0 80px #b1863524;z-index:1;pointer-events:none}.c72-rune{position:absolute;top:7%;left:calc(50% - 21px);width:42px;color:#d2b172;z-index:2;filter:drop-shadow(0 2px 8px #000)}.c72-hero-copy{position:absolute;bottom:50px;left:45px;right:20px;z-index:2}.c72-hero-copy small{font-size:9px;letter-spacing:4px;color:#ceb380}.c72-hero-copy h1{font:clamp(38px,4vw,59px)/1.07 Georgia;margin:18px 0;color:#eee0c9;text-shadow:0 2px 20px #000}.c72-hero-copy p{font-size:12px;color:#bba78c;letter-spacing:.4px}.c72-editor{padding:50px 40px 32px 35px;display:flex;flex-direction:column;justify-content:center}.c72-steps{display:flex;gap:30px;padding-bottom:26px;margin-bottom:36px;border-bottom:1px solid #92734040;color:#62584c;font:18px Georgia}.c72-steps span{display:flex;gap:8px;align-items:center}.c72-steps b{font:10px Arial;letter-spacing:1px}.c72-steps .active{color:#dec394;text-shadow:0 0 17px #bc8b4740}.c72-editor h2{font:34px/1.2 Georgia;color:#ead7b5;margin:15px 0 12px}.c72-editor p{font-size:12px;line-height:1.8;color:#b4a590;margin-bottom:21px}.c72-races{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:28px 0 20px}.c72-races button{border:1px solid #6a574044;background:linear-gradient(155deg,#221c1d,#0b0b0f);color:#a38b69;min-height:99px;padding:10px 3px;border-radius:3px}.c72-races svg{display:block;width:36px;height:36px;margin:0 auto 12px}.c72-races span{display:block;font-size:9px}.c72-races button[aria-pressed="true"]{border-color:#cbb079;color:#f1d69f;background:radial-gradient(#68513160,#1c1518);box-shadow:0 0 18px #ad833b20,inset 0 0 18px #9d7b3420}.c72-trait{min-height:170px;padding:20px;border-left:1px solid #b9995f66;background:linear-gradient(90deg,#82633113,transparent);box-sizing:border-box;margin-bottom:24px}.c72-trait h3{font:22px Georgia;color:#d3b889;margin:0 0 8px}.c72-trait p{font-size:11px;margin:6px 0 15px;line-height:1.7}.c72-trait>small{font-size:8px;letter-spacing:2px;color:#9c8867;display:block}.c72-trait>strong{font-size:12px;color:#c7b087;display:block;margin-top:8px}.c72-trait>span{font:17px/1.6 Georgia;color:#9e8c74;display:block;margin:20px 0}.c72-note{margin:24px 0 0!important;text-align:center;font-size:9px!important;color:#796b5c!important}.c72-variants{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.c72-variants button{position:relative;padding:0;background:#161219;border:1px solid #816a4455;border-radius:3px;overflow:hidden;color:#cdb995}.c72-variants img{width:100%;height:235px;object-fit:cover;object-position:50% 10%;display:block;mask-image:linear-gradient(#000 75%,transparent)}.c72-variants span{display:block;padding:14px;font:16px Georgia}.c72-variants [aria-pressed="true"]{border-color:#e4c387;box-shadow:0 0 25px #e4ad4633}.c72-back{display:block;background:none;border:0;color:#a4947f;margin:18px auto 0;font-size:10px!important;padding:8px}.c72-name-label{display:block;font-size:9px;letter-spacing:2px;color:#b1a084;margin:27px 0 12px}#c72-name{display:block;width:100%;box-sizing:border-box;border:1px solid #806647;background:#09090f;color:#e2c79b;padding:18px 15px;font:23px Georgia;letter-spacing:2px;border-radius:3px}#c72-name:focus{border-color:#d2ac6c;outline:1px solid #99743e;box-shadow:0 0 26px #b3893920}.c72-name-help{display:block;font-size:9px;color:#7d7368;margin:12px 0}.c72-oath{display:flex;align-items:center;gap:19px;margin:32px 0;padding:23px 17px;border-top:1px solid #80684744;border-bottom:1px solid #80684744}.c72-oath svg{width:33px;height:42px;color:#b59762}.c72-oath p{margin:0;line-height:1.9;font:14px/1.9 Georgia}.c72-oath b{font-weight:normal;color:#d7bf96}#c72-error{color:#eda6a5}.c72-sparks{position:absolute;inset:0;z-index:2;pointer-events:none}.c72-sparks i{position:absolute;left:calc(8% + var(--i)*7.4%);bottom:12%;width:2px;height:3px;border-radius:50%;background:#ffd99e;box-shadow:0 0 9px #f79c43;opacity:0;animation:c72-drift 5s calc(var(--i)*-.43s) linear infinite}@keyframes c72-drift{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}70%{opacity:.25}100%{transform:translate(23px,-330px);opacity:0}}.c72-awakening .c72-halo{animation:c72-awaken 1.2s ease-in-out infinite}@keyframes c72-awaken{50%{box-shadow:0 0 0 25px #bd975433,0 0 130px #e1b16066;border-color:#eccb8b}}
@media(max-width:900px){.s72-products{gap:12px}.s72-product-copy{padding:20px 15px}.s72-product h2{font-size:21px}.c72-layout{grid-template-columns:.85fr 1fr}.c72-editor{padding:32px 25px}.c72-hero-copy{left:25px}.c72-races{gap:4px}.c72-races span{font-size:8px}.c72-steps{gap:19px}.hub72 #chub-slots{gap:12px}.h72-play{height:320px}.h72-empty{min-height:368px}}
@media(max-width:640px){#store44.store72{padding:0 4px 24px}.s72-header{padding:28px 12px 25px}.s72-header h1{font-size:31px}.s72-eyebrow{font-size:8px;letter-spacing:1.7px}.s72-header p{font-size:12px}.s72-bar{flex-direction:column;align-items:stretch;gap:13px;margin:20px 0}.s72-tabs{width:100%}.s72-tabs button{flex:1;flex-direction:column;gap:7px;padding:13px 8px;font-size:10px}.s72-wallet-info{text-align:right;font-size:10px}.s72-products{grid-template-columns:1fr;gap:22px}.s72-product-art{min-height:265px}.s72-relic{height:209px}.s72-relic img{height:190px}.s72-product-copy{padding:23px}.s72-product h2{font-size:27px}.s72-product-copy>p{font-size:13px}.s72-footer{padding:18px 7px}.s72-recovery{flex-direction:column;align-items:stretch}.s72-dialog{padding:25px}.s72-dialog h2{font-size:28px}.s72-dialog p{font-size:13px}.h72-dialog-actions{flex-direction:column}.hub72 #chub-slots{grid-template-columns:1fr;width:min(400px,88vw);gap:22px}.h72-play{height:345px}.h72-empty{min-height:260px}.c72-top{padding:17px 20px;gap:14px}.c72-top>small{display:none}.c72-top>span{font-size:10px;letter-spacing:1.5px}.c72-top b{font-size:6px;letter-spacing:2px}.c72-top button{font-size:9px}.c72-layout{display:flex;flex-direction:column;min-height:0}.c72-hero{min-height:250px;height:250px}.c72-portrait{width:70%;right:0;object-position:50% 20%;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.c72-hero::after{background:linear-gradient(0deg,#09090d,transparent 70%),linear-gradient(90deg,#09090d80,transparent)}.c72-halo{width:48%;left:40%;top:8%;opacity:.55}.c72-rune{width:26px;top:20px;left:26px}.c72-hero-copy{bottom:22px;left:26px;right:6px}.c72-hero-copy h1{font-size:34px;margin:12px 0}.c72-hero-copy small{font-size:8px;letter-spacing:2px}.c72-hero-copy p{font-size:10px}.c72-editor{padding:15px 24px 30px}.c72-steps{padding-bottom:17px;margin-bottom:24px;justify-content:space-between;gap:5px}.c72-steps span{font-size:17px}.c72-steps b{font-size:9px}.c72-editor h2{font-size:29px}.c72-races{gap:6px}.c72-races button{min-height:89px}.c72-races svg{width:29px;height:29px}.c72-trait{min-height:150px;padding:16px}.c72-variants img{height:185px}.c72-oath{margin:24px 0}.c72-next{min-height:49px}}
@media(prefers-reduced-motion:reduce){.c72-sparks i,.c72-awakening .c72-halo{animation:none!important}.s72-relic img,.h72-play>img{transition:none}.s72-product:hover .s72-relic img{transform:none}}