*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:default}a{text-decoration:none}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.brand{display:flex;align-items:center;gap:14px}.brand small{display:block;margin-top:6px}.sigil{display:grid;place-items:center;width:38px;height:43px;clip-path:polygon(50% 0,100% 23%,100% 77%,50% 100%,0 77%,0 23%)}nav{display:flex;gap:30px;height:100%}.nav{padding:0 0;position:relative}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px}kbd{padding:2px 5px;white-space:nowrap}.nav kbd{margin-left:6px}.build{display:flex;gap:9px;align-items:center}.build i,.world-footer i{width:5px;height:5px;display:inline-block}.build span{padding:4px 6px}main{padding:0 32px;max-width:1920px;margin:auto}.chapter{display:flex;align-items:center;justify-content:space-between;padding:27px 7px 25px}h1{margin:10px 0 0}.location{display:flex;gap:12px;align-items:center}.location small{display:block;margin-top:6px}.game-shell{height:calc(100vh - 242px);min-height:460px;max-height:1050px;position:relative;isolation:isolate;overflow:hidden}#world{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none}.hud{position:absolute}.player-panel{top:22px;left:22px;display:flex;width:276px;gap:12px;padding:12px 12px 7px}.portrait{width:51px;height:57px;position:relative;flex-shrink:0}.portrait canvas{width:48px;height:48px;image-rendering:pixelated}.portrait>span{position:absolute;bottom:-7px;left:15px;padding:2px 5px}.unit-info{flex:1}.unit-name{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px}.bar{height:14px;position:relative;margin:4px 0;overflow:hidden}.bar i{display:block;height:100%;width:100%;transition:width .12s linear}.bar span{position:absolute;inset:0;text-align:center;line-height:12px}.energy{height:9px}.energy span{line-height:8px}.rune-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px;white-space:nowrap}.target-panel{width:246px;left:320px;top:22px;padding:12px}.target-detail{display:flex;justify-content:space-between;margin-top:6px}.cast{position:relative;height:15px;margin-top:8px}.cast i{display:block;height:100%}.cast span{position:absolute;inset:0;line-height:13px;text-align:center}.region-label{position:absolute;top:23px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.region-label h2{margin:5px 0}.region-label i{display:inline-block;width:4px;height:4px;margin-right:4px}.minimap{top:22px;right:22px;width:154px;padding:5px;overflow:hidden}.minimap canvas{width:142px;height:142px;display:block;image-rendering:pixelated}.north{position:absolute;z-index:1;top:6px;left:50%}.map-caption{display:flex;align-items:center;justify-content:space-between;padding:6px 3px 1px}.quest-panel{top:220px;right:22px;width:230px;padding:16px 15px}.panel-kicker{display:flex;justify-content:space-between}.quest-panel h3{margin:11px 0}.quest-task{display:flex;align-items:start;gap:9px;line-height:1.8;margin:8px 0}.quest-reward{padding-top:12px;margin-top:13px}.quest-reward span{display:block;margin-top:6px}.world-controls{position:absolute;bottom:28px;right:22px;display:flex;gap:7px}.world-controls button{width:31px;height:30px}.announcement{position:absolute;top:26%;left:50%;transform:translateX(-50%);pointer-events:none;text-align:center;white-space:nowrap;transition:opacity 1.5s}.announcement strong{display:block;margin:7px 0}.announcement.faded{opacity:0}.toast{position:absolute;top:43%;left:50%;transform:translateX(-50%);padding:10px 18px;pointer-events:none;opacity:0;transition:opacity .2s;max-width:75%;text-align:center}.toast.visible{opacity:1}.interact{position:absolute;bottom:166px;left:50%;transform:translateX(-50%);padding:10px 15px;white-space:nowrap}.interact kbd{margin-right:9px}.action-area{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.rotation-tip{margin-bottom:12px;white-space:nowrap}.rotation-tip>span{margin-right:5px}.action-bar{display:flex;gap:6px;padding:8px 10px}.skill{position:relative;width:53px;height:55px;padding:7px;transition:border-color .15s}.skill:hover{transform:translateY(-2px)}.skill svg{width:34px;height:34px;stroke:var(--skill-color);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.skill .key{position:absolute;top:3px;left:4px}.skill .cost{position:absolute;bottom:2px;right:4px}.skill .cooldown{position:absolute;inset:0;display:grid;place-items:center}.skill .cooldown:empty{display:none}.skill-tooltip{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:265px;padding:14px;text-align:left;z-index:5;pointer-events:none}.skill-tooltip strong{display:block;margin-bottom:7px}.skill-tooltip p{line-height:1.7;margin:0}.skill-tooltip small{display:block;margin-top:8px}.action-footer{display:flex;gap:19px;margin-top:10px;white-space:nowrap}.action-footer kbd{margin-right:4px}.combat-log{position:absolute;left:23px;bottom:35px;width:230px;line-height:1.8;pointer-events:none}.combat-log>div{padding:2px 0}.xp-track{position:absolute;height:3px;bottom:0;left:0;right:0}.xp-track i{display:block;height:100%;width:0;transition:width .3s}.world-footer{display:flex;justify-content:space-between;padding:15px 5px 20px;gap:12px}.world-footer>span{display:flex;align-items:center;gap:8px}.world-footer b{margin:0 3px}.world-footer a{margin-left:6px}.hidden{display:none!important}.loading,.pause-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column}.gold-button{padding:13px 23px}.gold-button kbd{margin-left:10px}.outline-button{padding:12px 20px}.touch-pad{display:none}dialog{width:min(740px,94vw);max-height:88vh;padding:34px}.close-button{position:absolute;right:13px;top:9px;padding:2px 8px}dialog h2{font:400 28px Cinzel,Georgia;margin:12px 0 14px}dialog p{color:#b8c5b2;line-height:1.9;font-size:12px}dialog .dialog-actions{display:flex;gap:10px;margin-top:23px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.guide-card{padding:14px}.guide-card p{margin:6px 0 0}.guide-card kbd{margin-right:7px}.map-wrap{position:relative}.map-wrap canvas{width:100%;display:block;image-rendering:pixelated}.map-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px}.loot{padding:17px;display:flex;gap:17px;align-items:center;margin-top:17px}.loot strong{display:block}.loot small{display:block;margin-top:6px}@media(min-width:1500px){.game-shell{min-height:660px}.quest-panel{width:255px}.player-panel{width:290px}.target-panel{left:335px}.skill{width:60px;height:59px}.action-bar{gap:7px}}@media(max-width:1350px){.topbar{padding:0 24px}.build{display:none}.region-label{left:55%}.target-panel{top:124px;left:22px;width:250px}.combat-log{width:175px}.quest-panel{width:200px;right:17px;padding:12px}.action-footer{gap:9px}.skill{width:48px;height:51px}.action-bar{gap:4px;padding:6px}}@media(max-width:760px){.topbar{height:67px;padding:0 14px}.brand{gap:8px}.brand b{display:block;margin-top:3px}.brand small{display:none}.sigil{width:28px;height:34px}nav{gap:13px}.nav kbd{display:none}main{padding:0 10px}.chapter{padding:19px 3px}h1{max-width:240px;line-height:1.6}.location{display:none}.game-shell{height:calc(100dvh - 192px);min-height:610px}.player-panel{left:10px;top:10px;width:215px;gap:7px;padding:8px}.portrait{width:40px;height:48px}.portrait canvas{width:38px;height:38px}.portrait>span{left:11px}.minimap{width:100px;right:10px;top:10px}.minimap canvas{width:88px;height:88px}.region-label{top:132px;left:50%}.target-panel{top:96px;left:10px;width:185px;padding:8px}.target-panel:not(.hidden)~.region-label{top:185px}.quest-panel{top:219px;right:10px;width:154px;padding:10px}.quest-panel h3{margin:7px 0}.quest-task{gap:5px;margin:4px 0}.quest-reward{display:none}.action-area{bottom:20px;max-width:100%}.action-bar{gap:3px;padding:5px}.skill{width:39px;height:45px;padding:7px 3px}.skill svg{width:29px;height:29px}.action-footer{gap:7px}.action-footer kbd{padding:1px 3px}.action-footer>span:last-child{display:none}.rotation-tip{max-width:90vw;white-space:normal;text-align:center;margin-bottom:8px}.world-controls{bottom:129px;right:10px;flex-direction:column}.world-controls button{height:28px;width:28px}.combat-log{display:none}.world-footer{padding:10px 2px}.world-footer>span:last-child{gap:0}.world-footer a{max-width:110px}.world-footer>span:first-child{gap:3px}.touch-pad{position:absolute;left:15px;bottom:124px;display:grid;grid-template-columns:34px 34px 34px;grid-template-rows:34px 34px;gap:3px;opacity:.8}.touch-pad button{touch-action:none;user-select:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-row:2;grid-column:1}.touch-pad button:nth-child(3){grid-row:2;grid-column:2}.touch-pad button:nth-child(4){grid-row:2;grid-column:3}.interact{bottom:107px;padding:6px 8px}.announcement{top:39%}.toast{top:49%;padding:8px 10px}.skill-tooltip{width:240px;bottom:90px;position:fixed}.guide-grid{grid-template-columns:1fr}dialog{padding:25px 20px}dialog h2{font-size:22px}}

.panel-kicker button{padding:0 0 0 9px;line-height:10px}@media(max-width:760px){.quest-panel{top:auto;bottom:242px;width:153px}.quest-panel h3,.quest-panel #questTasks{display:none}.panel-kicker{align-items:center}.panel-kicker button{padding:5px 0 5px 6px}.chapter h1{max-width:320px}.game-shell{min-height:570px}}