/* Public presentation only. Original portraits, skill images and gameplay data remain intact. */
.se-public{--wrap:min(1200px,calc(100% - 80px));--line-1:#d6bd8b1c;background:#101114;color:#f1ede5}
.se-public .topbar{background:#111216ed;border-color:#d7bd8524;box-shadow:0 6px 32px #0002}
.se-public .topbar-inner{min-height:86px;padding:17px 0;gap:30px}
.se-public .brand-text strong{font-size:18px;letter-spacing:.13em}
.se-public .brand-text small{letter-spacing:.16em;color:#b7a686}
.se-public .sigil{width:39px;height:46px}
.se-public .nav{gap:22px}.se-public .nav a{font-size:12px;color:#b6b0a5}
.se-public .nav-login{font-size:12px}.se-public .nav-cta{font-size:12px;padding:12px 18px;background:linear-gradient(135deg,#e1c48b,#bf9656);border-color:#ecd5a3;box-shadow:0 3px 16px #c6a25b12}
.se-public .hero-section{background:#101114;border-bottom:0}
.se-public .se-hero-art{background-position:center 28%}
.se-public .se-hero-art:after{background:linear-gradient(90deg,#101114ee 0%,#101114b0 34%,#10111420 67%),linear-gradient(0deg,#101114 0%,#10111450 25%,transparent 67%)}
.se-public.se-page-home .hero-grid{min-height:585px;padding:72px 0 40px}
.se-public.se-page-home .hero-left{width:min(610px,55%);gap:20px}
.se-public .se-eyebrow{letter-spacing:.23em;color:#c9ad79;font-size:10px}
.se-public .hero-badge{background:#17181d99;border-color:#d2ba8726;border-radius:20px;padding:8px 13px;font-size:11px;letter-spacing:0;color:#c8bfad;gap:8px}
.se-public .hero-headline{font-size:clamp(40px,4.8vw,66px);line-height:1.12;font-weight:500;letter-spacing:-.035em;margin:3px 0}
.se-public .hero-headline .grad{color:#ddc088;-webkit-text-fill-color:#ddc088}
.se-public .hero-sub{font-size:14px;line-height:1.85;max-width:45ch;color:#bcb7ae}
.se-public .hero-actions{gap:12px;margin-top:4px;flex-wrap:wrap}
.se-public .hero-actions .btn{min-height:49px;padding:14px 21px;font-size:12px;border-radius:5px;letter-spacing:0;gap:19px}
.se-public .hero-actions .btn-primary{background:linear-gradient(135deg,#e5c98e,#c39b5b);color:#211b12;border:1px solid #e7cd97;box-shadow:0 5px 22px #b9954a18}
.se-public .hero-actions .btn-primary:hover{background:#ecd4a2;box-shadow:0 8px 30px #be985327}
.se-public .hero-actions .btn-ghost{border-color:#cfbc922b;background:#17191d88;color:#ddd5c6}
.se-public .hero-actions .btn-ghost:hover{border-color:#c8ad74;background:#24231f}
.se-public .se-hero-facts{gap:0;margin-top:7px;width:100%;max-width:470px}
.se-hero-facts span{display:flex;align-items:center;gap:9px;padding:3px 19px;border-left:1px solid #c4ae7e25;font-size:10px;color:#b0a797}
.se-hero-facts span:first-child{padding-left:0;border-left:0}.se-hero-facts strong{font-size:25px;margin:0;color:#e2ccb0}
.se-public .hero-left>.se-text-link{font-size:11px;color:#aa9672;margin-top:1px}
.se-platform-dock{position:relative;padding:5px 0 37px}
.se-public .se-play-platforms{max-width:none;margin:0;padding:22px 25px 25px;border:1px solid #d4be8e26;border-radius:9px;background:linear-gradient(130deg,#202025df,#16181eea);box-shadow:0 18px 55px #0003}
.se-platform-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.se-platform-heading .se-platform-caption{margin:0;font-size:9px;letter-spacing:.16em;color:#cbb58f}
.se-platform-heading>span{font-size:11px;color:#a69e90}
.se-public .se-platform-grid{grid-template-columns:1.5fr 1.15fr 1fr 1fr 1fr;gap:10px}
.se-public .se-platform{min-height:95px;padding:16px 14px;gap:6px;border-radius:6px;background:#12151b80;border-color:#e0cfad16}
.se-public .se-platform svg{width:27px;height:27px}.se-public .se-platform strong{font-size:12px}.se-public .se-platform small{font-size:10px;color:#a69c8c}
.se-public .se-platform.is-browser{display:grid;grid-template-columns:34px 1fr;align-content:center;column-gap:13px;text-align:left;padding:15px 17px;border-color:#cbaa6c66;background:linear-gradient(135deg,#3b3020,#252119);box-shadow:inset 0 1px 0 #e3c28a16}
.se-public .se-platform.is-browser svg{grid-row:1/3;margin:0;width:30px;height:30px;color:#e4cca0}
.se-public .se-platform.is-browser strong{align-self:end}.se-public .se-platform.is-browser small{align-self:start}
.se-public .se-platform-badge{position:static;transform:none;grid-column:2;grid-row:3;background:none;border:0;padding:0;box-shadow:none;color:#d0ad6d;font-size:8px;letter-spacing:.1em;margin-top:4px}
.se-platform-badge>span{margin-left:7px}
.se-public .se-platform.is-unavailable{background:#13151a65;border-color:#ffffff09;color:#777b81}
.se-public .se-platform.is-unavailable svg{color:#73767d}.se-public .se-platform.is-unavailable small{color:#707176;font-size:9px}
.se-public a.se-platform:hover{background:#312b21;border-color:#dfc18c;transform:translateY(-2px)}
.se-public .se-guide-nav{background:#17191f;border-top:1px solid #cbb78b18;border-bottom:1px solid #cbb78b18}
.se-guide-nav>.wrap{min-height:77px;gap:38px}.se-guide-nav a{font-size:12px;color:#c7beae;gap:20px}.se-guide-nav a>span{color:#8e7853}
.se-public .section{padding:72px 0}.se-public .section-head{margin-bottom:31px;gap:26px}
.se-public .section-label{font-size:9px;letter-spacing:.21em;margin-bottom:13px;color:#bc9e68}
.se-public .section-title{font-size:34px;line-height:1.3;color:#efe6d8;letter-spacing:-.025em}
.se-public .section-sub{font-size:13px;line-height:1.85;color:#a4a19b;max-width:66ch;margin-top:13px}
.se-guide-counter{font-size:32px;color:#b49b70}.se-guide-counter>span{color:#82796c;font-size:9px}
.se-characters{background:radial-gradient(ellipse at 10% 20%,#b59d6806,transparent 65%)}
.se-public .se-class-tabs{gap:11px;margin-bottom:25px}
.se-public .se-class-tab{padding:15px;gap:13px;min-height:98px;background:linear-gradient(145deg,#1e2026,#17191f);border-color:#c4b18d16;border-radius:6px;transition:background .18s,border-color .18s,transform .18s}
.se-public .se-class-tab img{height:54px;width:54px;border-radius:5px;object-fit:cover;box-shadow:0 4px 15px #0003}
.se-public .se-class-tab strong{font-size:12px;color:#e2ddd4}.se-public .se-class-tab small{font-size:10px;color:#9e998d}
.se-public .se-class-tab:hover{border-color:#c8b28855;transform:translateY(-2px)}
.se-public .se-class-tab.is-selected{background:linear-gradient(145deg,color-mix(in srgb,var(--element-color) 13%,#1c1e24),#1a1c22);border-color:color-mix(in srgb,var(--element-color) 65%,#888);box-shadow:0 5px 20px #0002}
.se-public .se-class-tab.is-selected:after{display:none}
.se-public .se-character-panel{border-color:#cdb58520;border-radius:10px;background:#17191f;box-shadow:0 18px 50px #0002}
.se-character-intro{padding:38px 44px;gap:38px;background:radial-gradient(ellipse at 12% 45%,color-mix(in srgb,var(--element-color) 10%,transparent),transparent 59%),linear-gradient(120deg,#1a1d23,#181a20);border-bottom-color:#c9b18a15}
.se-character-portrait>img{height:218px;width:218px;border-radius:8px;box-shadow:0 12px 38px #0005}
.se-portrait-ring{width:249px;height:249px;top:0;border-color:color-mix(in srgb,var(--element-color) 20%,transparent)}
.se-character-portrait>span{border-radius:20px;padding:7px 15px;font-size:10px;background:#15171c}
.se-character-bio h3{font-size:40px;margin:13px 0 14px;letter-spacing:-.025em}
.se-character-summary{font-size:15px;line-height:1.6;color:#d6cbbc}
.se-character-bio>p:not(.se-eyebrow):not(.se-character-summary){font-size:13px;color:#aba8a1;line-height:1.95}
.se-character-elements{gap:14px;flex-wrap:wrap;margin:23px 0}
.se-character-elements>div{padding:12px 15px;background:#12151b75;border:1px solid #ffffff0b;border-radius:5px;gap:11px}
.se-character-elements small{font-size:8px;color:#aaa08c}.se-character-elements strong{font-size:17px;color:#e6d9c4}
.se-skills-heading{padding:28px 32px 19px}.se-skills-heading h4{font-size:20px;color:#ddcfb7}.se-skills-heading>span{font-size:10px;color:#918a7d}
.se-public .se-skills-grid{gap:11px;margin:0 31px;background:none;border:0;border-radius:0;overflow:visible}
.se-public .se-skill{padding:19px 16px;min-height:130px;background:linear-gradient(145deg,#1e2128,#1a1d23);border:1px solid #d1b98b14;border-radius:6px;gap:13px}
.se-skill h5{font-size:14px;color:#e8e1d5}.se-skill p{font-size:12px;line-height:1.75;color:#a8a39a}.se-skill-tag{font-size:9px;color:#a9926d;margin-bottom:5px}
.se-public .se-skill-art{border-radius:4px;background:#0c0f15;border-color:#c4ac7833;box-shadow:inset 0 0 12px #0004;min-height:73px}
.se-skills-note{padding:23px 32px 28px;color:#938c7d;font-size:11px}
.se-public .se-specialization{background:linear-gradient(145deg,#16181d,#121419);border-color:#c5aa7219;padding:70px 0}
.se-specialization .section-title{font-size:32px;max-width:32ch}
.se-specialization-steps{gap:17px}
.se-specialization-steps>li{padding:25px 23px;gap:16px;background:linear-gradient(140deg,#202128,#191b21);border:1px solid #d0b68118;border-radius:7px}
.se-specialization-steps>li>span{font-size:29px;color:#a48a5d;line-height:1.25}
.se-specialization-steps h3{font-size:13px;color:#e1d4bd;line-height:1.6}.se-specialization-steps p{font-size:12px;line-height:1.8;color:#a29c90}
.se-tree-summary{margin-top:22px;padding:28px 30px;background:linear-gradient(110deg,#26231d,#1b1d23);border-color:#bca16a2b;border-radius:7px}
.se-tree-summary strong{font-size:20px}.se-tree-summary p{font-size:12px}.se-tree-branches{gap:32px}.se-tree-branches>span{padding:0 12px;border-left:1px solid #bfa26d22}.se-tree-branches strong{font-size:12px}
.se-public .se-elements-section{background:#111419}
.se-elements-layout{gap:40px;grid-template-columns:minmax(350px,470px) minmax(0,1fr)}
.se-affinity-wheel{border-radius:50%;background:radial-gradient(circle,#b89e6010 0%,#15181f99 36%,#101319 70%);border:1px solid #d1b98b13;box-shadow:inset 0 0 70px #0003}
.se-wheel-center strong{color:#d9c29a;font-size:25px}.se-wheel-center small{color:#a39986}
.se-element-detail{border-radius:9px;padding:31px;background:linear-gradient(135deg,#20232b,#191c23);border-color:color-mix(in srgb,var(--element-color) 22%,#252b33);box-shadow:0 15px 40px #0002}
.se-element-heading h3{font-size:36px}.se-element-tactic{font-size:13px;color:#b9b3a7;line-height:1.85}
.se-element-matchups>div{background:#141820;border-color:#ffffff09;border-radius:5px;padding:15px}.se-element-matchups strong{font-size:13px}.se-element-matchups small{font-size:8px;letter-spacing:.08em}
.se-element-status p{font-size:12px;color:#aaa292}.se-element-status h4{font-size:20px}
.se-element-owners button{padding:8px;border:1px solid #ffffff0c;background:#1418207a;border-radius:5px;gap:9px}.se-element-owners button img{object-fit:cover;border-radius:3px}.se-element-owners button:hover{border-color:#bca16a55;background:#242721}
.se-affinity-explanation{gap:25px;margin-top:30px;border:0;padding:0}.se-affinity-explanation>div{border-left:2px solid #b49b6b40;padding:7px 0 7px 19px}.se-affinity-explanation strong{font-size:12px}.se-affinity-explanation p{font-size:12px;color:#958c7f}
.se-public .se-guide-community{background:linear-gradient(130deg,#22201c,#17191f 63%);border-top-color:#bca16a22}
.se-public #redes{padding:61px 0 67px}.se-public .socials-grid{gap:14px}.se-public .social-card{padding:23px;min-height:81px;border-radius:7px;background:#1114198a;border-color:#c6ad7b20;gap:13px}
.se-public .social-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbb27c25;background:#b99c6409;border-radius:50%;font-size:17px}
.se-public .social-name{font-size:13px;color:#d9d0c0}.se-public .social-card:hover{border-color:#d3b77d70;background:#25231e;transform:translateY(-2px)}
.se-public .footer{background:#0e1116;border-color:#cfb27814;padding:32px 0}.se-public .footer-links a{font-size:11px;color:#a89d89}
@media(max-width:1100px){.se-public{--wrap:calc(100% - 48px)}.se-public .topbar-inner{gap:18px}.se-public .nav{gap:14px}.se-public .nav a{font-size:11px}.se-public .nav-cta{padding:11px 14px}.se-public .se-class-tab{padding:13px 10px;gap:9px}.se-public .se-class-tab img{width:44px;height:44px}.se-public .se-class-tab strong{font-size:10px}.se-character-intro{padding:32px;grid-template-columns:240px 1fr;gap:27px}.se-elements-layout{grid-template-columns:400px minmax(0,1fr);gap:23px}.se-specialization-steps>li{padding:21px 17px}.se-public .se-platform-grid{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}.se-public .se-platform.is-browser{gap:8px;padding:13px 12px}.se-public .se-platform strong{font-size:11px}.se-tree-branches{gap:15px}}
@media(max-width:900px){.se-public .topbar-inner{min-height:76px}.se-public .nav{gap:0}.se-public.se-page-home .hero-grid{min-height:545px;padding:58px 0 34px}.se-public.se-page-home .hero-left{width:65%;gap:18px}.se-public .hero-headline{font-size:46px}.se-public .hero-sub{font-size:13px;max-width:39ch}.se-public .se-play-platforms{padding:19px}.se-public .se-platform-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.se-public .se-platform.is-browser{display:flex;text-align:center;gap:6px;padding:12px 5px}.se-public .se-platform-badge{font-size:7px;margin:1px 0 0}.se-public .se-platform{padding:12px 5px;min-height:112px}.se-public .se-platform small{font-size:9px}.se-public .se-class-tab{flex-direction:column;text-align:center;padding:14px 7px;min-height:123px}.se-public .se-class-tab small{justify-content:center}.se-public .se-class-tab strong{font-size:10px}.se-public .se-class-tab img{width:50px;height:50px}.se-public .section{padding:58px 0}.se-public .section-title{font-size:30px}.se-character-intro{grid-template-columns:200px 1fr;padding:29px;gap:24px}.se-character-portrait>img{width:180px;height:180px}.se-portrait-ring{width:209px;height:209px;top:15px}.se-character-bio h3{font-size:33px}.se-character-elements{gap:10px}.se-character-elements>div{padding:10px 12px}.se-elements-layout{grid-template-columns:1fr}.se-affinity-wheel{max-width:470px;margin:auto}.se-element-detail{max-width:620px;margin:auto}.se-specialization-steps{gap:12px}.se-specialization-steps>li{display:block;padding:23px 19px}.se-specialization-steps>li>span{display:block;margin-bottom:12px}.se-tree-summary{gap:25px}.se-guide-nav>.wrap{gap:20px}.se-guide-nav a{font-size:11px}.se-guide-nav>.wrap>span{display:none}.se-guide-counter{display:none}}
@media(max-width:650px){.se-public{--wrap:calc(100% - 36px)}.se-public .topbar-inner{min-height:72px;padding:13px 0;gap:12px}.se-public .brand-text strong{font-size:15px}.se-public .brand-text small{font-size:7px}.se-public .sigil{width:32px;height:38px}.se-public .nav-login{font-size:11px}.se-public.se-page-home .hero-grid{min-height:520px;padding:44px 0 29px}.se-public.se-page-home .hero-left{width:100%;gap:18px}.se-public .se-hero-art{background-position:68% top;background-size:auto 650px;opacity:.6}.se-public .se-hero-art:after{background:linear-gradient(90deg,#101114ac,#10111420),linear-gradient(0deg,#101114 7%,#10111492 52%,transparent)}.se-public .hero-headline{font-size:clamp(35px,9vw,45px);line-height:1.16}.se-public .hero-sub{font-size:13px;max-width:35ch}.se-public .hero-actions{gap:9px;width:100%}.se-public .hero-actions .btn{padding:13px 15px;font-size:11px;gap:10px;min-height:46px}.se-public .se-hero-facts{margin-top:7px;gap:0;max-width:none}.se-hero-facts span{font-size:9px;padding:2px 12px;gap:6px}.se-hero-facts strong{font-size:22px}.se-public .hero-left>.se-text-link{font-size:10px}.se-platform-dock{padding-bottom:26px}.se-public .se-play-platforms{padding:18px 14px;border-radius:7px}.se-platform-heading{display:block;margin-bottom:14px}.se-platform-heading>span{display:block;font-size:10px;margin-top:6px}.se-public .se-platform-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.se-public .se-platform{grid-column:span 2;min-height:90px;padding:12px 7px}.se-public .se-platform.is-browser,.se-public .se-platform.is-windows{grid-column:span 3;min-height:106px}.se-public .se-platform.is-browser{display:grid;grid-template-columns:26px 1fr;text-align:left;gap:5px 9px;padding:14px 12px}.se-public .se-platform.is-browser svg{grid-row:1/3;width:26px;height:26px}.se-public .se-platform-badge{grid-column:2;grid-row:3;font-size:7px}.se-public .se-platform strong{font-size:11px}.se-public .se-platform.is-unavailable strong{font-size:9px}.se-public .se-platform small{font-size:9px}.se-public .se-platform.is-unavailable small{font-size:8px}.se-guide-nav>.wrap{min-height:64px;gap:19px}.se-guide-nav a{font-size:10px;gap:12px}.se-public .section{padding:43px 0}.se-public .section-head{margin-bottom:24px}.se-public .section-title{font-size:27px}.se-public .section-sub{font-size:12px;line-height:1.8}.se-public .section-label{font-size:8px;margin-bottom:12px}.se-public .se-class-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.se-public .se-class-tab{flex-direction:row;text-align:left;gap:9px;min-height:83px;padding:11px}.se-public .se-class-tab strong{font-size:10px}.se-public .se-class-tab img{width:42px;height:42px}.se-public .se-class-tab small{justify-content:flex-start;font-size:9px}.se-character-intro{grid-template-columns:1fr;padding:25px 22px;gap:21px}.se-character-portrait{min-height:232px}.se-character-portrait>img{height:195px;width:195px}.se-portrait-ring{width:221px;height:221px;top:0}.se-character-bio h3{font-size:32px}.se-character-summary{font-size:14px}.se-character-bio>p:not(.se-eyebrow):not(.se-character-summary){font-size:12px}.se-character-elements{flex-direction:column;align-items:stretch;gap:8px;margin:20px 0}.se-character-elements>div{padding:11px 13px}.se-character-elements strong{font-size:16px}.se-skills-heading{padding:23px 20px 16px}.se-skills-heading h4{font-size:18px}.se-public .se-skills-grid{grid-template-columns:1fr;margin:0 18px;gap:9px}.se-public .se-skill{min-height:110px;padding:16px 14px;gap:12px}.se-skill h5{font-size:13px}.se-skill p{font-size:11px}.se-skills-note{font-size:10px;padding:21px}.se-specialization-steps{grid-template-columns:1fr;gap:12px}.se-specialization-steps>li{display:flex;padding:22px;gap:18px}.se-specialization-steps>li>span{font-size:26px;margin:0}.se-tree-summary{padding:24px 22px;gap:23px}.se-tree-summary strong{font-size:18px}.se-tree-summary p{font-size:11px}.se-tree-branches{justify-content:space-between;gap:8px}.se-tree-branches>span{padding:0 8px;border:0;min-width:65px}.se-tree-branches strong{font-size:11px}.se-affinity-wheel{max-width:354px}.se-element-detail{padding:24px 21px}.se-element-heading h3{font-size:31px}.se-element-tactic{font-size:12px}.se-affinity-explanation{grid-template-columns:1fr;gap:18px;margin-top:25px}.se-affinity-explanation p{font-size:11px}.se-element-owners button{padding:7px 5px}.se-public #redes{padding:44px 0}.se-public .socials-grid{gap:9px}.se-public .social-card{padding:17px 12px;gap:10px;min-height:71px}.se-public .social-name{font-size:11px}.se-public .social-icon{width:28px;height:28px;font-size:14px}.se-public .footer{padding:28px 0}.se-public .footer-links{gap:18px}}
/* A continuous fantasy scene stays behind every public section. */
.se-public .scene{background:linear-gradient(90deg,#101114c7 0%,#1011149e 55%,#1011148a),linear-gradient(0deg,#101114ad,#1011142e),url('../img/south-era-hero-v1.png') center 30%/cover no-repeat}
.se-public .se-characters{background:linear-gradient(100deg,#1011144d,#1011141a)}
.se-public .se-specialization{background:linear-gradient(130deg,#1011149c,#16181d85)}
.se-public .se-elements-section{background:linear-gradient(100deg,#10111452,#1011141a)}
.se-public .se-guide-community{background:linear-gradient(130deg,#22201ca6,#17191fa3 63%)}
.se-public .se-guide-nav{background:#17191fe0}
.se-public .se-affinity-wheel{background:radial-gradient(circle,#b89e6010 0%,#15181f85 36%,#10131975 70%)}
.se-selection-empty{display:flex;align-items:center;justify-content:center;gap:23px;padding:34px 29px;min-height:145px;border:1px solid #cbb1802b;border-radius:9px;background:linear-gradient(120deg,#1b1d24db,#14171dc9);box-shadow:0 12px 35px #0002}
.se-selection-empty[hidden]{display:none!important}
.se-selection-empty>svg{width:49px;height:49px;flex-shrink:0;color:#bda16b}
.se-selection-empty h3{font:400 22px/1.4 Cinzel,Georgia,serif;color:#e1ceb0;margin-bottom:7px}
.se-selection-empty p{font-size:12px;line-height:1.85;color:#b5ad9f;max-width:56ch}
.se-element-empty{min-height:300px;flex-direction:column;text-align:center;padding:40px;gap:22px}
.se-element-empty>svg{width:67px;height:67px}.se-element-empty h3{font-size:25px}
@media(max-width:650px){.se-public .scene{background-position:65% center}.se-selection-empty{padding:24px 20px;gap:15px;align-items:flex-start}.se-selection-empty>svg{width:36px;height:36px}.se-selection-empty h3{font-size:19px}.se-selection-empty p{font-size:11px}.se-element-empty{align-items:center;min-height:230px;padding:27px}.se-element-empty>svg{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.se-public *{transition:none!important;scroll-behavior:auto!important}}