:root{--rogue-gold:#f2cf7d;--rogue-violet:#a58aff;--rogue-ink:#060710}
.rogue-route header h1{background:linear-gradient(90deg,#fff3cc,#c6afff 54%,#6eeeff);-webkit-background-clip:text;color:transparent}.rogue-route .mystic-viewport{border-color:#a888cc;box-shadow:0 30px 110px #000d,0 0 48px #a879ff2e}
.rogue-route .mystic-hud{width:332px}.rogue-route .spell-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:178px;overflow:hidden}.rogue-route .spell{min-height:36px;padding:.4rem .5rem}.rogue-route .spell b{font-size:.6rem}.rogue-route .spell span{font-size:.53rem}.weapon-card{--element:#d6bdff}.weapon-card b{color:#eee7ff}.weapon-card.active-pair{border-color:#d9c8ff70!important}.bow-card{--element:#eadb9b}
.tool-belt{position:absolute;z-index:5;left:1rem;bottom:1rem;display:flex;gap:.45rem;pointer-events:none}.tool-chip{display:grid;grid-template-columns:25px auto;gap:.45rem;align-items:center;min-width:126px;padding:.5rem .62rem;border:1px solid #ffffff20;background:linear-gradient(135deg,#090a17e8,#1d1330de);box-shadow:0 8px 25px #0008;backdrop-filter:blur(5px)}.tool-key{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d8c7ff45;border-radius:3px;color:#e9ddff;font:700 .68rem ui-monospace;background:#ffffff0a}.tool-chip small{display:block;color:#877d9b;font-size:.48rem;letter-spacing:.1em}.tool-chip strong{display:block;margin-top:.12rem;color:#e6dcf5;font-size:.57rem;letter-spacing:.06em}
.flow-panel{position:absolute;z-index:5;left:50%;bottom:1.15rem;transform:translateX(-50%);width:220px;text-align:center;pointer-events:none}.flow-panel span{display:block;margin-bottom:.3rem;color:#d9cce9;font:600 .55rem ui-sans-serif;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px 5px #000}.flow-track{height:4px;background:#030309;border:1px solid #ffffff1d;overflow:hidden}.flow-meter{height:100%;width:0;background:linear-gradient(90deg,#7f62e5,#ef7dd0,#ffe291);box-shadow:0 0 12px #d779ef;transition:width .12s ease-out}
.rogue-route .wheel-help{max-width:440px}.rogue-route .campaign-panel{top:4.7rem}
@media(max-width:900px){.rogue-route .mystic-hud{width:294px}.tool-chip{min-width:105px}.flow-panel{bottom:4.5rem}.rogue-route .spell-grid{max-height:155px}}