@font-face{font-family:NexusClear;src:url('eternal-nexus-assets/NexusClear-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:NexusClear;src:url('eternal-nexus-assets/NexusClear-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:rgba(16.575,18.105,22.95,.96);--bg2:rgba(19.125,21.165,26.775,.96);--bg3:rgba(28.05,30.6,38.25,.98);--border:rgba(58.65,63.75,76.5,.72);--border-soft:rgba(35.7,38.25,48.45,.55);--text:#f2f2fa;--muted:#b3bac9;--accent:#2e7aff;font-family:NexusClear,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#0c0e13;color:var(--text);font-size:14px;font-weight:400}.nexus-stage{position:relative;width:1024px;height:576px;transform-origin:top left;background:radial-gradient(ellipse at 50% 50%,#141924 0,#0c0e13 72%)}strong,h1{font-weight:600}.nexus-bar{position:absolute;inset:0 0 auto;height:36px;display:flex;align-items:center;background:rgba(8.925,11.475,15.81,.94);border-bottom:1px solid var(--border);padding:0 12px}.brand{display:flex;align-items:center;gap:9px;width:188px}.brand img{width:22px;height:22px}.brand strong{font-size:16px;white-space:nowrap}.nexus-bar nav{display:flex;height:36px;margin-left:8px;color:var(--muted);font-size:14px}.nexus-bar nav span{display:flex;align-items:center;justify-content:center;position:relative;width:94px}.nexus-bar nav span:first-child{width:120px}.nexus-bar nav span:nth-child(2){width:76px}.nexus-bar nav span:last-child{width:98px}.nexus-bar nav .selected{color:var(--text)}.nexus-bar nav .selected:after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:2px;background:var(--accent)}.simulation{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.simulation i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.preview-window{position:absolute;left:102px;top:47px;width:820px;height:496px;border:1px solid var(--border);border-radius:4px;background:var(--bg)}.preview-heading{height:57px;position:relative;display:flex;align-items:flex-start;padding:16px 18px}.preview-heading h1{font-size:17px;font-weight:400;line-height:24px;margin:0}.preview-tabs{position:absolute;left:298px;top:14px;display:flex;gap:5px}.preview-tabs span{display:flex;align-items:center;justify-content:center;width:88px;height:26px;font-size:12px;background:var(--bg2);border:1px solid var(--border);border-radius:4px}.preview-tabs .selected{border-color:var(--accent)}.close{position:absolute;right:12px;top:10px;width:28px;height:28px;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:4px;font-size:17px}.preview-area{position:absolute;top:58px;left:12px;right:12px;bottom:12px}.section-caption{position:absolute;left:12px;top:5px;font-size:12px;color:var(--muted)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:4px}.guardian{position:absolute;left:272px;top:53px;width:250px;height:82px;padding:9px 10px}.guardian-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;white-space:nowrap}.guardian-heading strong{font-size:12px;font-weight:400}.guardian-heading>span{font-size:10px;color:var(--muted)}.track{position:relative;overflow:hidden;border-radius:2px;background:rgba(3.825,5.1,7.65,.9);border:1px solid var(--border-soft);height:15px}.track>i{position:absolute;left:0;top:0;bottom:0;width:80%;display:block;background:var(--accent)}.enemy-health{position:absolute;left:10px;right:10px;top:29px;height:15px}.enemy-health>i{background-image:url('eternal-nexus-assets/Enemy.png');background-size:100% 100%;filter:brightness(.66)}.enemy-health>span{position:absolute;right:4px;inset-block:0;line-height:13px;font-size:10px}.guardian-cast{position:absolute;left:10px;right:10px;top:52px;height:6px}.guardian-cast>i{background:#ffa629}.guardian-cast-label{position:absolute;left:10px;right:10px;top:64px;display:flex;justify-content:space-between;font-size:9px;line-height:12px;color:var(--muted)}.example-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.unit-example{position:absolute;left:24px;top:153px;width:252px}.unit-frame{position:relative;width:252px;height:62px}.portrait{position:absolute;left:5px;top:5px;width:48px;height:48px;border:1px solid rgba(81.6,89.25,107.1,.42);border-radius:4px;overflow:hidden;background:linear-gradient(140deg,#243144,#15202d)}.portrait svg{width:100%;height:100%;fill:#7d8ca2;opacity:.65}.unit-name{position:absolute;top:3px;left:62px;right:44px;font-size:16px;line-height:18px;font-weight:400;white-space:nowrap;overflow:hidden}.unit-level{position:absolute;right:7px;top:2px;min-width:31px;text-align:center;line-height:20px;font-size:14px;color:var(--muted)}.unit-health,.unit-power{position:absolute;left:62px;right:7px;height:17px;font-size:13px;line-height:15px}.unit-health{top:23px}.unit-health>i{background:#33866e}.unit-power{top:42px}.unit-power>i{background-image:url('eternal-nexus-assets/Mana.png');background-size:100% 100%;filter:brightness(.6)}.bar-values{position:absolute;left:4px;top:0;white-space:nowrap}.bar-percent{position:absolute;right:4px;top:0;white-space:nowrap}.unit-health .bar-values,.unit-power .bar-values{font-size:11px}.unit-health .bar-percent,.unit-power .bar-percent{font-size:12px}.unit-cast{display:flex;align-items:center;height:26px;gap:5px;margin:4px 7px 0 62px;padding:2px 4px;font-size:9px}.spell-mark{display:flex;align-items:center;justify-content:center;color:#a7d7ff;width:18px;height:18px;border:1px solid var(--border);border-radius:2px;background:#1b2c46;font-size:15px;flex:none}.unit-cast>div{display:flex;justify-content:space-between;position:relative;width:100%;height:20px;padding-bottom:6px;white-space:nowrap}.unit-cast .track{position:absolute;bottom:0;left:0;right:0;height:5px}.unit-cast .track>i{background-image:url('eternal-nexus-assets/Cast.png');background-size:100% 100%}.personal-example{position:absolute;left:24px;top:294px;width:244px}.personal-example .example-label{margin-bottom:9px}.personal-header{display:flex;align-items:baseline;gap:6px;font-size:13px;margin-left:2px;margin-bottom:3px;line-height:16px}.personal-header strong{font-weight:400}.personal-header>span{color:var(--muted)}.personal-health,.personal-power{height:22px;margin:0 2px;font-size:13px;line-height:20px;color:#fff;text-shadow:0 1px 1px #000,1px 0 1px #000,-1px 0 1px #000}.personal-health>i{background:#8c59ff}.personal-power{height:20px;line-height:18px;margin-top:2px}.personal-power>i{background:#1f70eb}.personal-cast{position:relative;height:29px;margin:4px 2px 0 24px;display:flex;justify-content:space-between;font-size:11px;line-height:18px}.personal-cast .spell-mark{position:absolute;right:calc(100% + 4px);top:0;width:18px;height:18px}.personal-cast .track{position:absolute;left:0;right:0;top:20px;height:6px}.personal-cast .track>i{background:rgba(33.05,88.13,183.6,.94)}.combat-meter{position:absolute;right:24px;bottom:24px;width:350px;height:218px;padding:0 8px;overflow:hidden}.combat-meter header{position:relative;height:28px;display:flex;align-items:flex-start;gap:8px;padding-top:3px;white-space:nowrap}.combat-meter header>span{height:23px;padding:4px 3px;font-size:14px;display:flex;align-items:center;justify-content:space-between;flex:1}.combat-meter header>span:first-child{flex:0 0 140px}.combat-meter header b{font-size:11px;color:var(--muted);font-weight:400}.meter-columns{display:grid;grid-template-columns:1fr 54px 45px 49px;align-items:center;border-top:1px solid var(--border-soft);height:21px;font-size:10px;color:var(--muted);text-align:right;padding:0 4px}.meter-columns span:first-child{text-align:left;padding-left:8px}.meter-rows{display:flex;flex-direction:column;gap:4px}.meter-row{position:relative;height:24px;display:grid;grid-template-columns:22px minmax(0,1fr) 54px 45px 49px;align-items:center;padding:0 4px;background:rgba(8.925,10.965,15.3,.5);border:1px solid transparent;border-radius:2px;font-size:11px;overflow:hidden}.meter-row>i{position:absolute;inset:0 auto 0 0;background:rgba(45.9,122.4,255,.12);width:50%;pointer-events:none}.meter-row>span:not(.class-stripe),.meter-row>strong{position:relative;z-index:1;white-space:nowrap;font-weight:400}.meter-row>strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.meter-row>span:not(.rank){text-align:right}.meter-row .rank{text-align:center;color:var(--muted)}.class-stripe{position:absolute;top:3px;bottom:3px;left:0;width:2px;background:var(--accent)}.class-stripe.warrior{background:#c69b6d}.class-stripe.mage{background:#3fc7eb}.class-stripe.hunter{background:#aad372}.class-stripe.rogue{background:#fff468}.class-stripe.priest{background:#fff}.combat-meter footer{position:absolute;left:8px;right:10px;bottom:6px;display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted)}.combat-meter footer span:last-child{margin-left:auto}.preview-note{position:absolute;left:24px;bottom:0;margin:0;font-size:10px;line-height:13px;color:var(--muted)}.stage-note{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#747d8d;font-size:10px;line-height:14px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}