:root{--ink: #efe4c8;--ink-dim: #b9ad8f;--ink-faint: #8a8068;--panel: rgba(18, 21, 23, .9);--panel-2: rgba(28, 32, 35, .94);--edge: #6d5a36;--gold: #d9b24a;--gold-hot: #ffd27a;--ember: #ff9a3a;--steel: #b8cde0;--hunt: #a8d880;--spirit: #ffc86a;--wild: #6fd8c8;--good: #7fdc8a;--bad: #ef6a5a;--azure: #2f7fd8;--crimson: #c8283c;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0e1211;color:var(--ink);font-family:var(--sans);overflow:hidden;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}.game-root{position:absolute;inset:0;overflow:hidden}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:default}.overlay-canvas{position:absolute;inset:0;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#080a0a8c)}.post .vignette{display:none}.hud{position:absolute;inset:0;pointer-events:none;font-size:13px}.hud>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:6px;box-shadow:0 6px 24px #00000073,inset 0 1px #ffe6aa0f}.title{font-family:var(--serif);letter-spacing:.02em}.topbar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 8px;width:max-content;white-space:nowrap}.res{display:flex;align-items:center;gap:6px;padding:3px 10px;min-width:88px;font-variant-numeric:tabular-nums;font-weight:600;font-size:15px}.res svg{width:18px;height:18px;flex:none}.res .sub{font-size:11px;font-weight:500;color:var(--ink-dim)}.sep{width:1px;height:22px;background:#d9b24a40;margin:0 4px}.clock{font-variant-numeric:tabular-nums;font-family:var(--serif);font-size:15px;padding:0 8px;color:var(--ink-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(#2a2f33,#1c2023);color:var(--ink);border:1px solid #4b4330;border-radius:4px;padding:4px 9px;font:inherit;cursor:pointer;transition:border-color .12s,background .12s}.btn:hover{border-color:var(--gold);background:linear-gradient(#343a3e,#22272a)}.btn.on{border-color:var(--gold);color:var(--gold-hot);box-shadow:inset 0 0 8px #ffd27a2e}.btn:disabled{opacity:.45;cursor:default}.speed .btn{padding:3px 7px;font-size:12px}.notes{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.note{pointer-events:auto;cursor:pointer;background:#121517db;border:1px solid rgba(109,90,54,.8);border-left:3px solid var(--gold);border-radius:4px;padding:5px 12px;font-size:13px;animation:notein .25s ease-out;transition:opacity .5s;display:flex;align-items:center;gap:8px}.note img{width:22px;height:22px;border-radius:3px}.note.loss{border-left-color:var(--bad)}.note.good{border-left-color:var(--good)}.note.train{border-left-color:var(--spirit)}.note.build{border-left-color:#c9a27a}.note.ability{border-left-color:var(--steel)}.note.alert{border-left-color:var(--bad);background:#3c1210e6;font-weight:600}@keyframes notein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.flash{position:absolute;bottom:246px;left:50%;transform:translate(-50%);padding:6px 14px;font-weight:600;color:var(--gold-hot);pointer-events:none;opacity:0;transition:opacity .25s;text-shadow:0 1px 2px #000}.flash.show{opacity:1}.modehint{position:absolute;bottom:206px;left:50%;transform:translate(-50%);padding:6px 14px;font-size:12px;color:var(--gold-hot);max-width:640px;text-align:center}.bottom{position:absolute;left:0;right:0;bottom:0;height:196px;display:flex;align-items:flex-end;gap:8px;padding:0 8px 8px;pointer-events:none}.bottom>*{pointer-events:auto}.minimap-wrap{position:relative;width:196px;height:196px;padding:6px;flex:none}.minimap{width:184px;height:184px;display:block;border-radius:3px;cursor:pointer;image-rendering:auto}.compass{position:absolute;right:-14px;top:-14px;width:54px;height:54px;border-radius:50%;background:var(--panel-2);border:1px solid var(--edge);box-shadow:0 4px 12px #00000080}.compass .dial{position:absolute;inset:0;transition:transform .05s linear}.compass .l{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;font:700 11px var(--serif);text-align:center;line-height:16px;color:var(--ink-dim);cursor:pointer;border-radius:50%}.compass .l:hover{color:var(--gold-hot);background:#ffd27a1f}.compass .l.n{color:var(--ember)}.compass .hub{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#3a3f44;border:1px solid var(--gold);cursor:pointer}.abilities{position:absolute;left:8px;bottom:214px;display:flex;flex-direction:column;gap:6px;padding:6px}.abrow{display:flex;gap:5px;align-items:center}.abrow .lbl{font:600 10px var(--sans);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;width:44px}.ab{position:relative;width:44px;height:44px;border-radius:5px;background:linear-gradient(#2c3236,#1b1f22);border:1px solid #4b4330;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.ab:hover{border-color:var(--gold)}.ab svg{width:28px;height:28px}.ab .hk{position:absolute;right:3px;bottom:1px;font:700 10px var(--sans);color:var(--ink-dim);text-shadow:0 1px 1px #000}.ab .cd{position:absolute;inset:0;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);pointer-events:none}.ab .cdt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 13px var(--sans);color:#fff;text-shadow:0 1px 2px #000;pointer-events:none}.ab.disabled{opacity:.38;filter:grayscale(1)}.ab.active{border-color:var(--gold-hot);box-shadow:0 0 10px #ffd27a73}.hero-portrait{width:44px;height:44px;border-radius:5px;border:1px solid var(--gold);cursor:pointer;background:#1b1f22;position:relative;overflow:hidden}.hero-portrait img{width:100%;height:100%}.hero-portrait .hpb{position:absolute;left:2px;right:2px;bottom:2px;height:4px;background:#111}.hero-portrait .hpb i{display:block;height:100%;background:var(--good)}.hero-portrait .dead{position:absolute;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;font:700 13px var(--sans)}.selection{flex:1;height:150px;padding:8px 10px;display:flex;gap:12px;min-width:0}.sel-portrait{width:108px;height:108px;border-radius:6px;border:1px solid var(--edge);background:radial-gradient(#2a3034,#15181a);flex:none;overflow:hidden}.sel-portrait img{width:100%;height:100%}.sel-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sel-name{font-family:var(--serif);font-size:19px;color:var(--gold-hot);line-height:1.1}.sel-role{color:var(--ink-dim);font-size:12px}.hpbar{height:8px;background:#111;border:1px solid #333;border-radius:3px;overflow:hidden}.hpbar i{display:block;height:100%;background:linear-gradient(#8ee89a,#4fae5c)}.stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--ink-dim)}.stats b{color:var(--ink);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:11px;padding:1px 7px;border-radius:10px;background:#262b2f;border:1px solid #3c3a30;color:var(--ink-dim)}.chip.steel{border-color:#6f8aa6;color:var(--steel)}.chip.hunt{border-color:#6f9a4f;color:var(--hunt)}.chip.spirit{border-color:#a8803a;color:var(--spirit)}.chip.wild{border-color:#3f8a80;color:var(--wild)}.chip.warn{border-color:#a0453a;color:#ffb0a0}.desc{font-size:12px;color:var(--ink-dim);line-height:1.35;overflow:hidden}.desc b{color:var(--ink)}.multi{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;overflow:hidden}.mu{width:40px;height:46px;border-radius:4px;border:1px solid #3c3a30;background:#1b1f22;position:relative;cursor:pointer;overflow:hidden}.mu:hover{border-color:var(--gold)}.mu img{width:40px;height:40px}.mu .hp{position:absolute;left:1px;right:1px;bottom:1px;height:4px;background:#111}.mu .hp i{display:block;height:100%;background:var(--good)}.mu .n{position:absolute;right:2px;top:0;font:700 11px var(--sans);text-shadow:0 1px 2px #000}.mu.route{opacity:.7}.queue{display:flex;gap:4px;flex-wrap:wrap}.qi{width:34px;height:34px;border:1px solid #3c3a30;border-radius:4px;position:relative;background:#1b1f22;cursor:pointer;overflow:hidden}.qi img{width:100%;height:100%}.qi .bar{position:absolute;left:0;bottom:0;height:3px;background:var(--gold-hot)}.commands{width:262px;height:150px;padding:8px;display:grid;grid-template-columns:repeat(5,44px);grid-auto-rows:44px;gap:6px;flex:none;align-content:start}.cmd{position:relative;border-radius:5px;background:linear-gradient(#2c3236,#1b1f22);border:1px solid #4b4330;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.cmd:hover{border-color:var(--gold)}.cmd svg{width:26px;height:26px}.cmd img{width:40px;height:40px}.cmd .hk{position:absolute;right:3px;bottom:1px;font:700 10px var(--sans);color:var(--ink-dim);text-shadow:0 1px 1px #000}.cmd .cost{position:absolute;left:2px;top:1px;font:600 9px var(--sans);color:var(--gold-hot);text-shadow:0 1px 1px #000}.cmd.disabled{opacity:.4;filter:grayscale(1)}.cmd.on{border-color:var(--gold-hot);box-shadow:inset 0 0 10px #ffd27a40}.cmd .cd{position:absolute;inset:0;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);pointer-events:none}.warbands{position:absolute;right:8px;top:58px;width:292px;max-height:calc(100vh - 290px);overflow:auto;padding:8px}.warbands h3{margin:0 0 6px;font:600 14px var(--serif);color:var(--gold-hot);display:flex;justify-content:space-between;align-items:center}.wb{border:1px solid #3c3a30;border-radius:5px;padding:6px;margin-bottom:6px;background:#1e2225cc}.wb.sel{border-color:var(--gold)}.wb .top{display:flex;align-items:center;gap:6px}.wb .name{flex:1;font:600 13px var(--serif);cursor:pointer}.wb .row{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.wbu{display:flex;align-items:center;gap:2px;background:#1b1f22;border:1px solid #3c3a30;border-radius:4px;padding:1px 4px 1px 1px;font-size:11px;font-variant-numeric:tabular-nums}.wbu img{width:20px;height:20px;border-radius:3px}.wbu.short{border-color:#7a4a30;color:#ffc0a0}.wbu .pm{cursor:pointer;color:var(--ink-faint);padding:0 2px}.wbu .pm:hover{color:var(--gold-hot)}.wb .foot{display:flex;gap:4px;margin-top:5px;align-items:center;font-size:11px;color:var(--ink-dim)}.wb .foot .btn{padding:2px 6px;font-size:11px;white-space:nowrap}.toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:11px}.toggle i{width:24px;height:13px;border-radius:7px;background:#3a3f44;position:relative;display:inline-block}.toggle i:after{content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#999;transition:left .15s}.toggle.on i{background:#6b5a2a}.toggle.on i:after{left:13px;background:var(--gold-hot)}.matrix{position:absolute;left:50%;bottom:206px;transform:translate(-50%);padding:10px 12px;width:min(940px,calc(100vw - 24px));max-height:calc(100vh - 262px);overflow-y:auto}.matrix h2{margin:0 0 2px;font:600 18px var(--serif);color:var(--gold-hot)}.matrix .sub{color:var(--ink-dim);font-size:12px;margin-bottom:10px}.mgrid{display:grid;grid-template-columns:104px repeat(4,minmax(0,1fr));gap:5px}.mrow-t{font:11px var(--sans);color:var(--ink-faint);line-height:1.2}.mcell .mtext{min-width:0}.mcell .sub2{color:var(--ink-faint)}.mcell.master{background:linear-gradient(#20252a,#1b1f22);border-color:#4e4a3a}.mcell.master .nm{color:#f2e2b6}.mcell.wildc{border-color:#2f5e58;background:linear-gradient(#18262a,#161d20)}.mcell.wildc:hover{border-color:var(--wild)}.mcell.wildc .nm{color:#bff3ea}.mcell.info{cursor:default;border-style:dashed;opacity:.9}.mcell.info:hover{border-color:#3c3a30;background:#1b1f22}.matrix .warn{color:#ffb0a0}.mcell .rl.wrap{white-space:normal;line-height:1.25}.route-steps .via{font-weight:400;color:var(--ink-faint);font-size:11px}.mhead{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);display:flex;align-items:center}.mrow{font:600 13px var(--serif);display:flex;align-items:center;gap:6px}.mcell{position:relative;display:flex;gap:7px;align-items:center;padding:4px 6px;border-radius:5px;border:1px solid #3c3a30;background:#1b1f22;cursor:pointer;height:58px;overflow:hidden}.mcell:hover{border-color:var(--gold);background:#23282b}.mcell.dis{opacity:.45;cursor:not-allowed}.mcell.cur{border-style:dashed;opacity:.6;cursor:default}.mcell img{width:42px;height:42px;border-radius:4px;flex:none}.mcell .nm{font:600 13px var(--serif);color:var(--ink)}.mcell .rl{font-size:10.5px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcell .cs{font-size:11px;color:var(--gold-hot);font-variant-numeric:tabular-nums}.mcell .k{position:absolute;right:5px;top:3px;font:700 10px var(--sans);color:var(--ink-faint)}.mdetail{margin-top:8px;padding:6px 10px;border-radius:5px;background:#1b1f22;border:1px solid #3c3a30;height:140px;overflow-y:auto;font-size:11.5px;color:var(--ink-dim);line-height:1.38}.mdetail b{color:var(--ink)}.route-steps{display:flex;align-items:center;gap:6px;margin:2px 0 4px;font:600 12px var(--sans);color:var(--ink)}.route-steps .arrow{color:var(--gold)}.tooltip{position:fixed;z-index:50;max-width:330px;padding:8px 10px;font-size:12px;line-height:1.4;color:var(--ink-dim);pointer-events:none;opacity:0;transition:opacity .1s}.tooltip.show{opacity:1}.tooltip h4{margin:0 0 3px;font:600 14px var(--serif);color:var(--gold-hot)}.tooltip .cost{color:var(--gold-hot);font-weight:600}.tooltip .warn{color:#ffb0a0}.tooltip b{color:var(--ink)}.kbd{display:inline-block;min-width:16px;padding:0 4px;border:1px solid #5a5340;border-radius:3px;background:#262b2f;font:700 10px var(--sans);color:var(--ink);text-align:center}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#3c281459,#080a0aeb);z-index:40}.screen .card{width:560px;max-width:94vw;padding:26px 30px}.logo{font:600 64px var(--serif);letter-spacing:.08em;text-align:center;color:#ffe2a6;text-shadow:0 0 22px rgba(255,150,60,.55),0 2px 0 #5a3a18;margin:0}.tagline{text-align:center;color:var(--ink-dim);font-style:italic;font-family:var(--serif);margin:4px 0 20px;font-size:15px}.form{display:grid;grid-template-columns:130px 1fr;gap:10px 14px;align-items:center;margin:12px 0}.form label{color:var(--ink-dim);font-size:13px}.form select,.form input{background:#1b1f22;color:var(--ink);border:1px solid #4b4330;border-radius:4px;padding:6px 8px;font:inherit}.seg{display:flex;gap:4px;flex-wrap:wrap}.seg .btn{flex:1}.cmdr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cmdr .opt{padding:8px;border:1px solid #3c3a30;border-radius:5px;cursor:pointer;background:#1b1f22}.cmdr .opt.on{border-color:var(--gold);box-shadow:inset 0 0 12px #ffd27a26}.cmdr .opt b{display:block;font:600 13px var(--serif);color:var(--ink)}.cmdr .opt span{font-size:11px;color:var(--ink-dim)}.actions{display:flex;gap:8px;justify-content:center;margin-top:18px}.actions .btn{padding:8px 18px;font-size:14px}.btn.primary{border-color:var(--gold);color:#1b1408;background:linear-gradient(#ffd98a,#d9a23a);font-weight:700}.btn.primary:hover{background:linear-gradient(#ffe3a6,#e6b04a)}.help{font-size:13px;color:var(--ink-dim);line-height:1.5;max-height:62vh;overflow:auto}.help h3{font:600 15px var(--serif);color:var(--gold-hot);margin:12px 0 4px}.help table{border-collapse:collapse;width:100%}.help td{padding:3px 6px;border-bottom:1px solid #2c2a22;vertical-align:top}.help td:first-child{white-space:nowrap;color:var(--ink)}.statgrid{display:grid;grid-template-columns:1fr auto auto;gap:4px 16px;font-size:13px;margin:12px 0}.statgrid .h{color:var(--ink-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0e1211;z-index:60;font-family:var(--serif);color:var(--ink-dim)}.loading .logo{font-size:44px}.hidden{display:none!important}.fps{position:absolute;right:10px;bottom:206px;font:11px var(--sans);color:var(--ink-faint);pointer-events:none}.btn.idle{padding:2px 8px;gap:4px;font-weight:600;font-variant-numeric:tabular-nums}.btn.idle svg{width:18px;height:18px}.btn.idle.warn{border-color:#a0453a;color:#ffc0a0;box-shadow:inset 0 0 8px #ef6a5a33}.steps{position:absolute;left:8px;top:58px;width:300px;padding:8px 10px;font-size:12px;color:var(--ink-dim)}.steps-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;color:var(--gold-hot);font-size:13px}.steps-h span{cursor:pointer;color:var(--ink-faint);padding:0 4px}.step{padding:2px 0;line-height:1.35}.step.done{color:var(--good);opacity:.7;text-decoration:line-through;text-decoration-color:#7fdc8a66}.topbar .btn.fs{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px}.topbar .btn.fs svg{width:15px;height:15px}.actions .check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-dim);cursor:pointer;padding:0 6px}.actions .check input{accent-color:var(--gold)}.bench{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:10px 14px;font-size:12px;line-height:1.6;z-index:40;max-width:92vw}.cmd.tech .autotag{position:absolute;left:3px;bottom:2px;font-size:8px;font-weight:700;letter-spacing:.04em;color:#ffffff59;padding:0 2px;border-radius:3px;pointer-events:none}.cmd.tech.auto .autotag{color:#1a1408;background:var(--gold-hot, #ffd27a)}.cmd.tech.auto{box-shadow:inset 0 0 0 1px #ffd27a8c}.tray{position:absolute;bottom:166px;display:flex;gap:4px;align-items:flex-end;pointer-events:auto}.groups-tray{left:212px}.train-tray{right:8px}.grp,.trn{position:relative;width:44px;height:34px;border-radius:5px;background:linear-gradient(#2c3236,#1b1f22);border:1px solid #4b4330;cursor:pointer;overflow:hidden;box-shadow:0 2px 6px #00000073}.grp img,.trn img{position:absolute;left:50%;top:1px;transform:translate(-50%);width:27px;height:27px}.grp .gn{position:absolute;left:3px;top:1px;font:700 10px var(--sans);color:var(--gold-hot);text-shadow:0 1px 1px #000}.grp .gc,.trn .gc{position:absolute;right:3px;bottom:4px;font:700 10px var(--sans);color:#f4ead2;text-shadow:0 1px 2px #000}.ghp{position:absolute;left:2px;right:2px;bottom:1px;height:3px;background:#0000008c;border-radius:2px}.ghp i{display:block;height:100%;background:#6fdc7a;border-radius:2px}.trn .ghp i{background:var(--gold-hot)}.grp.on{border-color:var(--gold);box-shadow:inset 0 0 8px #ffd27a40,0 2px 6px #00000073}.grp.hurt{animation:hurtPulse .8s ease-in-out infinite}@keyframes hurtPulse{50%{border-color:#ef5a4a;box-shadow:0 0 9px #ef5a4aa6}}.trn.stuck{border-color:#ef5a4a}.tray-lbl{font:600 10px var(--sans);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;align-self:center;margin-right:2px;text-shadow:0 1px 2px #000}.tl-wrap{margin:14px 0 4px}.tl-tabs{justify-content:center;margin-bottom:6px}.tl-tabs .btn{padding:3px 10px;font-size:12px}.tl-chart svg.timeline{width:100%;height:190px;display:block;background:#00000038;border:1px solid rgba(109,90,54,.5);border-radius:6px;cursor:crosshair}.tl-grid{stroke:#ffffff12;stroke-width:1}.tl-axis{fill:var(--ink-faint);font:10px var(--sans)}.tl-mark{font:11px var(--sans);cursor:help;paint-order:stroke;stroke:#0009;stroke-width:2px}.tl-cursor{stroke:#ffd27a8c;stroke-width:1}.tl-read{text-align:center;font-size:12px;color:var(--ink-dim);margin-top:4px;min-height:16px}.everflame-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;gap:14px;padding:5px 14px;font-size:13px;cursor:pointer;z-index:5}.everflame-banner .ef{color:var(--ink);border-left:3px solid var(--team);padding-left:8px}.everflame-banner .ef b{font-size:15px;color:var(--gold-hot);margin-left:4px}.everflame-banner .ef.theirs b{color:#ff9a8a}.everflame-banner .ef.gutter b{color:#9fd0f0}.everflame-banner .ef i{color:#9fd0f0;font-style:normal;font-size:11px}.hud.with-ever .notes{top:94px}.topbar .btn.era{position:relative;gap:6px;padding:2px 10px 2px 3px;overflow:hidden}.btn.era .emed{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font:700 10.5px var(--serif);color:#2a1406;background:radial-gradient(circle at 50% 35%,#ffcf7a,#b85a14 70%,#5a2a0a);box-shadow:0 0 6px #ff963273,inset 0 1px #ffffff59}.btn.era[data-era="2"] .emed{background:radial-gradient(circle at 50% 35%,#fff0b8,#ec8a22 62%,#7a2c08);box-shadow:0 0 10px #ffaa3cbf,inset 0 1px #ffffff73}.btn.era[data-era="3"] .emed{color:#06221f;background:radial-gradient(circle at 50% 35%,#e0fff8,#2fb8a4 60%,#0f4a44);box-shadow:0 0 12px #6fd8c8cc,inset 0 1px #ffffff73}.btn.era .ename{font:600 13px var(--serif);color:var(--gold-hot);white-space:nowrap}.btn.era .rcount{font:700 10px var(--sans);background:#35506a;color:#e8f4ff;border-radius:8px;padding:0 5px;line-height:15px}.btn.era .eprog{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#ffb84a,#ffe7a0);box-shadow:0 0 6px #ffb84a;transition:width .2s linear}.btn.era.ready{border-color:var(--gold-hot);animation:eraReady 1.6s ease-in-out infinite}.btn.era.advancing .ename{color:#ffe7a0}@keyframes eraReady{0%,to{box-shadow:0 0 #ffb84a00}50%{box-shadow:0 0 14px #ffb84ab3}}@keyframes researching{0%,to{box-shadow:0 0 #ffd27a00}50%{box-shadow:0 0 10px #ffd27a80}}.upgrades{position:absolute;left:50%;top:68px;transform:translate(-50%);width:min(1180px,calc(100vw - 24px));max-height:calc(100vh - 262px);overflow-y:auto;padding:10px 12px 12px;z-index:6}.upgrades .uh{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.upgrades h2{margin:0;font:600 19px var(--serif);color:var(--gold-hot);display:flex;align-items:center;gap:6px}.upgrades h2 svg{width:20px;height:20px}.upgrades .sub{color:var(--ink-dim);font-size:12px;flex:1}.upgrades .x{cursor:pointer;color:var(--ink-faint);padding:0 4px;font-size:14px}.upgrades .x:hover{color:var(--ink)}.eratrack{display:flex;align-items:stretch;margin-bottom:10px}.enode{flex:1;display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:6px;border:1px solid #3c3a30;background:linear-gradient(#1c2124,#171b1d);min-width:0}.enode.now{border-color:var(--gold);background:linear-gradient(#2a2418,#1c1a14);box-shadow:inset 0 0 18px #ffaa3c1f,0 0 12px #ffaa3c1f}.enode.past{opacity:.78}.enode.next{border-style:dashed}.elink{flex:none;width:22px;align-self:center;height:3px;background:#3c3a30;border-radius:2px}.elink.lit{background:linear-gradient(90deg,#ffb84a,#ffe7a0);box-shadow:0 0 8px #ffb84a99}.enode .emed{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 14px var(--serif);color:#1e1a12;background:radial-gradient(circle at 50% 35%,#8a8068,#4a4536 70%)}.enode.now .emed,.enode.past .emed{color:#2a1406;background:radial-gradient(circle at 50% 35%,#fff0b8,#ec8a22 62%,#7a2c08);box-shadow:0 0 12px #ffaa3c99}.enode .etext{min-width:0}.enode .en{font:600 15px var(--serif);color:var(--ink)}.enode.now .en{color:var(--gold-hot)}.enode .eu{font-size:11px;color:var(--ink-dim);line-height:1.35;margin-top:1px}.eact{margin-top:6px;display:inline-block;font-size:12px;padding:3px 9px;border-radius:4px;border:1px solid #4b4330}.eact.ready{cursor:pointer;border-color:var(--gold-hot);color:#1a1408;background:linear-gradient(#ffd27a,#e0a040);font-weight:700;animation:eraReady 1.6s ease-in-out infinite}.eact.poor{cursor:pointer;color:#ffb0a0}.eact.locked{color:var(--ink-faint);border-style:dashed}.eact.active{color:var(--gold-hot);min-width:170px}.eact .ubar{position:relative;margin-top:4px;height:4px;border-radius:2px}.ucols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ucol{display:flex;flex-direction:column;gap:5px;min-width:0}.uhead{font-size:10.5px;color:var(--ink-faint);padding:2px 2px 4px;border-bottom:2px solid #3c3a30;display:flex;gap:6px;align-items:baseline;white-space:nowrap}.uhead span{min-width:0;overflow:hidden;text-overflow:ellipsis}.uhead b,.uhead em{flex:none}.uhead b{font:600 14px var(--serif);color:var(--ink)}.uhead em{margin-left:auto;font-style:normal;color:var(--gold);font-weight:600}.ucol.settle .uhead{border-color:#c9a27a}.ucol.steel .uhead{border-color:var(--steel)}.ucol.hunt .uhead{border-color:var(--hunt)}.ucol.spirit .uhead{border-color:var(--spirit)}.ucol.wild .uhead{border-color:var(--wild)}.ucol.works .uhead{border-color:#9a948a}.ucard{position:relative;display:flex;gap:7px;align-items:center;padding:5px 7px;border-radius:5px;border:1px solid #3c3a30;background:#1b1f22;cursor:pointer;min-height:48px;overflow:hidden;transition:border-color .12s,background .12s}.ucard:hover{border-color:var(--gold)}.ucard .ticon{flex:none;width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2c3438,#161a1c);border:1px solid #2f3336}.ucard .ticon svg{width:26px;height:26px;display:block}.ucard .utext{min-width:0}.ucard .nm{font:600 12.5px var(--serif);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ucard .us{font-size:10.5px;color:var(--ink-dim);line-height:1.25}.ucard .tier{position:absolute;right:5px;top:3px;font:700 9px var(--serif);color:var(--ink-faint)}.ucard .tick{position:absolute;right:6px;bottom:3px;color:var(--gold-hot);font-weight:700;font-size:12px}.ucard.known{border-color:#6d5a36;background:linear-gradient(#262217,#1c1a14)}.ucard.known .ticon{border-color:var(--gold);box-shadow:0 0 8px #ffd27a40}.ucard.known .us{color:var(--gold)}.ucard.ready{border-color:#8a7444;box-shadow:inset 0 0 12px #ffd27a1a}.ucard.ready .us{color:var(--gold-hot)}.ucard.poor .us{color:#ffb0a0}.ucard.busy,.ucard.locked{opacity:.5;cursor:default}.ucard.busy:hover,.ucard.locked:hover{border-color:#3c3a30}.ucard.locked .ticon svg{filter:grayscale(1) brightness(.75)}.ucard.active{border-color:var(--gold-hot);animation:researching 1.4s ease-in-out infinite}.ubar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#00000073;overflow:hidden}.ubar i{display:block;height:100%;background:linear-gradient(90deg,#e0a040,#ffe7a0);box-shadow:0 0 6px #ffb84a;transition:width .2s linear}.cmd.research{background:radial-gradient(circle at 50% 40%,#2c3236,#171b1e);border-color:#5a5440}.cmd.research:after{content:"";position:absolute;right:-6px;top:-6px;width:12px;height:12px;transform:rotate(45deg);background:#8a7444}.cmd.research.ready{border-color:#b8944a}.cmd.research.ready:hover{border-color:var(--gold-hot);box-shadow:inset 0 0 10px #ffd27a40}.cmd.research.active{border-color:var(--gold-hot);animation:researching 1.4s ease-in-out infinite}.cmd.research.active .cost{color:#fff3d6}.cmd.research.poor{opacity:.7;filter:none}.cmd.research.poor .cost{color:#ff9a8a}.cmd.research.eraup{border-color:#c06a24;background:radial-gradient(circle at 50% 40%,#4a2a14,#1c1410)}.cmd.research.eraup:after{background:#ff9a3a}.cmd.research.eraup.ready{animation:eraReady 1.6s ease-in-out infinite}.cmd.research .cost{font-size:8.5px}.research-line{display:flex;align-items:center;gap:6px;color:var(--gold-hot)}.research-line svg{width:18px;height:18px;flex:none}.research-line .rbar{flex:1;height:4px;border-radius:2px;background:#00000073;overflow:hidden;min-width:50px}.research-line .rbar i{display:block;height:100%;background:linear-gradient(90deg,#e0a040,#ffe7a0)}.note.research{border-left-color:#ffb84a;background:linear-gradient(90deg,#3a280eeb,#121517db)}.tooltip .tier{font:600 10px var(--sans);color:var(--ink-faint);margin-left:6px;letter-spacing:.04em}.tooltip .good{color:var(--good)}.tooltip .dim{color:var(--ink-faint)}.mcell .cs.era{color:#ffb84a}.mcell .elock{position:absolute;right:6px;bottom:4px;font-size:11px;opacity:.85}.hud>.erabanner{pointer-events:none}.erabanner{position:absolute;left:50%;top:21%;transform:translate(-50%);text-align:center;z-index:30;animation:ebIn .9s cubic-bezier(.2,.9,.25,1.15) both;white-space:nowrap}.erabanner.out{animation:ebOut .9s ease-in both}.eb-rays{position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(255,200,110,.14) 0deg 4deg,transparent 4deg 15deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 60%);mask:radial-gradient(circle,#000 12%,transparent 60%);animation:ebSpin 18s linear infinite}.erabanner.e3 .eb-rays{background:repeating-conic-gradient(from 0deg,rgba(111,216,200,.15) 0deg 4deg,transparent 4deg 15deg)}.eb-roman{font:700 64px/1 var(--serif);color:#ffe7a0;letter-spacing:.1em;text-shadow:0 0 24px rgba(255,150,40,.9),0 2px 0 #7a2c08}.e3 .eb-roman{color:#e0fff8;text-shadow:0 0 26px rgba(111,216,200,.95),0 2px 0 #0f4a44}.eb-kicker{font:600 12px var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px;text-shadow:0 1px 3px #000}.eb-title{font:600 46px/1.1 var(--serif);color:#fff3d6;letter-spacing:.06em;text-shadow:0 0 18px rgba(255,170,60,.6),0 3px 10px rgba(0,0,0,.85);animation:ebTrack 4.6s cubic-bezier(.2,.7,.2,1) both}.e3 .eb-title{text-shadow:0 0 18px rgba(111,216,200,.6),0 3px 10px rgba(0,0,0,.85)}.eb-sub{margin-top:8px;font-size:14px;color:#f2e2b6;text-shadow:0 1px 4px #000,0 0 10px #000}.eb-sub i{color:var(--gold-hot);font-style:normal;font-weight:700;padding:0 4px}@keyframes ebIn{0%{opacity:0;transform:translate(-50%,14px) scale(.86)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ebOut{to{opacity:0;transform:translate(-50%,-12px) scale(1.04)}}@keyframes ebSpin{to{transform:rotate(360deg)}}@keyframes ebTrack{0%{letter-spacing:-.01em}to{letter-spacing:.09em}}.hud>.feats-box{pointer-events:none}.feats-box{position:absolute;left:8px;bottom:330px;display:flex;flex-direction:column-reverse;gap:6px;z-index:7}.feat-toast{display:flex;gap:10px;align-items:center;width:286px;padding:8px 12px 8px 8px;border-radius:8px;background:linear-gradient(100deg,#2a2212f2,#141618eb);border:1px solid #8a7444;box-shadow:0 6px 22px #00000080,inset 0 1px #ffe6aa14;animation:featIn .55s cubic-bezier(.2,.9,.25,1.2) both}.feat-toast.out{animation:featOut .6s ease-in both}.feat-toast .medal{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#4a3a1c,#1c1810 72%);border:2px solid #b8944a;box-shadow:0 0 0 2px #00000059}.feat-toast .medal svg{width:26px;height:26px}.feat-toast.new .medal{border-color:#ffd27a;box-shadow:0 0 14px #ffc864a6,0 0 0 2px #00000059;animation:medalGlow 1.6s ease-in-out 3}.feat-toast .k{font:700 9.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.feat-toast.new .k{color:var(--gold-hot)}.feat-toast .n{font:600 15px var(--serif);color:#fff3d6}.feat-toast .d{font-size:11.5px;color:var(--ink-dim);line-height:1.3}.feat-toast.victory{border-color:#c9a24a}@keyframes featIn{0%{opacity:0;transform:translate(-30px) scale(.96)}to{opacity:1;transform:none}}@keyframes featOut{to{opacity:0;transform:translate(-16px)}}@keyframes medalGlow{0%,to{box-shadow:0 0 8px #ffc86466,0 0 0 2px #00000059}50%{box-shadow:0 0 22px #ffd27af2,0 0 0 2px #00000059}}.featrow{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 4px}.featchip{position:relative;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:16px;background:#2a2212d9;border:1px solid #6d5a36;font-size:12px}.featchip svg{width:20px;height:20px}.featchip .ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1c1810;border:1px solid #b8944a}.featchip.new{border-color:var(--gold-hot);box-shadow:0 0 10px #ffc86459}.featchip.new:after{content:"NEW";position:absolute;top:-7px;right:-4px;font:700 8.5px var(--sans);letter-spacing:.08em;background:var(--gold-hot);color:#1a1408;padding:1px 4px;border-radius:4px}.feats-h{text-align:center;font:600 13px var(--serif);color:var(--gold-hot);margin-top:12px}.chron{width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 60px);overflow-y:auto;padding:18px 22px}.chron h2{margin:0 0 4px;font:600 26px var(--serif);color:var(--gold-hot);display:flex;align-items:center;gap:8px}.chron h2 svg{width:26px;height:26px}.chron .totals{display:flex;flex-wrap:wrap;gap:18px;margin:8px 0 14px;color:var(--ink-dim);font-size:13px}.chron .totals b{color:var(--ink);font-size:18px;font-family:var(--serif);margin-right:4px}.chron h3{margin:14px 0 6px;font:600 15px var(--serif);color:var(--ink);border-bottom:1px solid #3c3a30;padding-bottom:4px;display:flex;justify-content:space-between}.chron h3 span{color:var(--gold);font-size:13px}.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.fcard{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:6px;border:1px solid #3c3a30;background:#1b1f22;min-height:50px}.fcard .ic{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#161a1c;border:1px solid #3c3a30}.fcard .ic svg{width:20px;height:20px;filter:grayscale(1) brightness(.6)}.fcard .n{font:600 12.5px var(--serif);color:var(--ink-faint)}.fcard .d{font-size:10.5px;color:var(--ink-faint);line-height:1.25}.fcard.got{border-color:#6d5a36;background:linear-gradient(#262217,#1c1a14)}.fcard.got .ic{border-color:#d9b24a;background:radial-gradient(circle at 50% 35%,#4a3a1c,#1c1810 72%);box-shadow:0 0 8px #ffc86440}.fcard.got .ic svg{filter:none}.fcard.got .n{color:#fff3d6}.fcard.got .d{color:var(--ink-dim)}.mlist{display:flex;flex-direction:column;gap:4px;font-size:12.5px}.mrec{display:grid;grid-template-columns:74px 1fr 120px 70px 60px;gap:8px;align-items:center;padding:5px 8px;border-radius:5px;background:#1b1f22;border:1px solid #2f3336;color:var(--ink-dim)}.mrec .r{font:600 13px var(--serif)}.mrec .r.w{color:var(--good)}.mrec .r.l{color:#ffb0a0}.chron .empty{color:var(--ink-faint);font-style:italic;padding:6px 0}.lc-foot{display:flex;justify-content:center;margin-top:16px}.lc-credit{display:inline-flex;align-items:center;gap:7px;color:var(--ink-dim);font-size:12px;text-decoration:none}.lc-credit:hover,.lc-credit:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.lc-credit .lc-mark{display:block;height:18px;width:auto}