@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{--bg:#10151b;--ink:#e7dfcd;--muted:#a0a6a9;--line:#31383d;--green:#90a78e;--gold:#d7ad66}
body{background:radial-gradient(ellipse at 65% 0,#22303988,transparent 60%),#10151b}
aside{background:linear-gradient(170deg,#161d23,#0c1116);border-right:1px solid #30383b}
.brand{letter-spacing:-1px}.brand span{color:#dfb77a}aside .eyebrow{color:#7d868b}
nav button{color:#a6adb0;border:1px solid transparent;border-radius:5px}
nav button.active{background:linear-gradient(90deg,#8f6f382e,#a07c2810);border-color:#ab86433d;color:#edce95}
nav button:hover{background:#ffffff08;color:#fff}aside footer{color:#838d91}
.avatar{background:linear-gradient(135deg,#6c5b40,#2a3032);border:1px solid #b99c64;color:#e8d1a2}
.top{border-color:#ffffff0d}.pill{background:#1c252c;border-color:#3c454a;color:#c2c7c5}
.intro{margin:26px 0 22px}.intro h1{font:600 38px 'Cormorant Garamond',Georgia,serif;letter-spacing:-.6px}
.eyebrow{color:#ae9468;font-size:9px}
.btn{background:linear-gradient(180deg,#d6b477,#ae854a);border:1px solid #ddbe83;color:#201c15;border-radius:5px;box-shadow:inset 0 1px #f7e7b64d;font-weight:800;transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}
.btn.light{background:#273132;border-color:#52605a;color:#d9ddc8;box-shadow:none}
.stats{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:24px;background:#192128}
.stat{background:transparent;border:none;border-radius:0;border-right:1px solid var(--line);padding:16px 22px}
.stat:last-child{border:0}.stat b{color:#f2e9d8;font-size:26px;margin:8px 0}.stat small{color:#a8b396}
.card{background:linear-gradient(135deg,#20282e,#192127);border-color:#364046;border-radius:9px;box-shadow:0 8px 30px #0002}
.cardhead h2{font:600 21px 'Cormorant Garamond',Georgia,serif;letter-spacing:.3px}.cardhead{padding:18px 22px}
.scene{height:385px;background:#17262d;isolation:isolate}.scene>svg{display:none}
.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101a22dd,transparent 35%,transparent 70%,#101a2255);z-index:1}
.scene .badge{z-index:2;background:#111c23d9;border:1px solid #a38a5766;color:#dfc89c;border-radius:3px;letter-spacing:1.4px;font-size:8px}
.scene .worldname{z-index:2;color:#eadfc9;bottom:22px;font:600 25px 'Cormorant Garamond',serif;max-width:65%;text-shadow:0 2px 8px #000}
.townfoot{background:#1b2429}.bar{background:#0e161b;border:1px solid #485345;height:9px}.bar i{background:linear-gradient(90deg,#586f60,#a0b88a);box-shadow:0 0 12px #98b27455}
.tiny{color:#a5adb0}.bossart{height:175px;background:radial-gradient(ellipse,#a2794438,transparent 65%)}.bossart svg{height:170px;width:205px;filter:drop-shadow(0 10px 10px #0008)}
.boss h3{font:600 28px 'Cormorant Garamond',serif;color:#f0dfbe}.boss .bar{border-color:#6f4c3b}.boss .bar i{background:linear-gradient(90deg,#864f43,#d69a6a)}
.boss .btn{background:linear-gradient(180deg,#d6b477,#ae854a);color:#201c15}.tag{color:#d3b078}.questicon{background:linear-gradient(135deg,#584e35,#2b3331);border:1px solid #80704b;color:#edce8e}
.textlink{color:#d9b679}.textlink:hover{color:#ffe7bb}.suggestion strong{font:600 22px 'Cormorant Garamond',serif;color:#eadfc9}.suggestion p{color:#b2b8b8}
.notice{background:#202a2a;border:1px solid #435247;color:#b9c9b5}.profile{border-color:#394246}.table td,.table th{border-color:#354047}.table th{color:#bca576}
input,select{background:#111b22;color:#e9e1d1;border-color:#47515a}
dialog{background:#1b252d;color:#ebe1cf;border-color:#6e6248;box-shadow:0 25px 100px #0009}dialog h2{font:600 30px 'Cormorant Garamond',serif}
.toast{background:#293d34;border:1px solid #859f71;color:#f0eadc}.big{color:#e3bf7a}.forecastbars>div{background:linear-gradient(#cdb37c,#526d60)}
.theme{background:linear-gradient(145deg,#303d40,#1b262e);border-color:#50584c}.activity div{border-color:#ffffff0c}.demo{color:#c5ac7d}
.nextaction{margin-bottom:22px;padding:14px 18px;border:1px solid #9f855947;background:linear-gradient(90deg,#a47b2f19,#172229);border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.nextaction strong{font-size:12px;color:#e4cb9b}.nextaction p{font-size:11px;margin:3px 0;color:#adb5b6}.nextaction .btn{white-space:nowrap;padding:10px 16px}
.realmspot{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;color:#f5dfb8;font-size:10px;text-shadow:0 2px 5px #000;font-weight:700}
.realmspot span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d5b478;border-radius:50%;background:#1b292cdb;font-size:18px;box-shadow:0 0 20px #d2a25d38;transition:transform .2s}
.realmspot:hover span{transform:scale(1.15);background:#4d4734}.realmspot.a{left:45%;top:40%}.realmspot.b{left:22%;top:64%}.realmspot.c{left:73%;top:59%}
.damagefloat{position:absolute;left:50%;top:20%;color:#ffe1ac;font:bold 32px 'Cormorant Garamond';z-index:5;animation:damage 1.4s forwards;pointer-events:none}
@keyframes damage{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-75px)}}
.realm-avatar{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding:15px;border:1px solid #444947;background:linear-gradient(120deg,#423d2d44,#1b2429);border-radius:7px}
.realm-avatar .portrait{width:46px;height:50px;clip-path:polygon(12% 0,88% 0,100% 18%,100% 80%,50% 100%,0 80%,0 18%);background:linear-gradient(135deg,#d0b57d,#3b4e55);display:grid;place-items:center;font-size:29px;color:#152128}
.realm-avatar b{font:600 20px 'Cormorant Garamond',serif}.realm-avatar small{display:block;color:#b3b9b6;font-size:10px;margin-top:3px}
@media(min-width:1101px){.layout{grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr)}}
@media(max-width:750px){aside{border-bottom:1px solid #3b4447}.intro h1{font-size:30px}.scene{height:340px}.stats{gap:0}.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.nextaction{gap:10px}.nextaction p{font-size:10px}.scene .worldname{font-size:22px}.realmspot{font-size:9px}.realmspot span{width:30px;height:30px}.realmspot.a{left:44%}.realmspot.c{left:76%}.realm-avatar{margin-bottom:18px}.stack{gap:18px}}
/* Original background asset realm-night.webp was not supplied; avoid broken URL. */
.scene{background-size:cover;background-position:center 56%}