*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#04080f;font-family:Noto Sans SC,sans-serif}#cv{display:block;cursor:crosshair}#ui{position:fixed;inset:0;pointer-events:none;z-index:20}.top-bar{position:absolute;top:0;left:0;right:0;height:56px;background:linear-gradient(to bottom,rgba(4,8,15,.95),transparent);display:flex;align-items:center;padding:0 18px;gap:14px;pointer-events:all}.logo{font-family:Space Mono,monospace;font-size:13px;letter-spacing:.14em;color:#4ecdc4;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px #4ECDC455}.sub{font-size:10px;color:#ffffff59;font-family:Space Mono,monospace;margin-top:2px}.modes{display:flex;gap:5px}.mbt{background:#4ecdc40f;border:1px solid rgba(78,205,196,.2);color:#ffffff73;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:11px;font-family:Space Mono,monospace;letter-spacing:.05em;transition:all .2s;pointer-events:all}.mbt:hover,.mbt.on{background:#4ecdc429;border-color:#4ecdc4;color:#4ecdc4;text-shadow:0 0 8px #4ECDC488}.scales{display:flex;margin-left:auto;border:1px solid rgba(116,185,255,.3);border-radius:20px;overflow:hidden;pointer-events:all;flex-shrink:0}.sbt{background:transparent;border:0;color:#ffffff73;padding:6px 14px;cursor:pointer;font-size:11px;font-family:Noto Sans SC,sans-serif;transition:all .2s}.sbt.on{background:#74b9ff33;color:#74b9ff}.fpick{appearance:none;-webkit-appearance:none;background:#04080fd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234ECDC4'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid rgba(78,205,196,.3);color:#ffffffbf;padding:6px 28px 6px 12px;border-radius:20px;font-size:11px;font-family:Noto Sans SC,sans-serif;cursor:pointer;pointer-events:all;max-width:180px;flex-shrink:0}.fpick:focus{outline:none;border-color:#4ecdc4}.fpick option,.fpick optgroup{background:#12061e;color:#fff}.pmode{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;border:1px solid;margin-top:2px}.pstep{font-size:12px;color:#ffffffb8;line-height:1.6;margin-top:6px}.pflow{font-size:11px;color:#fff9;line-height:1.7}.pflow .fl{display:flex;gap:6px;align-items:baseline}.pflow .fk{font-family:Space Mono,monospace;font-weight:700;white-space:nowrap}.pflow .fn{font-size:9px;color:#ffffff4d;margin-top:4px;line-height:1.5}.psrc{font-size:9px;color:#ffffff47;line-height:1.5;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}#panel{position:absolute;top:62px;left:14px;width:290px;max-height:calc(100vh - 110px);overflow-y:auto;background:#04080ff0;border:1px solid rgba(78,205,196,.22);backdrop-filter:blur(18px);transition:opacity .3s,transform .3s;opacity:0;transform:translate(-12px);pointer-events:all;border-radius:6px;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.3) transparent}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:2px}#panel.show{opacity:1;transform:translate(0)}.ph{padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.ph-realm-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:10px;font-family:Space Mono,monospace;margin-bottom:6px}.ph-w{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.ph-name{font-size:18px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:2px}.ph-en{font-size:10px;color:#ffffff4d;font-family:Space Mono,monospace}.ph-pop{font-size:10px;color:#fff6;margin-top:6px;font-family:Space Mono,monospace}.pb{padding:14px 18px}.ps{margin-bottom:12px}.psl{font-family:Space Mono,monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff40;margin-bottom:5px}.ptx{font-size:12px;color:#ffffff8c;line-height:1.7}.inc-bar{display:flex;align-items:center;gap:0;height:22px;position:relative;margin-top:3px}.inc-seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:Space Mono,monospace;color:#000000b3;font-weight:700;white-space:nowrap;overflow:hidden}.inc-label{display:flex;justify-content:space-between;font-size:8px;font-family:Space Mono,monospace;color:#ffffff4d;margin-top:2px}.ai-track{height:6px;background:#ffffff14;border-radius:3px;margin-top:5px;overflow:hidden}.ai-fill{height:100%;border-radius:3px;transition:width .4s}.ai-breakdown{display:flex;gap:6px;margin-top:6px}.ai-bd-item{flex:1;text-align:center}.ai-bd-bar{height:4px;border-radius:2px;margin-top:3px}.ai-bd-label{font-size:7px;font-family:Space Mono,monospace;color:#ffffff59}.ai-bd-val{font-size:9px;font-family:Space Mono,monospace;font-weight:700;margin-top:1px}.wealth-row{display:flex;gap:8px;margin-top:3px}.wealth-item{flex:1;background:#ffffff0a;padding:5px 8px;border-radius:3px;text-align:center}.wealth-val{font-size:11px;font-family:Space Mono,monospace;font-weight:700;color:#ffffffb3}.wealth-lbl{font-size:7px;font-family:Space Mono,monospace;color:#ffffff4d;margin-top:1px}.ptags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.ptag{padding:3px 8px;font-size:9px;font-family:Space Mono,monospace;border:1px solid;border-radius:3px}.ppaths{margin-top:5px}.ppath{padding:6px 10px;background:#ffffff08;border-left:2px solid;margin-bottom:4px;font-size:11px;color:#ffffff80;line-height:1.6;border-radius:0 3px 3px 0}#ptrend{display:block;margin-top:3px;border-radius:3px;background:#ffffff08}#ai-legend{position:absolute;bottom:48px;right:12px;display:flex;flex-direction:column;gap:5px;pointer-events:none;opacity:0;transition:opacity .3s}#ai-legend.show{opacity:1}.ail-item{display:flex;align-items:center;gap:7px;background:#04080fcc;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:4px}.ail-hex{width:14px;height:14px;border-radius:2px;flex-shrink:0}.ail-txt{font-size:10px;font-family:Noto Sans SC,sans-serif;color:#fff9}.bot-bar{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(4,8,15,.88),transparent);display:flex;align-items:center;padding:0 18px;gap:16px;pointer-events:none}.li-lbl{font-size:10px;font-family:Space Mono,monospace;color:#ffffff73}#tip{position:fixed;background:#04080ff0;border:1px solid rgba(78,205,196,.28);padding:6px 14px;font-size:11px;color:#fff;font-family:Space Mono,monospace;border-radius:3px;pointer-events:none;opacity:0;transition:opacity .12s;white-space:nowrap;backdrop-filter:blur(10px);z-index:50}#tip.show{opacity:1}#intro{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#050f19f7,#02050c);pointer-events:all;transition:opacity .7s}#intro.out{opacity:0;pointer-events:none}.i-badge{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.25em;color:#4ecdc4;border:1px solid rgba(78,205,196,.3);padding:5px 18px;margin-bottom:24px;text-transform:uppercase}#intro h1{font-size:42px;font-weight:900;text-align:center;color:#fff;line-height:1.2;margin-bottom:12px;max-width:620px}#intro h1 em{color:#4ecdc4;font-style:normal}#intro p{font-size:14px;color:#fff6;text-align:center;max-width:520px;line-height:1.9;margin-bottom:18px}.dpills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.dp{background:#4ecdc412;border:1px solid rgba(78,205,196,.22);padding:6px 14px;font-size:11px;font-family:Space Mono,monospace;color:#ffffff7a;border-radius:3px}.dp strong{color:#4ecdc4}.start-btn{background:#4ecdc41a;border:1px solid rgba(78,205,196,.45);color:#4ecdc4;padding:12px 40px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.14em;cursor:pointer;transition:all .25s;text-transform:uppercase;border-radius:4px}.start-btn:hover{background:#4ecdc438;box-shadow:0 0 28px #4ecdc433}.intro-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.intro-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid rgba(78,205,196,.25);border-radius:999px;color:#ffffff9e;font-size:11px;font-family:Space Mono,monospace;text-decoration:none;background:#4ecdc40d;transition:all .2s}.intro-link:hover{border-color:#4ecdc4;color:#4ecdc4;background:#4ecdc41f}@media(max-width:1024px){.top-bar{height:auto;padding:12px 14px;align-items:flex-start;flex-wrap:wrap}.scales{margin-left:0}.modes{width:100%;margin-left:0;flex-wrap:wrap}.mbt{flex:1 1 calc(50% - 4px);text-align:center;padding:8px 10px}#panel{top:122px}#ai-legend{top:auto;right:12px;bottom:72px;max-width:min(52vw,240px)}.bot-bar{height:auto;min-height:42px;padding:10px 12px;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.bot-bar::-webkit-scrollbar{display:none}}@media(max-width:768px){.top-bar{gap:8px;padding:10px}.modes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.modes::-webkit-scrollbar{display:none}.mbt{flex:0 0 auto;padding:6px 12px;font-size:10px}.fpick{flex:1 1 auto;max-width:none;min-width:0;padding:5px 26px 5px 10px;font-size:11px}.logo{font-size:11px;letter-spacing:.1em;white-space:normal}.sub{font-size:9px;line-height:1.5}#panel{inset:auto 10px 10px;width:auto;z-index:2;max-height:min(42dvh,360px);transform:translateY(12px)}#panel.show{transform:translateY(0)}#ai-legend{left:12px;right:12px;bottom:calc(min(42dvh,360px) + 22px);max-width:none}.bot-bar{padding:8px 12px}#tip{display:none}#intro{justify-content:flex-start;padding:28px 16px 24px;overflow:auto}#intro h1{font-size:34px;max-width:420px}#intro p{font-size:12px;line-height:1.75;max-width:420px}.dpills{gap:6px;margin-bottom:20px}.dp{font-size:10px;padding:5px 10px}.start-btn{width:min(100%,320px);padding:12px 18px}.intro-link{flex:1 1 140px}}@media(max-width:480px){.top-bar{gap:10px}.logo{font-size:10px}.sub{display:none}.sbt{padding:5px 12px;font-size:10px}#intro h1{font-size:28px;max-width:300px}#intro p{max-width:300px}.ph-name{font-size:16px}}@media(max-height:700px){#intro{justify-content:flex-start;padding-top:32px;overflow:auto}}@media(hover:none){#tip{display:none!important}}