#app *{box-sizing:border-box}#app{color-scheme:dark}#app{margin:0;background:#080f14;color:#e8eef2;font:16px/1.45 'Segoe UI',Arial,sans-serif}#app button,#app input,#app select,#app textarea{font:inherit}#app button,#app a,#app input,#app select,#app textarea{outline-offset:3px}#app button,#app a{touch-action:manipulation}#app button{cursor:pointer}#app button:disabled{cursor:default;opacity:.38}#app button:focus-visible,#app a:focus-visible,#app input:focus-visible,#app select:focus-visible,#app summary:focus-visible{outline:2px solid var(--accent,#eab321)}#app [hidden]{display:none!important}#app{--accent:#eab321;--bg:#0d1820;--panel:#0f1b23;--control:#16232f;--line:#304551;--muted:#b7c7cd;--ink:#e8eef2;--gap:12px;min-height:100vh}#app.mog{--accent:#fbce5f;--bg:#181d22;--panel:#161a20;--control:#252a2f;--line:#343a40;--muted:#bac1c8;--ink:#f3f5f7}#app button,#app input,#app select,#app textarea{color:var(--ink);background:var(--control);border:1px solid var(--line);border-radius:4px}#app button,#app .link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 12px;white-space:normal;text-align:center;line-height:1.25;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:4px;background:var(--control)}#app button:hover:not(:disabled),#app .link-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--control) 90%,var(--accent))}#app .primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}#app .primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 90%,white)}#app .danger{color:#ff9494}#app .quiet{background:transparent}#app .icon{height:20px;width:20px;display:inline-block;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}#app .review{max-width:1296px;margin:auto;padding:16px 12px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;color:#8e9da8;flex-wrap:wrap}#app .review strong{color:#e5eaf0;letter-spacing:1px;font-size:12px}#app .review .row{gap:6px}#app .review button,#app .review select,#app .review a{font-size:12px;min-height:30px;padding:4px 9px}#app .desktop{padding:0 12px 24px;min-height:75vh}#app .window{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 70px #0006;overflow:hidden;width:min(100%,1080px);margin:auto}#app.mog .window{width:min(100%,1228px)}#app .titlebar{display:flex;align-items:center;gap:8px;background:var(--panel);border-bottom:1px solid var(--line);min-height:34px;padding:4px 10px;font-size:13px}#app .titlebar>img{height:23px;width:23px;object-fit:contain}#app .titlebar>strong{font-weight:500}#app .titlebar .title-status{margin-left:auto;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}#app .titlebar .tools{display:flex;gap:2px;margin-left:auto}#app .titlebar button{background:transparent;border:0;padding:2px 5px;min-height:24px;font-size:13px}#app .titlebar button .icon{height:15px;width:15px}#app .titlebar .title-status+.tools{margin-left:3px}#app .content{padding:18px 20px;display:grid;gap:var(--gap)}#app .brand{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#app .brand img{width:48px;height:48px;object-fit:contain}#app .brand h1{font-size:32px;margin:0;font-weight:650;letter-spacing:-.6px;line-height:1.2}#app .brand p{margin:5px 0 0;color:var(--muted)}#app .brand .links{margin-left:auto;display:flex;gap:8px}#app.mog .brand{gap:24px}#app.mog .brand img{height:78px;width:78px}#app.mog .brand h1{font-family:Georgia,serif;font-size:34px;color:var(--accent);letter-spacing:.25px}#app.mog .brand p{font-size:16px}#app .profile{font-size:13px;color:var(--muted);margin:-4px 0 0}#app .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#app .between{justify-content:space-between}#app .end{justify-content:flex-end}#app .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}#app .actions>button{min-height:40px;padding:9px 18px}#app .actions .icon{height:21px;width:21px}#app .summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 0 12px;border-bottom:1px solid var(--line);gap:0}#app .summary>div{padding:8px 22px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}#app .summary>div:first-child{padding-left:4px}#app .summary>div:last-child{border:0}#app .summary .icon{width:32px;height:32px;color:#b9c4d3}#app .summary small{color:var(--muted);display:block;font-size:14px}#app .summary strong{font-size:18px;font-weight:600}#app .panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;min-width:0}#app .panel h2,#app .panel h3,#app h2,#app h3{margin:0;font-weight:600}#app .panel h2{font-size:20px}#app .panel h3{font-size:17px}#app .panel h2,#app .panel h3,#app .section-title{display:flex;align-items:center;gap:9px}#app .section-title{color:var(--accent);font-size:16px;border-bottom:1px solid var(--line);padding-bottom:7px;margin:0 0 12px}#app .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}#app .stack{display:grid;gap:12px;align-content:start}#app .scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:3px}#app table{width:100%;border-collapse:collapse;font-size:14px}#app th{background:var(--control);font-weight:600;text-align:left;color:var(--ink);position:sticky;top:0;z-index:1;white-space:nowrap}#app td,#app th{padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}#app tr:last-child td{border-bottom:0}#app td:last-child,#app th:last-child{border-right:0}#app tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg) 45%,var(--panel))}#app th button{padding:0;min-height:0;background:transparent;border:0}#app td input[type=number]{width:82px;min-height:30px;text-align:right;padding:3px 5px}#app .map-table{min-width:1210px}#app .map-table th:first-child,#app .map-table td:first-child{min-width:260px}#app .map-table th:not(:first-child),#app .map-table td:not(:first-child){text-align:center}#app .map-name{font-weight:600;white-space:nowrap}#app .map-table .mini{padding:3px 6px;font-size:12px;min-height:28px}#app .map-table .row{flex-wrap:nowrap;gap:5px;justify-content:center}#app .map-table .row input{width:64px}#app .map-table .row input.gil{width:90px}#app .muted{color:var(--muted)}#app .small,#app small{font-size:13px}#app .tiny{font-size:12px}#app .ok{color:#76d895}#app .warn{color:#ffd26e}#app .bad{color:#ff9292}#app .accent{color:var(--accent)}#app .tag{border:1px solid var(--line);border-radius:4px;background:var(--control);padding:3px 8px;font-size:12px;display:inline-flex;gap:6px;align-items:center;white-space:normal}#app .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}#app .kv{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}#app .kv>span:first-child{color:var(--muted)}#app .kv>strong{font-weight:500;text-align:right;overflow-wrap:anywhere}#app .kv:last-child{border-bottom:0}#app .check{display:flex;align-items:flex-start;gap:9px;cursor:pointer;margin:4px 0;min-width:0}#app .check input{margin:5px 0 0;width:16px;height:16px;accent-color:var(--accent);flex:none}#app .check small{display:block;color:var(--muted);margin-top:3px}#app .field{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:38px;margin:5px 0}#app .field>span{min-width:0}#app .field small{display:block;color:var(--muted)}#app .field input:not([type=range]):not([type=color]),#app .field select{min-height:34px;padding:5px 8px;width:min(100%,230px);min-width:0}#app .field input[type=number]{width:100px!important;text-align:right;font-variant-numeric:tabular-nums}#app .field .range{display:flex;gap:10px;align-items:center;width:min(100%,300px)}#app .field input[type=range]{width:100%;min-width:50px;accent-color:var(--accent)}#app .field output{width:42px;flex:none;text-align:right;font-variant-numeric:tabular-nums}#app .field input[type=color]{padding:2px;width:48px;height:34px}#app .field select{max-width:50%}#app .field.wide{display:grid;grid-template-columns:1fr;gap:6px}#app .field.wide input{width:100%!important;max-width:none}#app .field.wide select{width:100%;max-width:none}#app input[type=search]{padding:7px 9px;min-width:0;max-width:100%}#app textarea{padding:8px;resize:vertical;width:100%;min-height:120px}#app hr{border:0;border-top:1px solid var(--line);margin:1px 0}#app p{margin:0}#app .help{font-size:14px;color:var(--muted);line-height:1.55}#app .note{background:color-mix(in srgb,var(--accent) 7%,var(--bg));border-left:3px solid var(--accent);padding:10px 12px;font-size:14px;line-height:1.5}#app .note.warn{border-color:#e0a566;color:var(--ink)}#app details{min-width:0}#app summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:600;padding:2px 0;min-height:24px}#app summary::-webkit-details-marker{display:none}#app summary:before{content:'›';font-size:19px;transform:rotate(0deg);line-height:1;display:inline-block;width:10px}#app details[open]>summary:before{transform:rotate(90deg)}#app details>div{padding-top:12px}#app .plain-details{border-bottom:1px solid var(--line);padding:9px 0}#app .plain-details>summary{font-weight:400}#app .tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}#app .tabs button{border:0;border-radius:4px 4px 0 0;background:transparent;white-space:nowrap;min-height:38px;padding:8px 13px;position:relative;flex:none}#app .tabs button[aria-selected=true]{color:var(--accent);background:color-mix(in srgb,var(--control) 70%,var(--bg))}#app .tabs button[aria-selected=true]:after{position:absolute;content:'';height:2px;left:0;bottom:0;right:0;background:var(--accent)}#app .tabs button.match{box-shadow:inset 0 2px var(--accent)}#app .tabs-content{padding:6px 0 0}#app .footer{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);flex-wrap:wrap}#app .window-footer{max-width:1228px;margin:10px auto 0;color:#84939e;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}#app .overlay{position:fixed;inset:0;background:#03090dbb;display:flex;align-items:center;justify-content:center;padding:24px;z-index:5}#app .overlay .window{width:min(1080px,100%);margin:0;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;box-shadow:0 24px 110px #000b}#app .overlay .content{overflow:auto;scrollbar-width:thin;display:block;min-height:200px}#app .overlay .content>*+*{margin-top:12px}#app .overlay .content .stack>*+*{margin-top:0}#app .overlay[data-window=alex] .window{width:500px}#app .overlay[data-window=bv] .window{width:760px}#app .overlay[data-window=help] .window{width:880px}#app .toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--control);color:var(--ink);border:1px solid var(--accent);box-shadow:0 8px 40px #0008;z-index:10;max-width:min(720px,90vw);padding:12px 16px;border-radius:5px;display:flex;gap:15px;align-items:center;font-size:14px}#app .toast:empty{display:none}#app .toast button{min-height:26px;padding:2px 7px;background:transparent;border:0}#app .state-panel{display:grid;grid-template-columns:1fr 2fr;gap:24px;min-height:112px;align-items:center}#app .state-panel>div+div{border-left:1px solid var(--line);padding-left:24px}#app .state-title{font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}#app .state-title .dot{height:22px;width:22px}#app .balance{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted);align-items:center}#app .balance strong{color:var(--accent);font-size:17px}#app .party-row{display:grid;grid-template-columns:30px 30px minmax(90px,1fr) auto auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}#app .party-row:last-child{border-bottom:0}#app .badge{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:3px;background:var(--control)}#app .role{color:white;background:#3d74d8}#app .role.healer{background:#629e36}#app .role.dps{background:#bb4045}#app.mog .panel h2{font-size:20px;font-weight:600}#app.mog .panel>h2{padding-bottom:8px;border-bottom:1px solid var(--line)}#app.mog .duty-party>.panel{min-height:260px}#app.mog .duty-party .kv{padding:7px 8px;font-size:15px}#app .code{font:13px/1.65 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:10px;margin:0}#app .swatches{display:flex;gap:6px;flex-wrap:wrap}#app .swatches button{width:28px;height:28px;min-height:28px;padding:0;background:var(--swatch);border:2px solid transparent}#app .swatches button[aria-pressed=true]{border-color:var(--ink)}#app .command-row{display:flex;gap:6px;align-items:center;margin:6px 0}#app .command-row>span{width:20px;font-size:12px;color:var(--muted);text-align:right}#app .command-row input{flex:1;min-width:0;padding:5px 8px;font:14px Consolas,monospace}#app .command-row button{min-height:30px;padding:3px 7px}#app .shop-table{min-width:690px}#app .shop-table th:not(:first-child),#app .shop-table td:not(:first-child){text-align:center}#app .shop-table td:first-child{min-width:240px}#app .shop-table .item-mark{color:var(--accent);display:inline-flex;margin-right:10px}#app .stat-figure{font-size:25px;color:var(--accent);font-weight:600}#app .stat-card h3{padding-bottom:8px;border-bottom:1px solid var(--line)}#app .stat-card .kv{font-size:14px}#app .stat-card .party-list{font-size:12px;color:var(--muted)}#app .native-checkbox{width:16px;height:16px;accent-color:var(--accent)}#app .mock-notice{color:#98a7b1;font-size:12px}#app .wizard-progress{display:flex;gap:5px;margin:12px 0}#app .wizard-progress span{height:3px;flex:1;background:var(--line)}#app .wizard-progress span.done{background:var(--accent)}#app .empty{padding:30px 16px;text-align:center;color:var(--muted)}#app.compact{--gap:8px}#app.compact .content{padding:12px 14px}#app.compact .brand img{width:36px;height:36px}#app.compact .brand h1{font-size:20px}#app.compact .brand p{font-size:14px}#app.compact .actions>button{min-height:36px;padding:7px 13px}#app.compact .summary{padding:3px 0 8px}#app.compact .summary>div{padding:4px 16px}#app.compact .summary small{display:inline;font-size:14px;margin-right:8px}#app.compact .summary strong{font-size:16px}#app.compact .panel{padding:10px}#app.compact .map-table td{padding:4px 9px}#app.compact .kv{padding:6px 0}#app.compact .state-panel{min-height:75px}#app.compact .state-title{font-size:25px}#app.mog.compact .brand img{width:72px;height:72px}#app.mog.compact .brand h1{font:700 36px/1.15 'Segoe UI',sans-serif}#app.mog.compact .duty-party>.panel{min-height:216px}#app.compact .field{min-height:34px}#app.compact button{min-height:32px}#app.compact .titlebar button{min-height:24px}
#app .primary{color:var(--onaccent,var(--bg))}
@media(min-width:1500px){#app .desktop{padding-top:12px}}@media(max-width:850px){#app .two{grid-template-columns:1fr}#app .brand .links{margin-left:0}#app.mog .brand{gap:14px}#app.mog .brand img{height:60px;width:60px}#app.mog .brand h1{font-size:27px}#app.mog .duty-party>.panel{min-height:0}#app .party-row{grid-template-columns:28px 28px minmax(90px,1fr) auto}#app .party-row .member-state{grid-column:3/-1}#app .overlay{padding:12px}#app .overlay .window{max-height:calc(100dvh - 24px)}#app .title-status{max-width:38%;overflow:hidden}#app .state-panel{gap:14px;grid-template-columns:1fr 1.7fr}#app .state-panel>div+div{padding-left:14px}#app .state-title{font-size:23px}#app .summary>div{padding:6px 10px}#app .summary .icon{height:24px;width:24px}#app .summary small{font-size:12px}#app .summary strong{font-size:15px}#app .titlebar strong{font-size:12px}}@media(max-width:500px){#app{font-size:14px}#app .desktop{padding:0 6px 16px}#app .content,#app.compact .content{padding:10px}#app .brand h1{font-size:24px}#app .brand p{font-size:13px}#app .brand .links{gap:5px}#app .review{padding:12px 8px 10px}#app .review .row{width:100%}#app .review select{flex:1}#app .titlebar .title-status{display:none}#app .titlebar .tools{gap:0}#app .titlebar{padding:4px 7px}#app .summary>div{padding:5px;gap:5px;flex-direction:column;align-items:flex-start}#app .summary .icon{height:22px;width:22px}#app.compact .summary>div{padding:5px}#app .summary small,#app.compact .summary small{font-size:12px;display:block}#app .summary strong{font-size:14px}#app .actions{gap:6px}#app .actions>button,#app.compact .actions>button{flex:1 1 100px;padding:8px;font-size:14px}#app .field{gap:8px;flex-wrap:wrap}#app .field>span{flex:1 1 120px}#app .field select{max-width:100%}#app .field .range{flex:1 1 170px}#app .field input[type=number]{width:85px!important}#app .state-panel{grid-template-columns:1fr;gap:10px}#app .state-panel>div+div{border:0;border-top:1px solid var(--line);padding:10px 0 0}#app .brand .links button,#app .brand .links a{font-size:13px}#app.mog .brand h1,#app.mog.compact .brand h1{font-size:24px}#app.mog .brand img,#app.mog.compact .brand img{width:52px;height:52px}#app .brand .links{width:100%;margin:0}#app .tabs button{padding:7px 10px;font-size:14px}#app .overlay{padding:6px}#app .overlay .window{max-height:calc(100dvh - 12px)}#app .kv{font-size:14px}#app .window{border-radius:5px}#app .panel{padding:10px}#app .party-row{font-size:12px;gap:6px}#app .row{gap:7px}#app .footer{font-size:10px}}

/* Aethertek Preview theme; status colors retain their original meanings. */
#app, #app.mog {
    --accent: #b5a8ff;
    --bg: #151c29;
    --panel: #101520;
    --control: #1c2433;
    --line: #273044;
    --muted: #aab4c7;
    --ink: #edf0f7;
    background: #0c1019;
    color: #edf0f7;
    font: 14px/1.45 Inter, "Segoe UI", system-ui, sans-serif;
    min-height: calc(100dvh - 77px);
}
#app h2::after { content: none; }
#app .review { max-width: 1200px; padding: 24px 0 18px; margin-inline: auto; color: #aab4c7; gap: 14px; }
#app .review strong { color: #edf0f7; letter-spacing: 0; font-weight: 600; }
#app .review button, #app .review select { border-radius: 6px; }
#app .desktop { width: min(1200px, calc(100% - 64px)); margin-inline: auto; padding: 0 0 40px; }
#app .review { width: min(1200px, calc(100% - 64px)); }
#app .window, #app.mog .window { width: 100%; border-radius: 10px; box-shadow: none; }
#app .panel { border-radius: 8px; }
#app .brand h1, #app.mog .brand h1, #app.mog.compact .brand h1 { font-family: inherit; color: var(--ink); letter-spacing: -0.5px; }
#app .overlay .window { width: min(1080px, 100%); box-shadow: 0 24px 80px #0008; }
#app .overlay[data-window=alex] .window { width: min(500px, 100%); }
#app .overlay[data-window=bv] .window { width: min(760px, 100%); }
#app .overlay[data-window=help] .window { width: min(880px, 100%); }
#app .window-footer { color: #a4adbf; }
.demo-noscript { padding-block: 30px; }
@media (max-width: 860px) {
    #app .review, #app .desktop { width: calc(100% - 40px); }
}
@media (max-width: 640px) {
    #app, #app.mog { min-height: calc(100dvh - 65px); }
    #app .review { padding-block: 20px 16px; }
}
@media (max-width: 360px) {
    #app .review, #app .desktop { width: calc(100% - 28px); }
}