@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--gold:#dfbd79;--paper:#f2e9d5;--muted:#a4b4ac;--line:#dbbc7738}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#183b42;color:var(--paper);font:13px 'DM Sans',sans-serif}button,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#163237;padding:10px 14px;transition:background .15s,border-color .15s}button:hover{background:#274c4c;border-color:var(--gold)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ffe8a1;outline-offset:3px}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;box-shadow:inset 0 0 150px #092a3438;pointer-events:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:22px;padding:13px 24px;background:linear-gradient(#0c2429f5,#0c2429d9);border-bottom:1px solid var(--line);height:78px}header>a{font:bold 25px Georgia;color:var(--gold);border-right:1px solid var(--line);padding-right:20px}header>a span{color:#f2e9d5}.brand{font:600 15px Cinzel,Georgia;letter-spacing:1px}.brand small{display:block;font:8px 'DM Sans';letter-spacing:2.7px;color:var(--gold);margin-top:5px}#resources{display:flex;margin:auto;gap:42px}#resources span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}#resources b{display:block;font-size:21px;letter-spacing:0;color:#f5e9ce;margin-top:3px;font-weight:500}#pause{font-size:20px;background:transparent;width:43px;padding:6px}#objectives{position:fixed;top:105px;left:25px;width:248px;background:linear-gradient(110deg,#102e32ef,#102e3200);padding:14px 16px;border-left:2px solid var(--gold)}small,.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--gold)}h2{font:500 17px Cinzel,Georgia;margin:10px 0}p{line-height:1.65;color:#bbc8bf;margin:8px 0}.objective-line{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:10px;letter-spacing:1px}.objective-line i{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}#raid-clock{font-size:11px;color:var(--gold)}#help-button{font-size:9px;background:transparent;border:0;padding:9px 0;color:#bdc9bf;letter-spacing:1px}#toast{position:fixed;top:95px;left:50%;transform:translateX(-50%);background:#0c2429eb;color:#ffe1a2;padding:12px 22px;border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .2s;max-width:50vw;text-align:center}#toast.visible{opacity:1}#selection-box{position:fixed;display:none;border:1px solid #f2d493;background:#ebd89a22;pointer-events:none}#mode-hint{position:fixed;top:86px;left:50%;transform:translateX(-50%);background:#daba79;color:#142d30;padding:10px 20px;pointer-events:none;font-weight:bold}#minimap-panel{position:fixed;bottom:39px;left:20px;width:242px;padding:10px;background:#10282eec;border:1px solid var(--line)}.map-title{font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between;margin-bottom:8px;color:var(--gold)}#minimap{width:220px;height:160px;cursor:crosshair}#minimap-panel small{display:block;text-align:center;font-size:7px;margin-top:6px;color:#91a99e}#command-panel{position:fixed;bottom:39px;left:276px;right:20px;min-height:188px;display:flex;background:#10282eec;border:1px solid var(--line);padding:19px;gap:24px}#selection-info{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding-right:18px}#selection-desc{font-size:11px;line-height:1.6}#healthbar{height:3px;background:#ffffff16;max-width:180px;margin:9px 0}#healthbar i{display:block;background:#8dbb8b;height:100%;width:0}#queue{font-size:10px;color:var(--gold)}#actions{display:flex;gap:8px;align-content:start;flex-wrap:wrap}#actions button{width:106px;text-align:left;padding:9px;font-size:11px;height:64px;background:#ffffff05}#actions button span{display:block;font-size:8px;color:#b2b9a7;margin-top:5px;line-height:1.5}#actions button:hover{background:#dfbd7920}#controls-hint{position:fixed;bottom:0;left:0;right:0;height:28px;text-align:center;background:#0c2429d9;font-size:9px;letter-spacing:.6px;padding:8px;color:#9fb7af}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#07252b77;backdrop-filter:blur(6px);padding:25px;z-index:10;overflow:auto}.overlay[hidden],[hidden]{display:none!important}#menu{justify-items:start;background:linear-gradient(90deg,#0a222cf5 0%,#0a222cdb 35%,#0a222c20 85%);backdrop-filter:none}.menu-card{width:min(580px,95vw);padding:36px 45px;margin-left:3vw}h1{font:500 clamp(38px,5vw,72px)/1.05 Cinzel,Georgia;margin:25px 0 12px;letter-spacing:-2px}h1 em{font-style:normal;color:var(--gold)}.subtitle{font-size:11px;letter-spacing:5px;color:var(--gold);margin-bottom:27px}.intro{font-size:14px;color:#c6cfc5;max-width:445px}.choices{display:flex;gap:10px;margin:25px 0 16px}.faction{width:50%;padding:15px;text-align:left;background:#ffffff04}.faction.selected{border-color:var(--gold);background:#dfbd7915}.faction b{display:block;font:500 13px Cinzel,Georgia;color:#f3e3c1}.faction span{display:block;font-size:9px;color:#c5bc9f;margin:8px 0}.faction small{font-size:10px;letter-spacing:0;color:#9fae9f;line-height:1.5;display:block}.difficulty{font-size:9px;letter-spacing:1px;color:#bfb896;display:flex;align-items:center;gap:15px;margin:18px 0}select{min-width:0;color:#dbd7c3;background:#17343a;border:1px solid var(--line);padding:8px;flex:1;font-size:10px}.primary{width:100%;background:#dcbc7e;color:#193030;font-weight:700;letter-spacing:1.4px;font-size:11px;padding:17px;margin-top:12px;border:0;display:block}.primary span{float:right}.primary:hover{background:#f1d398}.fine{font-size:9px;color:#96aca6;margin-top:16px;line-height:1.7}.dialog{width:min(600px,96vw);background:#102b32f5;border:1px solid var(--line);padding:38px}.dialog h1{font-size:38px;letter-spacing:-1px}.secondary{display:block;width:100%;text-align:center;border:1px solid var(--line);padding:14px;margin-top:12px;background:transparent;font-size:10px;letter-spacing:1px}.manual ol{padding-left:20px;color:#b9c7bd;font-size:12px;line-height:1.7}.manual li{padding:7px 0}.manual b{color:#f2e2bc}#error{position:fixed;inset:0;z-index:100;background:#142b32;padding:15vh 10vw;font-size:20px}
@media(max-height:780px){.menu-card{padding:15px 30px}.menu-card h1{font-size:49px;margin-top:18px}.choices{margin:16px 0}.intro{font-size:12px}.subtitle{margin-bottom:16px}#command-panel{min-height:160px;padding:12px}#minimap{height:140px}#minimap-panel{width:222px}#command-panel{left:254px}#minimap{width:200px}#selection-info{width:190px}}
@media(max-width:850px){header{padding:10px;gap:10px}.brand{display:none}#resources{gap:18px}#resources b{font-size:17px}#resources span{font-size:7px}#objectives{top:90px;left:12px;width:200px;font-size:11px}#minimap-panel{display:none}#command-panel{left:10px;right:10px;gap:12px;padding:12px}#selection-info{width:155px}#actions{gap:5px}#actions button{width:91px;font-size:10px;height:60px}#controls-hint{font-size:7px}.menu-card{margin:0;padding:15px;max-width:520px}.dialog{padding:23px}#toast{max-width:85vw;width:max-content;top:85px}#mode-hint{max-width:90vw;width:max-content;font-size:11px}}