@font-face{font-family:Barlow;src:local('Barlow Condensed')}*{box-sizing:border-box}body{margin:0;color:#efe8d8;background:#101d24;font:14px/1.45 system-ui,sans-serif}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#243640;border:1px solid #597078;border-radius:5px;padding:9px 14px}button:hover:not(:disabled){border-color:#e9c58c;background:#35464c}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edce8c;outline-offset:3px}a{color:#eed49e;text-decoration:none}button.primary{background:#d9b574;color:#1c2d33;border-color:#f3d49c;font-weight:750;padding:12px 22px;box-shadow:0 3px 0 #796044}button.primary:hover{background:#ebc88b;color:#17262e}button.quiet{background:transparent;border-color:#445a61}.crawl-header{height:80px;max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #31444b}.crawl-brand{font:800 21px Georgia,serif;letter-spacing:.04em;color:#f6e9c8}.crawl-brand span{font:10px system-ui;display:block;color:#a2b5bd;letter-spacing:.3em}.crawl-title{letter-spacing:.17em;font:700 18px Georgia,serif}.crawl-title span{display:block;text-align:center;font:9px system-ui;color:#b7a78c;letter-spacing:.23em;margin-top:6px}.crawl-header nav{display:flex;gap:8px}.crawl-header nav button{background:transparent;border:0;color:#c9d4d4}.crawl-shell{max-width:1440px;margin:auto;padding:20px 28px}.crawl-scene{position:relative;border:1px solid #6a6b58;border-radius:9px 9px 0 0;overflow:hidden;background:#13252e;box-shadow:0 10px 60px #0005}#rogue-canvas{width:100%;aspect-ratio:16/9;display:block;max-height:calc(100vh - 230px);object-fit:contain;outline:none}.scene-top{position:absolute;left:20px;top:16px;pointer-events:none;max-width:35%}.scene-top .region-label{font:22px Georgia;color:#fff0cc;text-shadow:0 2px 5px #000}.scene-top small{color:#d5d6c2}.scene-actions{position:absolute;right:18px;bottom:22px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.scene-actions button{box-shadow:0 4px 12px #0008}.loading{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#304650,#11232a 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.loading[hidden]{display:none}.loading h1{font:25px Georgia;letter-spacing:.06em}.loading p{color:#b6c5c6}.compass{font-size:70px;color:#e8c58a;animation:compass 9s linear infinite}@keyframes compass{to{transform:rotate(360deg)}}.crawl-toast{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);background:#0d2028ed;border:1px solid #e6bf80;padding:10px 20px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:80%;text-align:center;z-index:5}.crawl-toast.visible{opacity:1}.rogue-hud{display:grid;grid-template-columns:255px 1fr 160px;gap:24px;align-items:center;background:linear-gradient(#253840,#1c2d35);border:1px solid #576563;border-top:2px solid #c5a775;border-radius:0 0 9px 9px;padding:16px 20px;min-height:104px}.hero-status{display:flex;gap:12px;align-items:center}.hud-portrait{width:55px;height:68px;object-fit:contain;border:1px solid #8b856f;background:#16272e;border-radius:4px}.hero-status strong{display:block;font:17px Georgia;margin-bottom:5px}.hero-status small{display:block;color:#c6cebf;font-size:10px}.meter{width:175px;height:8px;border:1px solid #12232d;background:#10222c;border-radius:5px;overflow:hidden;margin:4px 0}.meter>i{display:block;height:100%;background:linear-gradient(90deg,#aa5a56,#e29a83);transition:width .1s}.meter.energy>i{background:linear-gradient(90deg,#377f9a,#8acadd)}.meter.xp{height:4px}.meter.xp>i{background:#e7c47f}.hotbar{display:flex;gap:7px;justify-content:center;align-items:center}.hotkey{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:56px;height:61px;padding:4px;background:#142731;border:1px solid #65716a;overflow:hidden}.hotkey kbd{position:absolute;left:4px;top:2px;font:10px system-ui;color:#eee2c8}.hotkey .hot-icon{font:23px Georgia;color:#e0c289;line-height:1.1}.hotkey small{font-size:8px;white-space:nowrap;max-width:48px;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.hotkey .cooldown{position:absolute;inset:0;background:#0b182cbd;display:none;align-items:center;justify-content:center;font:22px Georgia;color:#fff}.hud-tools{text-align:right}.hud-tools strong{display:block;color:#e7c98c;margin-bottom:6px}.hud-tools button{font-size:11px;padding:5px 7px}.crawl-footer{font-size:10px;color:#94a7ac;display:flex;justify-content:space-between;gap:18px;padding:15px 2px;letter-spacing:.05em}.touch-controls{display:none;position:absolute;bottom:20px;left:15px;right:15px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:5px}.touch-controls button{pointer-events:auto;padding:9px;min-width:35px;background:#152c36bb}.touch-controls button:active{background:#b39363}dialog{color:#ece4d1;background:linear-gradient(135deg,#243944,#182a34);border:1px solid #a89773;border-radius:10px;padding:0;width:min(1050px,94vw);max-height:89vh;box-shadow:0 24px 100px #000b;overflow:auto}dialog::backdrop{background:#07131dbb;backdrop-filter:blur(3px)}.panel-head{position:sticky;top:0;z-index:3;background:#243943f5;border-bottom:1px solid #61716e;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head h2{font:27px Georgia;margin:3px 0;color:#f2dfb3}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:#d0b582;margin:0}.close-panel{font-size:22px;padding:1px 10px;background:transparent;border:0}.panel-body{padding:24px}.panel-note{color:#afc2c6;font-size:12px;margin:0 0 18px}.panel-bottom{border-top:1px solid #455f65;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-bottom span{font-size:11px;color:#b7c6c6}.roster-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.roster-search{width:100%;background:#132831;border:1px solid #547078;color:#e7e5d3;padding:10px;border-radius:4px;margin-bottom:12px}.crawl-roster{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:400px;overflow:auto}.portrait-button{padding:3px;height:75px;display:flex;flex-direction:column;align-items:center;background:#162d38;border-color:#3e5b64}.portrait-button img{height:50px;width:100%;object-fit:contain}.portrait-button small{font-size:8px;line-height:1.2;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.portrait-button.selected{border:2px solid #ecc987;background:#46504b}.champ-story img{height:100px;max-width:160px;object-fit:contain;float:right;margin:0 0 10px 10px}.champ-story h3{font:27px Georgia;margin:0 0 8px}.champ-story p{color:#c6d3d0;font-size:12px}.champ-story .skill-blurb{padding:10px 0;border-top:1px solid #46606a}.skill-blurb strong{color:#ebc68e;font:15px Georgia}.skill-blurb small{display:block;margin-top:4px;color:#aec2c7;font-size:11px}.region-intro{padding:45px;background:linear-gradient(90deg,#142b36ed,#142b3677),var(--scene) center/cover;min-height:340px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.region-intro h2{font:48px Georgia;max-width:520px;color:#f1d5a0;margin:12px 0}.region-intro p{max-width:480px;color:#e5e6d6;text-shadow:0 1px 4px #14232e}.route-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px}.route-map{position:relative;height:440px;border:1px solid #6c766c;border-radius:6px;background:radial-gradient(ellipse at 50% 50%,#42545355,#172d37aa),var(--scene) center/cover}.route-map::before{content:'';position:absolute;inset:0;background:#122936aa}.route-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-node{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;padding:0;font:24px Georgia;background:#263c46;border:2px solid #6d7d79;box-shadow:0 0 0 5px #14273299}.route-node.available{background:#dec187;color:#263338;border-color:#f2dbac;box-shadow:0 0 0 5px #debf8122,0 0 20px #e3c08633}.route-node.cleared{color:#a3d2b0;background:#2a4b43}.route-node:disabled{opacity:.7}.route-node[data-type=boss]{border-color:#e29c8b;width:61px;height:61px}.route-node small{position:absolute;top:49px;left:50%;transform:translateX(-50%);font:9px system-ui;color:#eee3c6;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px #000}.route-key{margin-bottom:13px}.route-key strong{font:16px Georgia;color:#e3c590;display:block}.route-key p{font-size:11px;color:#b7c8c8;margin:4px 0}.skill-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tree-branch{display:flex;flex-direction:column;gap:20px}.tree-branch h3{font:18px Georgia;color:#eac98d;margin:0}.skill-node{text-align:left;padding:14px;min-height:125px;position:relative}.skill-node+.skill-node::before{content:'';position:absolute;height:21px;width:2px;left:50%;top:-22px;background:#897d61}.skill-node strong{font:17px Georgia;display:block;color:#efdcaf;margin-bottom:7px}.skill-node small{display:block;line-height:1.5;color:#c0d0ce;font-size:11px}.skill-node .rank{display:block;font-size:10px;color:#e9ca89;margin-top:9px}.skill-node.trained{border-color:#8fb89d;background:#2c4747}.inventory-layout{display:grid;grid-template-columns:230px 1fr;gap:22px}.equipped-list{display:grid;gap:8px}.equipment-slot{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:11px;padding:8px;min-height:58px}.item-symbol{font:27px Georgia;color:var(--rarity,#cdb78e);display:inline-block;width:37px;text-align:center}.equipment-slot strong{font-weight:500;display:block;color:var(--rarity,#d8cba8)}.equipment-slot small{color:#aebdbb;font-size:9px}.stats-list{font-size:11px;margin-top:20px}.stats-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #3d555c;padding:5px 0;color:#c5d1cf}.bag-toolbar{display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.bag-toolbar select{padding:6px;color:#dfd9c4;border:1px solid #567078;background:#1c333e;border-radius:3px}.bag-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.bag-slot{height:68px;padding:3px;position:relative;border-color:var(--rarity,#435b63);background:#162d37}.bag-slot.empty{opacity:.3;cursor:default}.bag-slot .enhance{position:absolute;bottom:2px;right:3px;color:#f4d797;font-size:9px}.bag-slot.selected{box-shadow:0 0 0 2px #efc887}.item-inspect{border-top:1px solid #536a6c;margin-top:16px;padding-top:16px;min-height:150px}.item-inspect h3{font:22px Georgia;margin:0 0 8px;color:var(--rarity,#dfd4b9)}.item-inspect p{font-size:11px;color:#c1d0ce}.item-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#dfdabf}.item-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.comparison{color:#9dd0b3;font-size:10px;margin-top:8px}.comparison .negative{color:#e5a492}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reward-card{padding:20px;text-align:center;min-height:255px;border:1px solid var(--rarity);background:#1b313c;border-radius:6px}.reward-card .item-symbol{font-size:52px;margin:10px;width:auto}.reward-card h3{font:20px Georgia;color:var(--rarity);min-height:48px}.reward-card .item-stats{justify-content:center;min-height:42px}.reward-card button{margin-top:17px}.vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vendor-card{background:#1a313b;border:1px solid #526970;border-radius:6px;padding:19px}.vendor-card h3{font:20px Georgia;color:#ecd098;margin:0 0 8px}.vendor-card p{color:#bbc9c8;font-size:12px;min-height:47px}.vendor-card small{display:block;margin:8px 0;color:#c7cfbd}.vendor-card button{width:100%;margin-top:10px}.hub-services{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.run-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.run-summary>div{padding:15px;border:1px solid #526569;text-align:center}.run-summary strong{display:block;font:30px Georgia;color:#efcd8e}.run-summary small{font-size:10px;color:#b8c8c5}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls-grid p{margin:0;padding:10px;border:1px solid #455f69;color:#cfdbd6}.controls-grid kbd{background:#10262f;border:1px solid #6a7d7c;padding:2px 5px;border-radius:3px;color:#ecd094;margin-right:8px}.menu-actions{display:grid;gap:10px;max-width:420px;margin:auto}.save-info{font-size:12px;color:#b6c6c8;text-align:center;margin-top:15px}@media(max-width:1000px){.crawl-shell{padding:10px}.crawl-header{padding:0 15px}.rogue-hud{grid-template-columns:210px 1fr;gap:12px;padding:12px}.hud-tools{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.hotkey{width:50px;height:56px}.meter{width:135px}.roster-layout{grid-template-columns:1fr 1fr}.crawl-roster{grid-template-columns:repeat(5,1fr)}.route-layout{grid-template-columns:1fr 190px}}@media(max-width:700px){.crawl-header{height:67px}.crawl-title{font-size:14px}.crawl-title span{display:none}.crawl-brand{font-size:15px}.crawl-brand span{font-size:7px}.crawl-header nav button{padding:6px;font-size:11px}.crawl-shell{padding:5px}.crawl-scene{border-radius:5px 5px 0 0}#rogue-canvas{max-height:none}.rogue-hud{display:flex;flex-wrap:wrap;padding:9px;gap:8px}.hero-status{flex:1}.hotbar{order:3;width:100%;gap:5px}.hotkey{width:calc(100% / 8);height:49px}.hotkey small{font-size:7px}.hud-tools{display:block}.hud-tools strong{font-size:12px}.crawl-footer{font-size:8px;flex-direction:column;gap:5px;padding:12px 6px}.scene-top{left:8px;top:8px}.scene-top .region-label{font-size:13px}.scene-top small{font-size:9px}.scene-actions{bottom:7px;right:7px}.scene-actions button{font-size:10px;padding:6px 9px}.touch-controls{display:flex;bottom:7px;right:auto}.touch-controls>div{gap:3px}.touch-controls button{font-size:10px;min-width:25px;padding:7px 5px}.touch-controls>div+div{margin-left:15px}.scene-actions{bottom:52px}.panel-head{padding:13px 15px}.panel-head h2{font-size:22px}.panel-body{padding:15px}.roster-layout,.inventory-layout{grid-template-columns:1fr}.crawl-roster{grid-template-columns:repeat(6,1fr);max-height:225px}.champ-story img{height:65px}.champ-story h3{font-size:23px}.champ-story .skill-blurb{padding:7px 0}.route-layout{grid-template-columns:1fr}.route-map{height:420px}.route-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-tree{gap:8px}.skill-node{padding:8px;min-height:165px}.skill-node strong{font-size:14px}.skill-node small{font-size:10px}.tree-branch h3{font-size:13px}.equipped-list{grid-template-columns:repeat(5,1fr);gap:3px}.equipment-slot{display:block;padding:3px;text-align:center}.equipment-slot strong{font-size:8px;max-width:80px;overflow:hidden}.equipment-slot small{font-size:8px}.stats-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.bag-grid{grid-template-columns:repeat(6,1fr)}.bag-slot{height:52px}.reward-grid{grid-template-columns:1fr}.reward-card{min-height:0;text-align:left;display:grid;grid-template-columns:55px 1fr;gap:4px 12px;padding:13px}.reward-card .item-symbol{grid-row:1/4;font-size:40px;align-self:center}.reward-card h3{font-size:18px;min-height:0;margin:0}.reward-card .item-stats{min-height:0;justify-content:flex-start}.reward-card button{margin-top:8px}.vendor-grid{grid-template-columns:1fr 1fr}.vendor-card{padding:12px}.vendor-card h3{font-size:17px}.region-intro{padding:25px}.region-intro h2{font-size:35px}.panel-bottom{padding:13px 15px}.run-summary{grid-template-columns:1fr 1fr}.controls-grid{grid-template-columns:1fr}.crawl-toast{font-size:11px;bottom:90px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}