:root{--bg:#070605;--panel:#120e0b;--card:#211711;--line:#513622;--fire:#e66b18;--gold:#f3c66f;--text:#f6ead8;--muted:#baa58d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -5%,#55200b,#120b07 35%,#050505 80%);color:var(--text);font-family:Georgia,serif}.game-head{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:15px;padding:13px max(16px,calc((100% - 1120px)/2));background:#080605ef;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.game-head b,.hero h1,.title h2,.card h3{color:var(--gold)}.game-head small{color:var(--muted)}.resources{display:flex;gap:14px;font-family:Arial,sans-serif}.resources b{color:white}main{max-width:1120px;margin:auto;padding:22px 15px 50px}.hero{min-height:255px;padding:32px;border:1px solid var(--line);border-radius:18px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#140b06ee,#321305b5),radial-gradient(circle at 80%,#922f08,#120906 48%);box-shadow:inset 0 0 80px #0009}.hero h1{font-size:clamp(3rem,8vw,5.5rem);margin:2px 0}.hero p{max-width:650px;color:var(--muted);line-height:1.6}.kicker,.title small{font:700 .72rem Arial;letter-spacing:.2em;color:var(--fire)!important}.power{display:inline-block;padding:10px 13px;border:1px solid #79411d;border-radius:8px;background:#130b07}.crest{font-size:7rem;filter:drop-shadow(0 0 22px #f60b)}.relicbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0;padding:12px 14px;background:#0e0b09;border:1px solid var(--line);border-radius:10px;font:700 .78rem Arial;color:var(--muted)}.relicbar b{color:var(--gold)}#sealDots,#crystalDots{display:flex;gap:4px;margin-right:12px}.relic{width:15px;height:15px;border:1px solid #75563e;transform:rotate(45deg);background:#18110d}.relic.on{background:radial-gradient(circle,#fff4b0,#d8791e 45%,#692409);box-shadow:0 0 10px #f70}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:15px 0}.tabs button,.action{border:1px solid var(--line);background:#160f0b;color:var(--muted);padding:12px 7px;border-radius:8px;font-weight:700;cursor:pointer}.tabs button.active,.tabs button:hover,.action:hover{background:#55230d;color:var(--gold);border-color:#a45723}.panel{display:none;background:#0f0c0a;border:1px solid var(--line);border-radius:15px;padding:22px}.panel.active{display:block}.title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:18px}.title h2{font-size:2rem;margin:3px 0}.title p,.card p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#241811,#120d0a);padding:17px;border-radius:11px}.card h3{margin:5px 0}.icon{font-size:2.2rem}.meta{display:flex;justify-content:space-between;gap:7px;margin:12px 0;color:#d8c3a8;font:700 .76rem Arial}.action{width:100%;color:#fff;background:linear-gradient(#78300f,#431b0b)}.action:disabled{opacity:.38}.realm-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.realm{min-height:205px;padding:18px;border:1px solid #65452c;border-radius:14px;background:radial-gradient(circle at 70% 10%,#67301988,#18100b 55%);position:relative;overflow:hidden}.realm:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,#0008);pointer-events:none}.realm>*{position:relative}.realm .realm-icon{font-size:3rem}.realm h3{color:var(--gold);font-size:1.35rem;margin:7px 0}.realm p{color:var(--muted);min-height:45px}.realm.locked{filter:grayscale(.9);opacity:.58}.realm.locked:after{content:"🔒 SEALED";position:absolute;right:10px;top:10px;font:800 .65rem Arial;color:#ddd;letter-spacing:.12em}.story{color:#e4b26f!important;font-style:italic}.log{margin-top:15px;padding:15px;border-left:3px solid var(--fire);background:#1c110b;color:#e7cfb1}.clanbadge{font-size:2.7rem}footer{max-width:1120px;margin:auto;padding:15px;color:#79695b;font:700 .7rem Arial;letter-spacing:.12em;display:flex;justify-content:space-between}@media(max-width:760px){.game-head{flex-direction:column}.resources{justify-content:space-between}.hero{padding:22px}.crest{font-size:4.5rem}.tabs{grid-template-columns:repeat(6,minmax(82px,1fr));overflow:auto}.realm-map,.cards{grid-template-columns:1fr}.title{display:block}.panel{padding:15px}footer{display:block;line-height:2}}
.world3d{height:min(68vh,620px);min-height:420px;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#6d3012,#130b07 52%,#030303);box-shadow:inset 0 0 80px #0009,0 18px 45px #0008;margin-bottom:15px}
#realmCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none}
.world-label{position:absolute;left:16px;top:16px;padding:10px 12px;border:1px solid #71431f;border-radius:9px;background:#080504c9;backdrop-filter:blur(8px);pointer-events:none}
.world-label small{display:block;color:var(--fire);font:800 .66rem Arial;letter-spacing:.18em}.world-label strong{display:block;color:#f7dfbd;font:700 .72rem Arial;margin-top:4px}
.building-info{position:absolute;left:16px;right:16px;bottom:16px;max-width:520px;padding:11px 13px;border-left:3px solid var(--fire);background:#090605df;color:#ecd1ae;font:700 .76rem Arial;backdrop-filter:blur(7px)}
@media(max-width:760px){.world3d{height:55vh;min-height:390px}.world-label strong{font-size:.65rem}}

/* CINEMATIC HUD PASS */
body{background:#030303;color:#ded5c7;font-family:Arial,sans-serif}
.game-head{background:linear-gradient(180deg,#080808f8,#050505e8);border-bottom:1px solid #3a3026;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px}.brand .sigil{width:32px;height:32px;border:1px solid #9b6a35;display:grid;place-items:center;color:#d5a65d;font:700 17px Georgia;background:#120d08;transform:rotate(45deg)}.brand .sigil::first-letter{transform:rotate(-45deg)}.brand b{display:block;font:700 .92rem Georgia;letter-spacing:.09em;color:#d6b172}.brand small{display:block;font:600 .55rem Arial;letter-spacing:.23em;margin-top:3px;color:#746b61}
.resources span{display:flex;align-items:center;gap:7px;background:#0b0a09;border:1px solid #2c2721;padding:7px 9px}.resources i{font:800 .5rem Arial;color:#a8773d;letter-spacing:.08em}.resources b{font-size:.78rem;color:#e5ded4!important}
main{max-width:1280px;padding-top:10px}.world3d{height:min(76vh,760px);min-height:500px;border-radius:2px;border-color:#30261d;background:#020202;margin-bottom:10px}.world3d:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0008 0%,transparent 22%,transparent 72%,#000b 100%);box-shadow:inset 0 0 100px #000}
.world-label{z-index:2;border:0;border-left:2px solid #a76b32;border-radius:0;background:#050505b8;padding:9px 11px}.world-label small{color:#c99450;font-size:.56rem}.world-label strong{color:#898178;font-size:.55rem;letter-spacing:.12em}
.realm-status{position:absolute;z-index:3;right:14px;top:14px;display:grid;grid-template-columns:repeat(2,auto);background:#050505c9;border:1px solid #30271e}.realm-status span{padding:8px 11px;border:1px solid #191613;font:700 .52rem Arial;letter-spacing:.13em;color:#756d64}.realm-status b{display:block;margin-top:3px;color:#d8b06c;font-size:.72rem;letter-spacing:0}
.building-info{z-index:3;border:1px solid #352a20;border-left:2px solid #9d612c;border-radius:0;background:#050505d9;color:#aaa097;font-size:.6rem;letter-spacing:.12em}
.hero{min-height:auto;border-radius:2px;padding:18px 22px;background:linear-gradient(90deg,#090807,#100b07);box-shadow:none}.hero h1{font:600 clamp(2rem,5vw,3.4rem) Georgia;color:#cda865;margin:0}.hero p{font-size:.82rem;max-width:760px;margin:8px 0;color:#81776d}.kicker{font-size:.54rem!important;color:#9b6533!important}
.relicbar{border-radius:0;background:#070706;border-color:#2e2720;margin:10px 0;color:#776e65;font-size:.62rem;letter-spacing:.12em}.relicbar b{color:#c69c5d}
.tabs{gap:2px;margin:10px 0}.tabs button{border-radius:0;background:#090908;border-color:#28231e;padding:11px 6px;font-size:.58rem;letter-spacing:.12em}.tabs button span{display:block;color:#5d554d;font-size:.48rem;margin-bottom:3px}.tabs button.active,.tabs button:hover{background:#181009;color:#d4aa68;border-color:#6e4928}
.panel{border-radius:2px;background:#080807;border-color:#2b251f}.title h2{font:500 1.6rem Georgia}.card,.realm{border-radius:2px;background:linear-gradient(145deg,#11100e,#080807);border-color:#302a24}.icon,.realm-icon,.clanbadge{filter:grayscale(1);opacity:.55;font-size:1.2rem!important}.action{border-radius:1px;background:#17100a;border-color:#5b3d25;color:#cbb18b;letter-spacing:.08em;font-size:.65rem}
@media(max-width:760px){.world3d{height:64vh;min-height:480px}.realm-status{top:auto;bottom:54px;left:12px;right:12px;grid-template-columns:repeat(4,1fr)}.realm-status span{text-align:center;padding:7px 3px}.building-info{bottom:8px;left:12px;right:12px}.world-label{top:10px;left:10px}.world-label strong{display:none}.game-head{flex-direction:row}.resources{gap:3px}.resources span{padding:5px}.resources i{display:none}.brand b{font-size:.72rem}.brand small{font-size:.45rem}}