/* Original gothic fantasy visual system. Text remains live and accessible. */
:root{--gold:#c5a16c;--muted:#a69b89;--line:#43382b;color:#e5dccb;background:#100e0c;font-family:"Microsoft JhengHei","Segoe UI",sans-serif}body{background:radial-gradient(ellipse at 55% 0,#34231855,transparent 55%),#100e0c}header{height:100px;background:linear-gradient(#191511f2,#100e0cf7);border-bottom:1px solid #6e5033;box-shadow:0 5px 40px #0008}.brand{color:#e6c89b;font-family:Georgia,"Microsoft JhengHei",serif;letter-spacing:8px;font-size:32px;text-shadow:0 2px 14px #b66e3555}.brand small{color:#aa8b66;font-size:9px;letter-spacing:2.5px}.crest{display:block;width:61px;height:69px}.crest-image{width:100%;height:100%;object-fit:contain}.wallet{gap:38px}.wallet>span{position:relative;padding-left:44px;color:#a7977e;font-size:10px;min-width:100px}.wallet b{color:#e2c28b;font-family:Georgia,serif;font-size:22px}.resource-icon{position:absolute;left:0;top:0;width:37px;height:42px;object-fit:contain}.wallet>span:nth-child(2) b{color:#d88a78}.wallet>span:nth-child(3) b{color:#ddcfa7}button{background:linear-gradient(#30271e,#201b16);border:1px solid #655039;border-radius:2px;color:#d5c5ac;box-shadow:inset 0 1px #b9945420;font-size:12px}button:hover{background:linear-gradient(#463627,#30241a);border-color:#bd9764;box-shadow:0 0 16px #aa65351a}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#d8b174}.primary{background:linear-gradient(#9b3d27,#5d2019);border-color:#ba6945;color:#f6dfbb;box-shadow:inset 0 1px #e2b27e55,0 3px 12px #0008}.primary:hover{background:linear-gradient(#b64d30,#782c1f)}main{grid-template-columns:190px minmax(400px,1fr) 330px;gap:25px;padding-top:28px}aside h1{font-family:Georgia,"Microsoft JhengHei",serif;font-size:25px;line-height:1.9;letter-spacing:1px}h1 em{color:#d1a16a}aside>.muted{color:#897d6e;font-size:11px;line-height:2}.eyebrow{color:#ab8d61;font-size:9px;letter-spacing:2.2px}nav{gap:5px}nav button{border-radius:1px;border:1px solid transparent;background:transparent;box-shadow:none;color:#b5a38b;padding:18px 14px}nav small{color:#796c59;letter-spacing:2px}nav .active{background:linear-gradient(90deg,#54301f70,#31241c22);border:1px solid #76543a;border-left:3px solid #c08e51;color:#edcf9e}nav .active small{color:#b59972}.dispatch{color:#9d8b6c;border-color:#4a3926;margin-top:38px}.dispatch p{color:#796e5e}.live{background:#bc9453;box-shadow:0 0 9px #bd824a66}.section-head{margin-bottom:17px}h2{font-family:Georgia,"Microsoft JhengHei",serif;letter-spacing:1px;font-size:23px;font-weight:500}h2 span{color:#a59982;font-family:"Segoe UI",sans-serif;font-size:11px}.pill{background:#231c13;border-color:#755b39;color:#d0b27a;font-size:10px;letter-spacing:1px;border-radius:2px}.battle{border-radius:2px;border:1px solid #8c6844;box-shadow:0 10px 35px #0009,inset 0 0 0 5px #312316;background:#191511}.battle::after{content:"";position:absolute;inset:4px;border:1px solid #bf915633;pointer-events:none}.battle-top{top:18px;color:#d9c5a5;font-size:10px;text-shadow:0 1px 4px #000}.bar{height:7px;background:#090807;border:1px solid #5e4735;border-radius:0;box-shadow:0 1px 5px #000a}.bar i{background:linear-gradient(#b64a33,#6d1e1a);box-shadow:0 0 9px #b23a2a66}.blue i{background:linear-gradient(#6f92ad,#335371);box-shadow:0 0 8px #4f84ad44}.battle-bottom{color:#b7a180;font-size:9px;text-shadow:0 1px 5px #000}.controls{border-bottom:1px solid #403023;padding-bottom:18px;margin-bottom:12px}.controls label{color:#a49279}.controls button{min-height:41px}.skill{position:relative;padding-left:48px!important;border-color:#79573b;color:#f1c08b;background:linear-gradient(#39291d,#211711)}.skill-icon{position:absolute;left:5px;top:2px;width:40px;height:40px;object-fit:contain}.skill small{font-size:9px;color:#b3926d}input{accent-color:#b6693c}.formation-heading h3{color:#c5ad86;letter-spacing:2px;font-size:12px}.formation-heading span{color:#84735f;font-size:9px}.formation{gap:7px}.slot{background:linear-gradient(130deg,#251e17,#18140f);border-color:#4a3928;min-height:76px;border-radius:2px;gap:9px;padding:6px 9px;color:#cdbb9d;font-size:11px;overflow:hidden}.slot.selected{background:linear-gradient(110deg,#5c3b2455,#2a2016);border-color:#c29054;box-shadow:inset 0 0 18px #98612b22}.slot .avatar{display:grid;place-items:center;width:48px;height:61px;flex-shrink:0;font-size:22px;color:#856744}.formation-portrait{width:62px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 3px #000);margin:-5px}.slot small{color:#9a8262;font-size:9px;letter-spacing:.5px}.journal{border-color:#453322;padding-top:16px;margin-top:20px}.journal p{color:#9f8e77;font-size:11px}.panel{border-left:1px solid #453322;padding-left:22px;min-width:0}.panel .section-head{position:sticky;top:0;background:#100e0cf5;padding:5px 0 14px;z-index:2;margin-bottom:0}.panel h2{color:#ddc39a;font-size:21px}#panelBody{max-height:calc(100vh - 202px);overflow:auto;padding:3px 8px 4px 0;scrollbar-width:thin;scrollbar-color:#6f5030 #16110c}.hero-card,.upgrade-card{background:linear-gradient(135deg,#2a2118,#17130f);border:1px solid #4e3a29;border-radius:2px;padding:11px;margin-bottom:11px;position:relative;box-shadow:inset 0 1px #b48d5120,0 5px 10px #0003}.hero-card::before{content:"";position:absolute;inset:3px;border:1px solid #a87f3c12;pointer-events:none}.hero-top{gap:12px;align-items:center}.portrait{height:103px;width:84px;background:radial-gradient(ellipse at 50% 70%,#6d48263d,transparent 75%),#17130f;border:1px solid #675033;border-radius:1px;overflow:hidden;position:relative}.hero-illustration{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #000);transform:scale(1.08)}.hero-name{font-family:Georgia,"Microsoft JhengHei",serif;font-size:14px;letter-spacing:1px;color:#e3cda8}.hero-name small{font-family:"Segoe UI",sans-serif;color:#9b8362;font-size:10px;letter-spacing:.4px;line-height:1.8}.badge{font-size:9px;color:#d6b177;writing-mode:vertical-rl;letter-spacing:3px}.hero-card p,.upgrade-card p{color:#ae9c80;font-size:10px;line-height:1.9}.card-actions{gap:6px}.card-actions button{font-size:10px;padding:7px 3px;color:#d5ba8e;border-color:#63482d;min-height:30px}.locked{background:linear-gradient(135deg,#201b16,#14110e)}.locked .hero-illustration{filter:grayscale(.85) brightness(.67)}.locked .hero-name{color:#9b8e78}.locked .portrait{border-color:#46392b}.recruit{border-radius:2px;background:linear-gradient(100deg,#513021,#2c2017);border:1px solid #9b6741;color:#e8c598;font-size:10px;padding:14px 6px;letter-spacing:.4px}.equipment-info{min-height:35px;display:flex;align-items:center;gap:7px;border-top:1px solid #5a40264d;padding-top:6px}.gear-icon{height:35px;width:35px;object-fit:contain;flex-shrink:0}.upgrade-card.illustrated{min-height:112px;padding-left:94px;overflow:hidden}.upgrade-illustration{position:absolute;width:83px;height:99px;object-fit:contain;left:5px;top:8px;filter:drop-shadow(0 5px 6px #000)}.upgrade-card h3{font-size:12px;line-height:1.8;color:#dcc49c}.upgrade-card button{font-size:10px;margin-top:4px}.upgrade-card.illustrated p{font-size:10px}.tab-intro{font-size:10px;color:#a18a6c}.dialog-actions button,.import{font-size:12px}dialog{background:linear-gradient(125deg,#2d2319,#15100c);border:1px solid #987041;border-radius:3px;box-shadow:0 20px 90px #000}dialog p{color:#b6a389}dialog h2{color:#e0c59a}.import{border-color:#655039;border-radius:2px}footer{color:#786548;border-color:#44301d;font-size:9px;letter-spacing:.6px}#toast{background:linear-gradient(#b28a55,#80623b);color:#fff2d8;border:1px solid #ddbe88;border-radius:2px;box-shadow:0 6px 25px #000a;font-size:12px}#art-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#140e08e8;border:1px solid #80613b;padding:12px;color:#d6ba8d;font-size:12px}
@media(min-width:1550px){main{grid-template-columns:210px minmax(400px,1fr) 350px;gap:32px}.portrait{width:93px;height:111px}}
@media(max-width:1150px){main{grid-template-columns:165px minmax(350px,1fr)}.panel{padding:0;border:0}#panelBody{max-height:none;padding:0;overflow:visible;grid-template-columns:1fr 1fr}.panel .section-head{position:static}.hero-card,.upgrade-card{margin-bottom:0}.portrait{width:70px;height:87px}.hero-name{font-size:12px}.badge{display:none}.wallet{gap:18px}}
@media(max-width:680px){header{height:auto;min-height:86px;padding:10px 14px;gap:9px}.brand{font-size:25px;letter-spacing:5px;gap:8px}.brand small{font-size:7px;letter-spacing:1.4px}.crest{width:38px;height:46px}.wallet{gap:11px;order:3;width:100%;border-top:1px solid #4d3422;padding-top:9px;justify-content:space-around}.wallet>span{min-width:75px;padding-left:31px;font-size:9px}.wallet b{font-size:16px;margin-top:2px}.resource-icon{width:27px;height:32px}header>button{font-size:10px;padding:8px;background:#281e15}main{display:flex;padding:12px;gap:16px}nav{gap:4px}nav button{padding:11px 3px;font-size:10px}nav .active{border-left-width:1px;border-bottom:2px solid #c08e51}h2{font-size:20px}.section-head{margin-bottom:13px}.battle-top{top:12px;font-size:8px;left:12px;right:12px}.battle-top>div{width:43%}.bar{height:5px;margin-top:5px}.battle-bottom{font-size:7px;left:12px;right:12px}.controls{gap:5px;margin-top:11px;padding-bottom:12px}.controls button{font-size:10px;padding:9px;min-height:38px}.skill{padding-left:36px!important}.skill-icon{width:30px;height:33px;left:2px}.skill small{font-size:8px}.controls label{font-size:9px}.slot{min-height:69px;padding:5px 4px;gap:2px;font-size:10px}.slot .avatar{width:33px;height:48px}.formation-portrait{width:44px;height:57px}.slot small{font-size:8px}.formation-heading h3{font-size:11px}.formation-heading span{font-size:8px}.formation{gap:5px}.panel h2{font-size:19px}#panelBody{gap:8px}.hero-card{padding:9px}.hero-top{gap:7px}.portrait{width:54px;height:78px}.hero-name{font-size:11px;letter-spacing:.3px}.hero-name small{font-size:9px}.hero-card p{font-size:9px;line-height:1.8}.card-actions{gap:4px}.card-actions button{font-size:9px;min-width:50px;padding:6px 1px}.recruit{font-size:10px}.gear-icon{width:25px;height:30px}.equipment-info{font-size:8px!important;gap:3px}.upgrade-card.illustrated{padding:9px 9px 9px 61px;min-height:100px}.upgrade-illustration{width:54px;height:76px;top:14px;left:2px}.upgrade-card h3{font-size:10px}.upgrade-card.illustrated p{font-size:9px}.upgrade-card button{font-size:9px;padding:7px 3px}.pill{font-size:8px;padding:5px 7px}footer{font-size:8px;letter-spacing:0}}

.nav-icon{width:28px;height:35px;object-fit:contain;float:left;margin:-5px 9px 0 -5px}nav small{padding-left:33px}.tower-option-icon{width:25px;height:28px;object-fit:contain;vertical-align:middle;margin-right:8px}aside::after{content:'';display:block;height:170px;margin-top:25px;background:linear-gradient(0deg,#100e0c,transparent 50%,#100e0c33),url('assets/hero-0-portrait.jpg') center 28%/cover;opacity:.65;border-top:1px solid #77523544;mask-image:linear-gradient(black 65%,transparent)}@media(max-width:680px){.nav-icon{display:block;float:none;margin:0 auto 5px;width:25px;height:28px}nav button{padding:7px 2px}aside::after{display:none}}

.gallery-link{color:#bc9a64;text-decoration:none}.gallery-link:hover{color:#f1d5a7}