/* Original Mana crystal/tree identity and warm copper download plaque. */
.brand{gap:12px;letter-spacing:2.6px;flex-shrink:0}
.brand-emblem{display:block;flex:0 0 58px;width:58px;height:63px;margin-left:-7px}
.brand-emblem img{display:block;width:100%;height:100%;object-fit:contain}
.brand small{line-height:2;letter-spacing:1.8px}
.brand-fanline{display:block;font:400 11px/1.6 'Segoe UI',Arial,sans-serif;letter-spacing:.2px;color:#d4e6d6;white-space:nowrap}
.brand:hover .brand-fanline{color:#f3e5bc}
.button.mana-download{min-height:76px;min-width:258px;gap:17px;padding:13px 22px;background:linear-gradient(115deg,#ffdaa0 0%,#f7b36d 42%,#df8950 100%);color:#3b2319;border:1px solid #ffe2a0;border-radius:4px 16px 4px 16px;box-shadow:0 5px 0 #713e2b,0 12px 28px #e28d3438,inset 0 1px 0 #fff7d7;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,filter .2s}
.button.mana-download:before{content:'';position:absolute;inset:5px;border:1px solid #79432866;border-radius:1px 11px 1px 11px;z-index:-1}
.button.mana-download:after{content:'';position:absolute;inset:-70% -40%;border:0;opacity:1;background:linear-gradient(105deg,transparent 43%,#fff5d94d 49%,transparent 55%);transform:translateX(-68%);animation:mana-download-shine 9s ease-in-out infinite;pointer-events:none}
.button.mana-download:hover{color:#2f1a13;transform:translateY(-3px);filter:brightness(1.04);box-shadow:0 7px 0 #713e2b,0 15px 34px #e28d3450,inset 0 1px 0 #fff7d7}
.button.mana-download:focus-visible,.button.download-simple:focus-visible{outline:3px solid #fff0c5;outline-offset:7px}
.download-gem{width:34px;height:43px;flex-shrink:0;filter:drop-shadow(0 3px 3px #6a38273d);animation:download-gem-float 5s ease-in-out infinite}
.download-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.download-label small{font-size:8px;letter-spacing:1.4px;line-height:1.5;font-weight:650;white-space:nowrap}
.download-label strong{font:650 22px/1.15 Georgia,'Times New Roman',serif;letter-spacing:.1px}
.download-arrow{font-size:24px;margin-left:7px;line-height:1;opacity:.8}
.button.download-simple{min-height:62px;min-width:205px;padding:17px 25px;background:#f0a45c;color:#382319;border:1px solid #ffd5a0;box-shadow:0 5px 18px #e9953b26;font-size:15px}
.button.download-simple:hover{background:#ffba77;color:#382319}
.hero .buttons{column-gap:24px;row-gap:24px;align-items:center}
@keyframes mana-download-shine{0%,65%,100%{transform:translateX(-68%)}84%{transform:translateX(68%)}}
@keyframes download-gem-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@media(max-width:1150px){.brand-emblem{flex-basis:49px;width:49px;height:54px}.brand-fanline{font-size:10px}.site-header{gap:18px}.site-header nav{gap:18px}.hero .buttons{gap:20px}.button.mana-download{min-width:235px;padding:13px 19px;gap:13px}}
@media(max-width:800px){.brand{gap:9px}.brand-emblem{flex-basis:45px;width:45px;height:49px}.brand-fanline{font-size:9px;letter-spacing:0}.brand small{font-size:6px;letter-spacing:1.3px}}
@media(max-width:500px){.brand{gap:8px;font-size:25px}.brand-emblem{flex-basis:44px;width:44px;height:48px;margin-left:-5px}.brand-fanline{font-size:10px}.hero .buttons{align-items:flex-start}.hero .button.mana-download{min-height:76px;min-width:251px;padding:13px 20px;gap:15px;margin-block:1px 4px}.hero .button.download-simple{min-height:60px;min-width:205px;font-size:14px}.hero .button.mana-download .download-label strong{font-size:23px}.hero .button.mana-download .download-label small{font-size:8px}.footer-top .brand{font-size:26px}.footer-top .brand-fanline{font-size:10px}}
@media(prefers-reduced-motion:reduce){.button.mana-download:after,.download-gem{animation:none}.button.mana-download:after{display:none}.button.mana-download:hover{transform:none}}

/* Owner-facing, unlisted style collection. */
.brand-preview-header{position:relative;background:var(--night);border-bottom:1px solid var(--line)}
.brand-preview-intro{padding-block:65px 42px;max-width:1280px}
.brand-preview-intro h1{font-size:clamp(40px,5vw,67px)}
.brand-preview-intro>p:not(.eyebrow){max-width:640px;font-size:14px;margin-top:24px}
.crest-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:42px}
.crest-option{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #c7d5b53d;background:radial-gradient(ellipse at 50% 28%,#244b4f,#10282f 75%);padding:25px 20px;cursor:pointer;min-width:0}
.crest-option img{width:120px;height:130px;margin-bottom:12px}
.crest-option strong{font:26px/1.3 Georgia,'Times New Roman',serif;color:var(--ivory)}
.crest-option>span{font-size:12px;color:var(--muted);margin-top:9px}
.crest-option input{accent-color:#d7ba77;width:18px;height:18px;margin-top:20px}
.crest-option.is-selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9c88040}
.look-preview{padding:34px;border:1px solid var(--line);background:linear-gradient(115deg,#123a43,#173d37);margin-bottom:60px}
.look-preview .brand{margin-bottom:35px;width:max-content;max-width:100%}
.look-preview h2{font-size:29px;margin-bottom:18px}
.button-choice{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:25px;font-size:12px;color:var(--muted)}
.button-choice label{display:flex;gap:9px;align-items:center;cursor:pointer;min-height:36px}
.button-choice input{accent-color:#efad66}
.preview-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;min-height:100px}
.preview-note{font-size:11px;margin:25px 0 0;max-width:680px}
.button[hidden]{display:none}
@media(max-width:650px){.crest-options{grid-template-columns:1fr;gap:14px}.crest-option{display:grid;grid-template-columns:85px 1fr 24px;text-align:left;column-gap:15px;padding:18px}.crest-option img{width:85px;height:92px;grid-row:1/3;margin:0}.crest-option strong{font-size:23px}.crest-option>span{grid-column:2;grid-row:2;margin:0;font-size:11px}.crest-option input{grid-column:3;grid-row:1/3;margin:0}.look-preview{padding:24px 20px}.brand-preview-header nav{margin-left:auto}.brand-preview-intro{padding-top:44px}.preview-actions{align-items:flex-start;flex-direction:column}}

/* Shared server/app worldtree, chosen by the owner. */
.brand-emblem.worldtree{height:58px;border-radius:50%;overflow:hidden}.brand-emblem.worldtree img{object-fit:cover}@media(max-width:600px){.brand-emblem.worldtree{height:44px}}