:root{--bg: #0b1220;--bg-2: #121b2e;--panel: rgba(12, 18, 32, .84);--panel-2: rgba(24, 34, 56, .9);--glass: linear-gradient(180deg, rgba(30, 42, 68, .88), rgba(12, 18, 32, .9));--line: rgba(216, 174, 82, .3);--line-soft: rgba(255, 255, 255, .09);--gold: #d8ae52;--gold-2: #f4d892;--gold-3: #8a6a2a;--gold-grad: linear-gradient(180deg, #f6dc98 0%, #d8ae52 55%, #b88a34 100%);--text: #eef2f8;--text-2: #c8d2e2;--muted: #9aa8bf;--good: #7ade82;--bad: #ff6a56;--warn: #f5aa45;--blue: #6aa8ff;--radius: 14px;--tap: 40px;--font-head: "Montserrat", "Roboto", system-ui, sans-serif;--font: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--nav-h: calc(var(--sab) + 62px);--shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35);--ease-out: cubic-bezier(.2, .9, .3, 1.1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(120% 80% at 50% 20%,#17233c,#05080f 70%);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0;margin:0 auto;max-width:min(100vw,520px);overflow:hidden;background:var(--bg);box-shadow:0 0 0 1px #d8ae521f,0 0 90px #000000b3}#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none;font-size:14px}#ui>*{pointer-events:auto}#ui>.toasts,#ui>.map-labels{pointer-events:none}.hidden{display:none!important}.ico{display:inline-flex;width:18px;height:18px;flex:none;vertical-align:middle}.ico svg{width:100%;height:100%}.muted{color:var(--muted)}.small{font-size:12px}.warn-text{color:var(--warn);font-size:13px;margin:6px 0;line-height:1.35}.good-text{color:var(--good)}button{font-family:var(--font)}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.btn{appearance:none;border:0;font:600 14px/1.1 var(--font);color:#1c1407;min-height:var(--tap);padding:10px 16px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease,filter .15s ease,opacity .15s;position:relative;letter-spacing:.01em}.btn:active{transform:translateY(1px) scale(.98)}.btn.primary{background:var(--gold-grad);box-shadow:inset 0 1px #fff9,inset 0 -2px #0000002e,0 4px 14px #d8ae5240}.btn.gold{background:linear-gradient(180deg,#ffe7a3,#e6b54c);box-shadow:inset 0 1px #fff9}.btn.danger{background:linear-gradient(180deg,#ff8a72,#d8402e 60%,#a82a1e);color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 14px #d8402e4d}.btn.ghost{background:#ffffff0f;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft)}.btn.ghost.danger{background:#ff645014;color:#ffa898;box-shadow:inset 0 0 0 1px #ff645052}.btn.small{min-height:36px;padding:8px 12px;font-size:12.5px;border-radius:10px}.btn.big{min-height:52px;padding:14px 22px;font-size:16px;border-radius:14px;min-width:240px}.btn.wide{width:100%;margin-top:10px}.btn.round{width:44px;height:44px;min-height:0;padding:0;border-radius:50%;font-size:22px}.btn.round.big{width:56px;height:56px;min-width:0}.btn.round.big .ico{width:24px;height:24px}.btn.disabled{filter:grayscale(.85) brightness(.72);opacity:.72}.btn small{font-weight:500;opacity:.75;font-size:11px}.icon-btn{appearance:none;background:#ffffff12;border:0;color:var(--text-2);width:var(--tap);height:var(--tap);border-radius:12px;display:grid;place-items:center;cursor:pointer;flex:none}.hud-top{position:absolute;top:0;left:0;right:0;padding:calc(var(--sat) + 6px) calc(var(--sar) + 8px) 4px calc(var(--sal) + 8px);display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,rgba(5,8,16,.86) 0%,rgba(5,8,16,.55) 72%,transparent 100%);pointer-events:none;z-index:3}.hud-top>*{pointer-events:auto}.hud-top.bare{background:none}.res-row{display:grid;grid-template-columns:repeat(var(--cols, 6),minmax(0,96px));justify-content:center;gap:4px}.res-pill{appearance:none;border:0;background:var(--glass);border-radius:11px;padding:0;height:var(--tap);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft),inset 0 1px #ffffff0f,0 2px 8px #0000004d;overflow:hidden;position:relative;cursor:pointer;min-width:0}.pill-inner{display:flex;align-items:center;justify-content:center;gap:3px;height:100%;padding:0 3px;position:relative;z-index:1}.res-pill .ico{width:17px;height:17px}.pill-val{font:700 13px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.pill-bar{position:absolute;left:4px;right:4px;bottom:3px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,var(--gold-3),var(--gold));transform-origin:left;transform:scaleX(0);transition:transform .4s}.res-pill.full{box-shadow:inset 0 0 0 1px #f5aa458c,0 2px 8px #0000004d}.res-pill.full .pill-bar{background:var(--warn)}.res-pill.full .pill-val{color:#ffd08a}.res-pill.warn{box-shadow:inset 0 0 0 1px #ff6450b3,0 0 14px #ff503c40;animation:pulse-bad 1.4s infinite}.res-pill.warn .pill-val{color:#ffb4a4}.res-pill.warn .pill-bar{background:var(--bad)}.ind-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:6px;max-width:420px;width:100%;margin:0 auto}.notice-btn{appearance:none;border:0;position:relative;width:calc(var(--tap) + 4px);height:calc(var(--tap) + 4px);border-radius:12px;background:var(--glass);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft),0 2px 8px #0000004d;display:grid;place-items:center;cursor:pointer}.notice-btn .ico{width:20px;height:20px}.notice-btn>.nav-badge{top:-5px;left:auto;right:-5px}.notice-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.notice{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:12px;background:#ffffff0b;box-shadow:inset 3px 0 0 var(--line-soft)}.notice.good{box-shadow:inset 3px 0 0 var(--good)}.notice.bad{box-shadow:inset 3px 0 0 var(--bad)}.notice.msg.warn{box-shadow:inset 3px 0 0 var(--gold)}.notice-ico{width:20px;height:20px;flex:none;margin-top:1px}.notice-body{min-width:0;flex:1;display:grid;gap:3px}.notice-text{font-size:13.5px;line-height:1.35}.notice-tag{margin-left:6px;padding:1px 6px;border-radius:6px;font:700 10.5px/1.5 var(--font);background:#d8ae522e;color:var(--gold-2)}.notice-empty{padding:14px 4px}.ind{appearance:none;border:0;position:relative;height:calc(var(--tap) + 4px);padding:0 10px 6px;border-radius:12px;background:var(--glass);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft),inset 0 1px #ffffff0f,0 2px 8px #0000004d;cursor:pointer;overflow:hidden;min-width:0}.ind-inner{display:flex;align-items:center;gap:6px;height:100%;min-width:0}.ind .ico{width:18px;height:18px;flex:none}.ind-label{font:600 11.5px/1 var(--font);color:var(--text-2);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ind-val{margin-left:auto;font:800 15px/1 var(--font);font-variant-numeric:tabular-nums}.ind-track{position:absolute;left:10px;right:10px;bottom:5px;height:4px;border-radius:3px;background:#ffffff14;overflow:hidden}.ind-bar{display:block;height:100%;transform-origin:left;transform:scaleX(0);transition:transform .5s;border-radius:3px}.ind.morale .ind-bar{background:linear-gradient(90deg,#b8443a,#f07a62)}.ind.welfare .ind-bar{background:linear-gradient(90deg,var(--gold-3),var(--gold))}.ind.warn{box-shadow:inset 0 0 0 1px #ff645099,0 2px 8px #0000004d}.ind.warn .ind-val{color:#ffb4a4}.res-row.minor{gap:3px;opacity:.78}.res-row.minor .res-pill{height:24px;border-radius:8px;background:#0a0e1880;box-shadow:inset 0 0 0 1px #ffffff0f}.res-row.minor .res-pill .ico{width:13px;height:13px}.res-row.minor .pill-val{font:600 11px/1 var(--font);color:var(--text-2)}.res-row.minor .pill-bar{height:1.5px;bottom:2px;opacity:.7}.status-row{display:flex;gap:5px;align-items:center;justify-content:center}.st{appearance:none;border:0;flex:1 1 0;min-width:0;max-width:128px;background:var(--glass);color:var(--text);border-radius:11px;height:var(--tap);padding:0 6px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--line-soft);cursor:pointer}.st-inner{display:flex;align-items:center;gap:5px;min-width:0}.st .ico{width:16px;height:16px}.st-val{font:700 13px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}.st.warn,.st.full{box-shadow:inset 0 0 0 1px #ff645099}.st.full .st-val{color:#ffd08a}.st.warn .st-val{color:#ffb4a4}.st.cold .st-val{color:#9fd3ff}.st.storm{box-shadow:inset 0 0 0 1px #9fd3ff8c,0 0 12px #78b4ff40}.st.thaw{box-shadow:inset 0 0 0 1px #7ade8280}.st-weather{font:700 10px/1 var(--font);color:var(--text-2);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.st-weather:empty{display:none}.st.thaw .st-weather{color:var(--good)}.st.storm .st-weather{color:#9fd3ff}.speeds{display:flex;gap:3px;background:var(--glass);border-radius:12px;padding:2px;box-shadow:inset 0 0 0 1px var(--line-soft);flex:none}.speed-btn{appearance:none;border:0;background:transparent;color:var(--text-2);width:38px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.speed-btn .ico{width:15px;height:15px}.speed-x{font:800 13px/1 var(--font-head);letter-spacing:.02em}.speed-btn.active{background:var(--gold-grad);color:#1c1407}.speed-cycle.fast{color:var(--gold-2)}.hud-meta{display:flex;align-items:center;gap:8px;padding:1px 2px 0;font:600 11px/1 var(--font);color:#d6deece6;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.03em;pointer-events:none}.hud-meta .clock{margin-left:auto}.era-chip{appearance:none;border:0;pointer-events:auto;cursor:pointer;min-height:30px;padding:0 10px 0 7px;border-radius:999px;background:linear-gradient(180deg,#3c2c10e6,#1a140ae6);box-shadow:inset 0 0 0 1px var(--line);color:var(--gold-2);font:700 11px/1 var(--font-head);letter-spacing:.02em;white-space:nowrap;min-width:0;overflow:hidden;text-shadow:none}.era-inner{display:inline-flex;align-items:center;gap:2px}.era-chip .ico{width:14px;height:14px;margin-right:3px}.era-region{color:#f4d892a6;font-weight:600}.era-chip.ready{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 14px #d8ae5280;animation:glow-gold 1.6s ease-in-out infinite}.era-chip.ready:after{content:"!";display:inline-grid;place-items:center;width:15px;height:15px;margin-left:6px;border-radius:50%;background:var(--gold-grad);color:#1c1407;font:900 10px/1 var(--font)}.hud-meta .ico{width:13px;height:13px;margin-right:4px}.hud-meta .clock,.hud-meta .honor{display:inline-flex;align-items:center;white-space:nowrap}.honor-val{margin-left:4px;font-variant-numeric:tabular-nums}.hud-meta .clock .st-val{font:700 11.5px/1 var(--font)}.hud-meta .sep{margin:0 6px;opacity:.5}.hud-meta .honor{color:var(--gold-2)}.raid-alert{background:linear-gradient(90deg,#b41e14f0,#78140ef0);color:#ffe6e0;font:600 13px/1.25 var(--font);padding:9px 12px;border-radius:11px;text-align:center;box-shadow:0 0 0 1px #ff786480,0 0 24px #ff3c2859;animation:pulse-bad 1.2s infinite}.quest{position:absolute;left:calc(var(--sal) + 8px);top:calc(var(--hud-h, calc(var(--sat) + 112px)) + 4px);width:min(72%,284px);display:flex;flex-direction:column;background:linear-gradient(135deg,#2e220ceb,#120e08e6);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden;z-index:2;transition:width .25s var(--ease-out)}.quest.fresh{animation:quest-in .6s var(--ease-out)}.q-head{display:flex;gap:8px;align-items:flex-start;padding:9px 10px 8px;cursor:pointer;min-height:var(--tap)}.q-crest{width:22px;height:22px;margin-top:1px;filter:drop-shadow(0 0 6px rgba(242,193,78,.45))}.q-text{min-width:0}.q-kicker{font:700 9.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:#f4d892a6;margin-bottom:3px}.q-title{font:700 13px/1.2 var(--font-head);color:var(--gold-2);letter-spacing:.02em}.q-desc{font-size:12px;color:#e2d8c2;margin-top:3px;line-height:1.32}.q-reward{font-size:11px;color:#e2d8c2b3;margin-top:3px}.q-reward:empty{display:none}.q-go{appearance:none;border:0;border-top:1px solid rgba(216,174,82,.22);background:linear-gradient(180deg,#d8ae5233,#d8ae5214);color:var(--gold-2);font:700 12.5px/1 var(--font);min-height:var(--tap);padding:0 12px;display:flex;align-items:center;cursor:pointer;text-align:left}.q-go>span{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.q-arrow{font-size:20px;line-height:1;animation:nudge 1.6s ease-in-out infinite}.q-head{padding-right:44px}.q-all{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:10px;display:grid;place-items:center;background:#d8ae5224;color:var(--gold-2);box-shadow:inset 0 0 0 1px #d8ae5259;cursor:pointer}.q-all .ico{width:18px;height:18px}.q-all:active{transform:scale(.94)}.q-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font:800 11px/18px var(--font);color:#1c1407;background:var(--gold-grad);box-shadow:0 0 8px #f2c14e8c}.q-badge.hidden{display:none}.quest.collapsed{width:48px}.quest.collapsed .q-text,.quest.collapsed .q-go,.quest.collapsed .q-all{display:none}.quest.collapsed .q-head{justify-content:center;padding:10px 0}.nav-bottom{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(var(--nav-cols, 5),1fr);gap:2px;padding:6px calc(var(--sar) + 6px) calc(var(--sab) + 6px) calc(var(--sal) + 6px);background:linear-gradient(180deg,#101828eb,#060a12fa);border-top:1px solid var(--line);box-shadow:0 -8px 24px #00000059;z-index:3}.nav-btn{appearance:none;border:0;background:transparent;color:var(--text);display:flex;justify-content:center;cursor:pointer;padding:4px 0 3px;min-height:50px;border-radius:12px;position:relative;transition:background .2s}.nav-btn>span{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.nav-btn .ico{width:28px;height:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:transform .15s}.nav-btn:active .ico{transform:scale(.9)}.nav-btn.active{background:#d8ae521a}.nav-btn.active .nav-label{color:var(--gold-2)}.nav-label{font:700 10px/1 var(--font);letter-spacing:.06em;color:#cdd6e6;text-transform:uppercase}.nav-btn.hint:before{content:"";position:absolute;left:50%;top:2px;width:46px;height:46px;margin-left:-23px;border-radius:50%;background:radial-gradient(circle,#f4d89252,#f4d89200 70%);box-shadow:0 0 0 1.5px #f4d89299;animation:hint-pulse 1.8s ease-in-out infinite;pointer-events:none}.nav-btn.hint .nav-label{color:var(--gold-2)}.nav-btn>.nav-badge,.notice-btn>.nav-badge{position:absolute;display:block;top:1px;left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(180deg,#ff8a72,#d8402e);color:#fff;font:800 11px/18px var(--font);text-align:center;box-shadow:0 0 0 2px #0b1220,0 0 10px #ff5a3c99;animation:pop-in .3s var(--ease-out)}.no-nav{--nav-h: var(--sab)}.corner-menu{position:absolute;top:calc(var(--hud-h, var(--sat)) + 8px);right:calc(var(--sar) + 10px);width:44px;height:44px;border:0;border-radius:14px;display:grid;place-items:center;cursor:pointer;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);z-index:3}.corner-menu .ico{width:22px;height:22px}.in-menu .corner-menu,[data-scene=battle] .corner-menu{display:none}.reveal-in{animation:reveal-in 1.4s var(--ease-out) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(-8px) scale(.92)}30%{opacity:1;transform:none;box-shadow:0 0 0 2px #f4d892e6,0 0 26px #d8ae52b3}to{opacity:1;transform:none}}.nav-bottom.reveal-in{animation-name:reveal-up}@keyframes reveal-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.exp-tray{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + 6px);display:flex;gap:6px;padding:0 calc(var(--sar) + 8px) 0 calc(var(--sal) + 8px);overflow-x:auto;scrollbar-width:none;touch-action:pan-x;z-index:2;pointer-events:none}.exp-tray::-webkit-scrollbar{display:none}.et-chip{appearance:none;border:0;flex:none;max-width:78%;min-height:44px;padding:6px 12px 9px 10px;border-radius:13px;background:var(--glass);color:var(--text);box-shadow:inset 0 0 0 1px #6aa8ff66,var(--shadow);position:relative;overflow:hidden;cursor:pointer;text-align:left;pointer-events:auto;animation:toast-in .3s var(--ease-out)}.et-inner{display:flex;align-items:center;gap:8px}.et-chip .ico{width:20px;height:20px}.et-text{display:flex;flex-direction:column;gap:2px;min-width:0}.et-text b{font:700 12px/1.1 var(--font-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-label{font-size:11.5px;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.et-bar{position:absolute;left:10px;right:10px;bottom:4px;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}.et-fill{position:absolute;inset:0;background:linear-gradient(90deg,#2a4a8a,var(--blue));transform-origin:left;transform:scaleX(0);transition:transform .3s linear}.et-chip.ready{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 18px #d8ae5259,var(--shadow);animation:glow-gold 1.6s ease-in-out infinite}.et-chip.ready .et-label{color:var(--gold-2);font-weight:700}.et-chip.ready .et-fill{background:var(--gold-grad)}.et-chip.back .et-fill{background:linear-gradient(90deg,#3a6a3a,var(--good))}.et-chip.scout{box-shadow:inset 0 0 0 1px #cfe4ff59,var(--shadow)}.placing .exp-tray,.in-menu .exp-tray,[data-scene=battle] .exp-tray{display:none}.map-labels{position:absolute;inset:0;overflow:hidden;display:none;z-index:1}[data-scene=world] .map-labels{display:block}.in-menu .map-labels{display:none}.ml{position:absolute;left:0;top:0;width:0;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}.ml-name{white-space:nowrap;font:700 11px/1.15 var(--font-head);color:#fff;letter-spacing:.02em;padding:2px 7px 3px;border-radius:7px;background:#060a12bd;box-shadow:inset 0 0 0 1px #ffffff1a;text-shadow:0 1px 2px #000}.ml-name:empty,.ml-info:empty{display:none}.ml-info{white-space:nowrap;font:600 10px/1.2 var(--font);color:var(--text-2);text-shadow:0 1px 2px #000,0 0 4px #000;display:none}.map-labels.detail .ml-info,.ml.sel .ml-info,.ml[class*=exp-] .ml-info,.ml.fog .ml-info{display:block}.ml.hostile .ml-name{box-shadow:inset 0 0 0 1px #e0584a8c}.ml.cleared .ml-name{box-shadow:inset 0 0 0 1px #6ad26a8c;color:#d8f5d8}.ml.cleared .ml-info{color:#a8eab0}.ml.home .ml-name{box-shadow:inset 0 0 0 1px #6aa8ffa6;color:#dbe9ff}.ml.lord .ml-name{box-shadow:inset 0 0 0 1px #b08ae8b3;color:#eadcff}.ml-castle.hostile .ml-name{background:#3c0a08d9;box-shadow:inset 0 0 0 1px #ff4632bf;color:#ffd8d0}.ml.sel .ml-name{background:#d8ae52eb;color:#1c1407;text-shadow:none}.ml.exp-ready .ml-info{color:var(--gold-2);font-weight:700}#ui>.battle-debug{position:absolute;inset:0;pointer-events:none;z-index:3}.bd-labels{position:absolute;inset:0;overflow:hidden}.bd-label{position:absolute;left:0;top:0;width:0;display:flex;flex-direction:column;align-items:center;will-change:transform}.bd-label>span{white-space:nowrap;transform:translateY(-100%);font:600 9px/1.2 var(--font);color:#fff;text-shadow:0 1px 2px #000}.bd-name{padding:0 4px;border-radius:4px;background:#060a12b8}.bd-label.t0 .bd-name{box-shadow:inset 0 0 0 1px #6aa8ffb3}.bd-label.t1 .bd-name{box-shadow:inset 0 0 0 1px #ff6a56b3}.bd-state{color:#ffe9b0;font-size:8.5px}.bd-label.sel .bd-name{background:#d8ae52eb;color:#1c1407;text-shadow:none}.bd-panel{position:absolute;left:8px;right:8px;bottom:calc(var(--sab) + 128px);pointer-events:auto;padding:6px 10px 8px;border-radius:12px;background:#080c16db;box-shadow:inset 0 0 0 1px var(--line-soft),var(--shadow);font-size:10.5px}.bd-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.bd-rows>.bd-title,.bd-rows>.muted{grid-column:1 / -1}.bd-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px}.bd-fold{appearance:none;border:0;background:none;padding:0;width:100%;color:inherit;text-align:left;cursor:pointer}.bd-panel.min .bd-rows,.bd-panel.min .bd-ctl{display:none}.bd-panel.min .bd-head{margin-bottom:0}.bd-time{color:var(--muted);font-size:10px}.bd-title{font-weight:700;margin:2px 0 4px}.bd-title.t0{color:#9cc6ff}.bd-title.t1{color:#ffa293}.bd-row{display:flex;justify-content:space-between;gap:8px;line-height:1.45}.bd-row>span{color:var(--muted)}.bd-row>b{font-weight:600;text-align:right}.bd-ctl{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.bd-ctl .btn.on{box-shadow:inset 0 0 0 1px var(--gold)}.rt-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin:4px 0 10px}.rt-slot{position:relative;aspect-ratio:1;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line)}.rt-slot .glyph{width:34px;height:30px}.rt-slot.empty{background:none;box-shadow:inset 0 0 0 1px #ffffff1f;border:1px dashed rgba(255,255,255,.14)}.rt-slot.hurt .glyph{opacity:.45;filter:grayscale(.6)}.rt-heal{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:700 9px/1 var(--font);color:#ffb3a6;text-shadow:0 1px 2px #000}.rt-price{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px}.rt-ctl{display:flex;align-items:center;gap:6px}.sb-list{display:grid;gap:4px;margin:8px 0}.sb-row{display:grid;grid-template-columns:34px 1fr auto 26px auto;align-items:center;gap:6px;padding:2px 6px;border-radius:10px;background:#ffffff08}.sb-row.on{background:#d8ae521f;box-shadow:inset 0 0 0 1px var(--line)}.sb-row .glyph{width:34px;height:30px}.sb-name{font-size:13px}.sb-n{text-align:center}.sb-opts{display:flex;flex-wrap:wrap;gap:6px}.sb-step{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:10px;background:#ffffff0a}.sb-step>span{color:var(--muted);font-size:12px}#ui>.ring-menu{position:absolute;left:0;top:0;width:0;height:0;z-index:2;pointer-events:none;will-change:transform}.rm-row,.rm-prog{position:absolute;left:0;top:10px;transform:translate(-50%);display:flex;pointer-events:auto}.rm-row{gap:16px;align-items:flex-start}.rm-btn{appearance:none;border:0;background:none;padding:0;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;animation:rm-in .32s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms)}.rm-disc{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#3b4c6c,#17223a 62%,#0c121f);box-shadow:inset 0 0 0 2px #ffe08ae6,inset 0 -6px 10px #00000073,0 6px 14px #0000008c,0 0 18px #ffd67838;transition:transform .12s}.rm-disc .ico{width:30px;height:30px;color:var(--gold-2);filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.rm-btn:active .rm-disc{transform:scale(.9)}.rm-cap{white-space:nowrap;font:700 11px/1.15 var(--font-head);letter-spacing:.02em;color:#fff;padding:2px 8px 3px;border-radius:8px;background:#060a12c7;box-shadow:inset 0 0 0 1px #ffe08a40;text-shadow:0 1px 2px #000}.rm-prog{flex-direction:column;align-items:center;gap:5px}.rm-disc.big{width:64px;height:64px;box-shadow:inset 0 -6px 10px #00000073,0 6px 14px #0000008c,0 0 22px #ffd6784d}#ui .rm-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rm-track{fill:none;stroke:#ffffff24;stroke-width:5}.rm-fill{fill:none;stroke:url(#rm-gold);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .12s linear;filter:drop-shadow(0 0 3px rgba(255,210,110,.75))}.rm-prog .rm-ico{position:relative;width:32px;height:32px;color:var(--gold-2)}#ui .rm-prog .rm-ico svg{width:100%;height:100%;vertical-align:top}.rm-prog.walk .rm-ring{animation:rm-spin 1.1s linear infinite}.rm-prog.walk .rm-fill{transition:none}.rm-prog.work .rm-ico{transform-origin:50% 62%;animation:rm-swing .42s ease-in-out infinite alternate}.rm-prog.done .rm-disc{animation:rm-pop .5s var(--ease-out);box-shadow:inset 0 0 0 2px #ffecaa,0 0 30px #ffd678b3}.rm-gain{position:absolute;left:50%;top:-6px;display:none;align-items:center;gap:3px;white-space:nowrap;font:800 15px/1 var(--font-head);color:#fff4c8;text-shadow:0 1px 3px #000,0 0 8px rgba(255,200,90,.8);transform:translate(-50%)}.rm-gain .ico{width:18px;height:18px}.rm-prog.done .rm-gain{display:flex;animation:rm-rise 1.1s ease-out forwards}@keyframes rm-in{0%{opacity:0;transform:translateY(-8px) scale(.6)}to{opacity:1;transform:none}}@keyframes rm-spin{to{transform:rotate(270deg)}}@keyframes rm-swing{0%{transform:rotate(-16deg)}to{transform:rotate(10deg)}}@keyframes rm-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes rm-rise{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-34px)}}[data-scene=world]>.ring-menu,[data-scene=battle]>.ring-menu,.in-menu>.ring-menu,.placing>.ring-menu{display:none}.place-bar{position:absolute;left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);bottom:calc(var(--nav-h) + 10px);display:flex;align-items:center;gap:10px;background:var(--glass);border-radius:18px;padding:10px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:4;animation:toast-in .25s var(--ease-out)}.pb-mid{flex:1;min-width:0;text-align:center}.pb-title{font:700 14px/1.2 var(--font-head);color:var(--gold-2)}.pb-reason{font-size:12px;color:var(--muted);margin-top:4px}.pb-reason.bad{color:var(--bad)}.pb-cost .cost{justify-content:center;margin-top:4px}.hidden-soft{visibility:hidden}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:66%;display:flex;flex-direction:column;background:linear-gradient(180deg,#182238fa,#0a0f1bfc);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #0000008c,inset 0 1px #ffffff12;border-top:1px solid var(--line);animation:sheet-in .28s var(--ease-out);z-index:5;padding-bottom:var(--sab)}.sheet:before{content:"";position:absolute;left:18%;right:18%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.8}.sheet.tall{max-height:calc(100% - var(--sat) - 56px)}.sheet-grip{width:42px;height:4px;border-radius:4px;background:#fff3;margin:8px auto 0;flex:none}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:6px 12px 10px 18px;border-bottom:1px solid var(--line-soft);flex:none;position:relative}.sheet-titles{flex:1;min-width:0}.sheet-actions{display:flex;gap:6px;flex:none}.sheet-actions:empty{display:none}.sheet-act.on{color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold-2),0 0 12px #f4d89240}.sheet-act .ico{width:20px;height:20px}.sheet-help{position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:3;padding:12px 14px;border-radius:14px;background:#10182afa;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);color:var(--text-2);font-size:13.5px;line-height:1.45;animation:toast-in .18s var(--ease-out)}.sheet-title{margin:4px 0 0;font:800 19px/1.15 var(--font-head);letter-spacing:.02em;background:linear-gradient(180deg,#fff3cf,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.sheet-sub{color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.3}.sheet-sub:empty{display:none}.sheet-body{overflow-y:auto;padding:12px 16px 20px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.sec{margin-top:16px}.sec:first-child{margin-top:4px}.sec-title{margin:0 0 8px;font:700 11.5px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px}.tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 16px 10px;margin:0 -16px 2px;scrollbar-width:none;touch-action:pan-x}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;border:0;flex:none;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffff0f;color:var(--text-2);font:600 12.5px/1 var(--font);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-soft);display:inline-flex;align-items:center}.tab>span{display:inline-flex;align-items:center;gap:6px}.tab.active{background:var(--gold-grad);color:#1c1407;box-shadow:none}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{appearance:none;border:0;text-align:left;background:linear-gradient(180deg,#ffffff12,#ffffff06);border-radius:14px;padding:10px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-soft);transition:transform .1s;position:relative}.card:active{transform:scale(.98)}.card-inner{display:flex;flex-direction:column;gap:6px}.card.locked{opacity:.55}.card.locked .glyph{filter:grayscale(.9)}.card.poor{box-shadow:inset 0 0 0 1px #ff6a5638}.card-title{font:700 13.5px/1.2 var(--font)}.card-meta{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.35}.card-lock{font-size:11.5px;color:var(--warn);margin-top:4px;line-height:1.3}.glyph{display:block;width:60px;height:48px}.glyph svg{width:100%;height:100%}.glyph.unit{width:48px;height:42px;flex:none}.glyph.sprite{width:64px;height:56px}.glyph.sprite img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.bp-head .glyph.sprite{width:84px;height:72px}.glyph.sprite.snowy{box-sizing:border-box;padding:5px 5px 3px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(140,165,205,.55) 0 1.1px,transparent 1.6px),radial-gradient(circle at 82% 14%,rgba(140,165,205,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 64% 30%,rgba(140,165,205,.35) 0 .9px,transparent 1.4px),radial-gradient(circle at 10% 46%,rgba(140,165,205,.3) 0 .9px,transparent 1.4px),radial-gradient(circle at 91% 42%,rgba(140,165,205,.4) 0 1px,transparent 1.5px),radial-gradient(ellipse 80% 42% at 50% 96%,#ffffff 0 55%,rgba(255,255,255,.6) 75%,transparent 100%),linear-gradient(180deg,#d5e0ef,#e8eef7 45%,#f7f9fd);box-shadow:inset 0 0 0 1px #ffffff80}.glyph.sprite.snowy img{filter:drop-shadow(0 2px 3px rgba(60,85,125,.35))}.card.locked .glyph.sprite img{filter:grayscale(.9) brightness(.8)}.cost{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center}.cost-item{display:inline-flex;align-items:center;gap:3px;font:700 12.5px/1 var(--font);font-variant-numeric:tabular-nums}.cost-item .ico{width:15px;height:15px}.cost-item.lack{color:var(--bad)}.bp-head{display:flex;gap:12px;align-items:center}.bp-head .glyph{width:72px;height:58px;flex:none}.bp-desc{margin:0;color:var(--text-2);font-size:13px;line-height:1.45}.bp-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.bp-actions .btn{flex:1}.sec>.btn{width:100%;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(98px,1fr));gap:6px;margin:8px 0}.stat{background:#ffffff0b;border-radius:11px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 0 1px var(--line-soft);min-width:0}.stat-label{font-size:11px;color:var(--muted)}.stat-value{font:700 14px/1.15 var(--font);font-variant-numeric:tabular-nums}.stat.good .stat-value{color:var(--good)}.stat.bad .stat-value{color:var(--bad)}.stat.warn .stat-value{color:var(--warn)}.status-line{font-size:12.5px;line-height:1.4;padding:9px 11px;border-radius:11px;background:#ffffff0b;margin:8px 0;color:var(--muted)}.status-line.good{color:var(--good);background:#72d67a17}.status-line.bad{color:#ffb4a4;background:#ff64501a}.status-line.warn{color:var(--gold-2);background:#d8ae521a}.gains{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.gain{font-size:11.5px;padding:5px 9px;border-radius:999px;background:#72d67a1a;color:#a8eab0}.flow{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#00000040;flex-wrap:wrap}.flow .cost-item,.flow span{display:inline-flex;align-items:center;gap:3px;font-weight:700}.flow-arrow{color:var(--gold);font-size:18px}.seg{display:flex;gap:4px;background:#00000047;padding:3px;border-radius:12px;margin:6px 0}.seg.wrap{flex-wrap:wrap}.seg-btn{appearance:none;border:0;flex:1;min-height:36px;padding:6px 8px;border-radius:9px;background:transparent;color:var(--text-2);font:600 12px/1.15 var(--font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.seg-btn.active{background:var(--gold-grad);color:#1c1407}.progress{position:relative;height:24px;border-radius:12px;background:#0000006b;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-soft);margin:8px 0}.progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8a6a2a,var(--gold),#ffe7a3);transition:width .25s linear}.progress.blue .progress-fill{background:linear-gradient(90deg,#2a4a8a,var(--blue),#b8d8ff)}.progress.green .progress-fill{background:linear-gradient(90deg,#2a5a2e,#5cb862,#b8f0bc)}.progress-label{position:absolute;inset:0;display:grid;place-items:center;font:700 11.5px/1 var(--font);text-shadow:0 1px 2px rgba(0,0,0,.9);padding:0 8px;white-space:nowrap;overflow:hidden}.train-list,.unit-list{display:flex;flex-direction:column;gap:6px}.train,.unit-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line-soft)}.train-text{flex:1;min-width:0}.train.locked{opacity:.6}.unit-row.empty{opacity:.62}.unit-row.lord{box-shadow:inset 0 0 0 1px var(--line);background:#d8ae520f}.unit-count{font:800 17px/1 var(--font-head);color:var(--gold-2);min-width:32px;text-align:right}.vet{color:var(--gold);font-size:11px}.queue{display:flex;gap:6px;margin:0 0 10px}.q-slot{position:relative;width:44px;height:44px;flex:none;border-radius:10px;overflow:hidden;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line-soft);display:grid;place-items:center}.q-slot.empty{background:none;box-shadow:none;border:1.5px dashed var(--line-soft)}.q-slot .glyph{position:relative;z-index:1;width:36px;height:32px}.q-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#4a8cff8c,#8cbeff40)}.forge{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0b;margin-bottom:6px}.market{display:flex;flex-direction:column;gap:6px}.mk-row{display:flex;align-items:center;gap:6px}.mk-name{flex:1;display:inline-flex;align-items:center;gap:4px;font-size:13px;min-width:0}.mk-name b{color:var(--muted);font-weight:600;margin-left:4px}.mk-trend{font:700 10.5px/1 var(--font);padding:3px 5px;border-radius:6px;margin-left:4px}.mk-trend.down{color:#ffb4a4;background:#ff64501f}.mk-trend.up{color:#ffd08a;background:#f5aa451f}.loot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.branch-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0 8px}.branch-tabs .tab{justify-content:center;border-radius:14px;min-height:48px;padding:6px 4px}.branch-tabs .tab>span{flex-direction:column;gap:3px}.branch-name{display:inline-flex;align-items:center;gap:4px}.branch-ico{font-size:12px}.branch-count{font-weight:600;opacity:.75;font-size:10.5px}.tech-track{list-style:none;margin:4px 0 0;padding:0;position:relative}.tech-track:before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#d8ae5280,#d8ae5214)}.tech{display:flex;gap:12px;position:relative;padding:6px 0}.tech-node{position:relative;z-index:1;flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 var(--font-head);color:var(--muted);background:#121b2e;box-shadow:inset 0 0 0 2px #ffffff24;margin-top:6px}.tech-body{flex:1;min-width:0;padding:10px 12px;border-radius:13px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line-soft);display:flex;flex-direction:column;gap:5px}.tech-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tech-tag{flex:none;font:700 9.5px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#ffffff12;color:var(--muted)}.tech-cost{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tech .btn{align-self:flex-start;margin-top:2px}.tech.done .tech-node{background:linear-gradient(180deg,#5cb862,#2a7a32);color:#fff;box-shadow:0 0 10px #72d67a59}.tech.done .tech-body{background:#72d67a0f;box-shadow:inset 0 0 0 1px #72d67a47}.tech-tag.done{background:#72d67a26;color:var(--good)}.tech.active .tech-node{background:linear-gradient(180deg,#8ac0ff,#3d6fd6);color:#fff;animation:hint-pulse 1.8s ease-in-out infinite}.tech.active .tech-body{box-shadow:inset 0 0 0 1px var(--blue),0 0 16px #6aa8ff2e}.tech-tag.active{background:#6aa8ff2e;color:#b8d8ff}.tech.available .tech-node{background:var(--gold-grad);color:#1c1407;box-shadow:0 0 12px #d8ae5259}.tech-tag.available{background:#d8ae522e;color:var(--gold-2)}.tech.locked .tech-body{opacity:.62}.army-hero{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#d8ae5224,#6aa8ff0f);box-shadow:inset 0 0 0 1px var(--line)}.army-power{display:flex;align-items:center;gap:10px}.army-power .ico{width:34px;height:34px}.army-power-val{font:900 28px/1 var(--font-head);color:var(--gold-2);letter-spacing:.02em}.bres-table{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.bres-row{display:grid;grid-template-columns:22px 1fr 72px 72px;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#ffffff0a;font-size:13px}.bres-row.head{background:none;padding-top:0;padding-bottom:2px;font-size:10.5px;color:var(--muted);letter-spacing:.04em}.bres-row>:nth-child(3),.bres-row>:nth-child(4){text-align:right}.bres-row b{font:700 14px/1 var(--font);font-variant-numeric:tabular-nums}.bres-row .ico{width:20px;height:20px}.bb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.bb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:12px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line-soft);text-align:center}.bb .glyph{width:50px;height:40px}.bb-name{font:600 11.5px/1.2 var(--font)}.bb-lock{font-size:10.5px;color:var(--warn);line-height:1.25}.bb.locked .glyph{filter:grayscale(1) brightness(.7)}.bb.locked .bb-name{color:var(--muted)}.poi-head{display:flex;flex-direction:column;gap:8px}.poi-level{display:flex;align-items:center;gap:10px}.pips{display:inline-flex;gap:4px}.pips i{width:16px;height:6px;border-radius:3px;background:#ffffff1f}.pips i.on{background:var(--gold-grad);box-shadow:0 0 6px #d8ae5266}.pips.cleared i.on{background:linear-gradient(180deg,#a8eab0,#4a9a50);box-shadow:none}.pc{padding:10px 12px;border-radius:13px;background:#00000047;box-shadow:inset 0 0 0 1px var(--line-soft)}.pc-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.pc-side{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pc-side b{font:800 16px/1 var(--font-head);color:var(--text)}.pc-side.ours b{color:#b8d8ff}.pc-side.theirs b{color:#ffb4a4}.pc-side .ico{width:16px;height:16px}.pc-verdict{font:800 11px/1.15 var(--font);letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:4px 8px;border-radius:999px}.pc-verdict.good{background:#72d67a26;color:var(--good)}.pc-verdict.warn{background:#f5aa4526;color:var(--warn)}.pc-verdict.bad{background:#ff645029;color:var(--bad)}.pc-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-top:9px;background:#ffffff0f}.pc-ours{display:block;background:linear-gradient(90deg,#2a4a8a,var(--blue))}.pc-theirs{display:block;flex:1;background:linear-gradient(90deg,#ff6a56,#8a2a1e)}.squad-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;background:#6aa8ff1a;box-shadow:inset 0 0 0 1px #6aa8ff40;color:#d8e6ff}.chip.lord{background:#d8ae5224;box-shadow:inset 0 0 0 1px var(--line);color:var(--gold-2);font-weight:700}.chip.muted{background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--muted)}.path-hero{border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),0 8px 24px #0006;line-height:0;margin-top:2px}.path-hero svg{width:100%;height:auto;display:block}.path-steps{list-style:none;margin:12px 0 4px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:relative}.path-steps:before{content:"";position:absolute;left:16%;right:16%;top:13px;height:2px;background:#ffffff1f}.path-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative}.ps-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--font-head);background:#121b2e;color:var(--muted);box-shadow:inset 0 0 0 2px #ffffff29}.ps-name{font:700 11.5px/1.2 var(--font);color:var(--muted)}.path-steps li.done .ps-dot{background:var(--gold-grad);color:#1c1407;box-shadow:none}.path-steps li.done .ps-name{color:var(--text-2)}.path-steps li.cur .ps-dot{background:#fff3cf;color:#1c1407;box-shadow:0 0 0 3px #d8ae5273,0 0 16px #d8ae5280}.path-steps li.cur .ps-name{color:var(--gold-2)}.era-card{margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#d8ae5221,#6aa8ff0d);box-shadow:inset 0 0 0 1px var(--line)}.era-card-kicker{font:700 9.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:#f4d892a6}.era-card-title{font:800 17px/1.2 var(--font-head);color:var(--gold-2);margin:4px 0 6px}.reqs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.reqs li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line-soft);font-size:13px}.req-mark{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:900 11px/1 var(--font);box-shadow:inset 0 0 0 2px #fff3}.req-label{flex:1;min-width:0;line-height:1.3}.req-prog{flex:none;font:700 12px/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.reqs li.done{background:#72d67a12;box-shadow:inset 0 0 0 1px #72d67a40}.reqs li.done .req-mark{background:linear-gradient(180deg,#7ade82,#2a7a32);color:#fff;box-shadow:none}.reqs li.done .req-prog{color:var(--good)}.path-go{min-height:50px;font-size:15.5px;letter-spacing:.04em}input,textarea{user-select:text;-webkit-user-select:text;touch-action:manipulation;font-family:var(--font)}.cloud-hero{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:linear-gradient(135deg,#6aa8ff1f,#d8ae5214);box-shadow:inset 0 0 0 1px #6aa8ff40;margin-bottom:12px}.cloud-ico{width:40px;height:40px;flex:none;filter:drop-shadow(0 0 10px rgba(106,168,255,.45))}.cloud-title{font:800 16px/1.2 var(--font-head);color:var(--gold-2);margin:2px 0 4px}.cloud-label{display:block;font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:4px 0 6px}.cloud-input{width:100%;height:50px;padding:0 14px;border-radius:12px;border:0;outline:0;background:#00000059;color:var(--text);font-size:16px;box-shadow:inset 0 0 0 1px var(--line-soft)}.cloud-input:focus,.code-box:focus{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #d8ae524d}.cloud-err{min-height:18px;margin:6px 2px 0;font-size:12.5px;color:#ffb4a4;line-height:1.35}.cloud-note{margin:8px 2px 0;text-align:center}.cloud-sent{margin-bottom:12px}.code-row{display:grid;grid-template-columns:repeat(6,minmax(0,52px));justify-content:center;gap:8px}.code-box{width:100%;height:58px;border:0;outline:0;border-radius:12px;text-align:center;font:800 24px/1 var(--font-head);color:var(--gold-2);background:#00000061;box-shadow:inset 0 0 0 1px var(--line-soft);caret-color:var(--gold)}.dev-code{appearance:none;border:0;display:block;margin:10px auto 0;padding:8px 12px;min-height:36px;border-radius:10px;background:#72d67a1a;color:#a8eab0;font:600 12.5px/1 var(--font);cursor:pointer;box-shadow:inset 0 0 0 1px #72d67a4d}.link-btn{appearance:none;border:0;background:none;padding:4px 2px;min-height:0;color:var(--gold-2);font:600 13px/1 var(--font);text-decoration:underline;cursor:pointer}.resend-row{display:flex;justify-content:center;margin-top:8px}.btn.busy{pointer-events:none;color:transparent!important}.btn.busy:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(28,20,7,.3);border-top-color:#1c1407;animation:spin .8s linear infinite}.btn.ghost.busy:after{border-color:#ffffff40;border-top-color:var(--text)}.cloud-btn{display:inline-flex;align-items:center;gap:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-btn .ico{width:20px;height:20px}.copy-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}.copy-card{padding:10px;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line-soft);text-align:left}.copy-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font:800 13px/1.2 var(--font-head);color:var(--gold-2);margin-bottom:6px}.copy-mark{font:800 9.5px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:999px;background:var(--gold-grad);color:#1c1407}.copy-sum{font-size:12.5px;line-height:1.35;color:var(--text-2);margin-bottom:4px}.cloud-offer{position:absolute;left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);bottom:calc(var(--nav-h) + 12px);display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(135deg,#1a2842f7,#0c1220f7);box-shadow:inset 0 0 0 1px #6aa8ff66,0 0 24px #6aa8ff33,var(--shadow);z-index:4}.co-ico{width:38px;height:38px;flex:none}.co-body{flex:1;min-width:0}.co-text{font:700 13.5px/1.3 var(--font-head);color:var(--text)}.co-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.co-actions .btn{min-width:96px}.in-menu .cloud-offer,[data-scene=battle] .cloud-offer,.placing .cloud-offer{display:none}@keyframes spin{to{transform:rotate(360deg)}}.res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.res-cell{display:flex;align-items:center;gap:6px;padding:8px 9px 10px;border-radius:11px;background:#ffffff0b;font-size:12.5px;position:relative;overflow:hidden}.res-cell b{font-variant-numeric:tabular-nums}.res-cell-bar{position:absolute;left:9px;right:9px;bottom:4px;height:2px;border-radius:2px;background:var(--gold);opacity:.7;transform-origin:left;transform:scaleX(0)}.res-cell.full{box-shadow:inset 0 0 0 1px #f5aa4573}.res-cell.full .res-cell-bar{background:var(--warn);opacity:1}.res-cell.empty{opacity:.6}.res-name{flex:1;color:var(--muted);min-width:0}.mood-meter{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-bottom:8px}.mood-meter i{display:block;height:100%;background:linear-gradient(90deg,#d8a032,#7ade82);transition:width .4s}.mood-meter.low i{background:linear-gradient(90deg,#a82a1e,#ff6a56)}.mood-meter.welfare i{background:linear-gradient(90deg,var(--gold-3),var(--gold))}.mood-meter.welfare.low i{background:linear-gradient(90deg,#7a5a2a,#c8962e)}.mood{display:flex;flex-direction:column;gap:3px}.mood-row{display:flex;justify-content:space-between;font-size:13px;padding:7px 10px;border-radius:9px;background:#ffffff09}.mood-row.pos b{color:var(--good)}.mood-row.neg b{color:var(--bad)}.menu-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.menu-list .btn{width:100%}.menu-list+.sec,.sec+.menu-list{margin-top:16px}.settings{display:flex;flex-direction:column;gap:8px}.set-item{appearance:none;border:0;width:100%;text-align:left;color:var(--text);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:12px;padding:10px 12px;min-height:48px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px}.set-item.static{cursor:default}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 14px/1.2 var(--font)}.set-row .seg{margin:0;flex:0 1 250px}.switch{width:46px;height:28px;border-radius:14px;background:#ffffff1f;position:relative;flex:none;transition:background .2s;box-shadow:inset 0 0 0 1px var(--line-soft)}.switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#cdd6e6;transition:transform .2s var(--ease-out);box-shadow:0 2px 4px #0006}.switch.on{background:var(--gold-grad)}.switch.on i{transform:translate(18px);background:#fff}.loop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:10px;border-radius:13px;background:linear-gradient(135deg,#d8ae5224,#6aa8ff0f);box-shadow:inset 0 0 0 1px var(--line);margin:2px 0 6px}.loop-step{font:700 12px/1 var(--font-head);color:var(--gold-2);padding:6px 9px;border-radius:999px;background:#0000004d}.loop-arrow{color:var(--gold)}.help-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.help-item:last-child{border-bottom:0}.help-ico{width:30px;height:30px;margin-top:2px}.help-title{margin:0 0 4px;font:700 14px/1.2 var(--font-head);color:var(--gold-2)}.modal{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#0a0e1a8c,#04060ce0);z-index:20;padding:calc(var(--sat) + 20px) 20px calc(var(--sab) + 20px);animation:fade-in .2s}.modal-card{width:100%;max-width:380px;max-height:100%;overflow-y:auto;background:linear-gradient(180deg,#1c2640,#0f1626);border-radius:20px;padding:22px 20px 18px;box-shadow:inset 0 0 0 1px var(--line),0 24px 60px #0009;animation:pop-in .28s cubic-bezier(.2,.9,.3,1.25);position:relative}.modal-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.modal-card.danger:before,.modal-card.defeat:before{background:linear-gradient(90deg,transparent,var(--bad),transparent)}.modal-card.victory{box-shadow:inset 0 0 0 1px #f2d48a99,0 0 60px #d8ae5240,0 24px 60px #0009}.modal-title{margin:0 0 10px;text-align:center;font:900 24px/1.1 var(--font-head);letter-spacing:.04em;background:linear-gradient(180deg,#fff3cf,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.modal-card.danger .modal-title,.modal-card.defeat .modal-title{background:linear-gradient(180deg,#ffd0c8,#ff6450);-webkit-background-clip:text;background-clip:text}.modal-text{margin:6px 0;text-align:center;line-height:1.45;color:#d4dcea}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions .btn{flex:1}.result{display:flex;flex-direction:column;gap:6px}.toasts{position:absolute;left:0;right:0;top:var(--toasts-top, calc(var(--sat) + 170px));display:flex;flex-direction:column;align-items:center;gap:6px;z-index:15;padding:0 16px;transition:top .25s}.toast{max-width:min(92%,400px);background:#0a101cf0;padding:9px 14px;border-radius:12px;font-size:13px;line-height:1.3;box-shadow:inset 0 0 0 1px var(--line-soft),var(--shadow);animation:toast-in .25s var(--ease-out);text-align:center;transition:opacity .4s,transform .4s}.toast.good{box-shadow:inset 0 0 0 1px #72d67a73,var(--shadow);color:#c8f2cc}.toast.bad{box-shadow:inset 0 0 0 1px #ff64508c,var(--shadow);color:#ffd0c8}.toast.warn{box-shadow:inset 0 0 0 1px #f2a33a80,var(--shadow);color:#ffe0b0}.toast.new{background:linear-gradient(135deg,#3c2c10f5,#141008f5);color:var(--gold-2);font-weight:700;box-shadow:inset 0 0 0 1px var(--gold),0 0 22px #d8ae5266,var(--shadow)}.toast.out{opacity:0;transform:translateY(-8px)}.main-menu{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:calc(var(--sat) + 24px) 24px calc(var(--sab) + 48px);text-align:center;background:radial-gradient(90% 60% at 50% 40%,#0a101e59,#04060ce6 75%),linear-gradient(180deg,#04060ca6,#04060c33 40%,#04060ceb);animation:fade-in .6s;overflow-y:auto}.mm-crest{width:auto;height:140px;margin-bottom:2px;filter:drop-shadow(0 0 22px rgba(216,174,82,.45));animation:crest-in .9s var(--ease-out)}.mm-title{font:900 44px/1 var(--font-head);letter-spacing:.12em;margin:0 0 0 .12em;background:linear-gradient(180deg,#fff6dc,#f4d892 40%,#b88a34);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(216,174,82,.35))}.mm-sub{font:700 14px/1 var(--font-head);letter-spacing:.42em;color:var(--text-2);text-transform:uppercase;margin-left:.42em}.mm-lore{max-width:340px;color:#a8b4c8;font-size:13.5px;line-height:1.5;margin:16px 0 8px}.mm-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:6px;width:100%;max-width:300px}.mm-buttons>.btn{width:100%}.btn>.mm-cont{flex-direction:column;gap:4px}.mm-save{font:500 11.5px/1 var(--font);opacity:.75}.mm-save:empty{display:none}.mm-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mm-row .btn{font-size:13px;padding:8px 10px}.mm-foot{position:absolute;bottom:calc(var(--sab) + 14px);left:0;right:0;font-size:11px;color:#c8d2e280;letter-spacing:.08em}.in-menu .hud-top,.in-menu .nav-bottom,.in-menu .quest,.in-menu .place-bar{display:none}.in-menu .sheet{z-index:35}.in-menu .modal{z-index:40}[data-scene=battle] .hud-top,[data-scene=battle] .nav-bottom,[data-scene=battle] .quest,[data-scene=battle] .place-bar:not(.battle){display:none}[data-scene=world] .quest{display:none}#rotate{display:none;position:fixed;inset:0;z-index:100;background:var(--bg);color:var(--text);flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:var(--font-head)}.rotate-icon{width:54px;height:90px;border:3px solid var(--gold);border-radius:12px;animation:rotate-hint 2s infinite}@media (orientation: landscape) and (max-height: 520px) and (pointer: coarse){#rotate{display:flex}}.fatal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:var(--bg);color:var(--text);font-family:var(--font);z-index:200}.fatal h1{font-family:var(--font-head);color:var(--gold)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{transform:translateY(-10px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes quest-in{0%{transform:translate(-12px);opacity:0}60%{box-shadow:inset 0 0 0 1px var(--gold),0 0 26px #d8ae5280}to{transform:none;opacity:1}}@keyframes crest-in{0%{transform:translateY(8px) scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes pulse-bad{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes hint-pulse{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes glow-gold{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes rotate-hint{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@media (min-width: 400px){.pill-val{font-size:14px}.res-pill .ico{width:18px;height:18px}}@media (max-width: 380px){.era-region{display:none}}@media (max-width: 370px){.pill-val{font-size:12px}.res-pill .ico{width:14px;height:14px}.pill-inner{gap:2px;padding:0 2px}.st .ico{width:14px;height:14px}.st{padding:0 4px}.speed-btn{width:36px}.nav-label{font-size:9.5px;letter-spacing:.04em}.mm-title{font-size:38px}}@media (max-height: 680px){.mm-lore{display:none}.mm-crest{height:104px}.sheet{max-height:72%}.q-reward{display:none}}[data-gfx=low] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-gfx=low] .res-pill.warn,[data-gfx=low] .raid-alert,[data-gfx=low] .et-chip.ready{animation:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#ui svg{width:18px;height:18px;flex:none;vertical-align:-3px}#ui .ico svg,#ui .glyph svg{width:100%;height:100%;vertical-align:top}#ui .path-hero svg{width:100%;height:auto}.btn>span{display:inline-flex;align-items:center;gap:6px}.mg-open .tut-layer,.mg-open .story-skip{visibility:hidden}.mg{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;gap:8px;padding:calc(var(--sat) + 10px) calc(var(--sar) + 12px) calc(var(--sab) + 10px) calc(var(--sal) + 12px);background:radial-gradient(circle at 50% 30%,#1e2a46fa,#050810fc);animation:fade-in .2s;touch-action:none;user-select:none;-webkit-user-select:none}.mg-head{display:flex;align-items:flex-start;gap:10px}.mg-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mg-title b{font:800 16px/1.15 var(--font);color:var(--gold)}.mg-title small{font:500 12px/1.3 var(--font);color:var(--text-2)}.mg-progress{position:relative;height:22px;border-radius:11px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-soft)}.mg-fill{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--gold-3),var(--gold));transition:transform .2s}.mg-progress-t{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:3px;height:100%;font:700 12px/1 var(--font);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.mg-play{flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start;gap:10px}.mg-board{border-radius:8px;box-shadow:0 0 0 1px #ffdca02e,0 10px 30px #00000080;touch-action:none}.mg-side{width:72px;display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--text);font:700 14px/1 var(--font);font-variant-numeric:tabular-nums}.mg-side small{margin-top:6px;font:600 10.5px/1 var(--font);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.mg-next{width:64px;height:64px;border-radius:8px;background:#080c16cc;box-shadow:inset 0 0 0 1px var(--line-soft)}.mg-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mg-btn{appearance:none;border:0;height:56px;border-radius:14px;background:var(--glass);color:var(--text);font:700 22px/1 var(--font);box-shadow:inset 0 0 0 1px var(--line-soft),0 3px 10px #00000059;touch-action:none;cursor:pointer}.mg-btn:active{background:#f2c14e40}.mg-banner{position:absolute;left:16px;right:16px;top:38%;padding:18px;border-radius:18px;text-align:center;background:#0e1422f7;box-shadow:0 0 0 1px #f2c14e59,0 16px 40px #0009}.mg-banner p{margin:0 0 12px;font:700 16px/1.3 var(--font);color:var(--text)}.mg-actions{display:flex;gap:8px;justify-content:center}.shop-balance{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);background:linear-gradient(135deg,#7fd8ff24,#d8ae5214);box-shadow:inset 0 0 0 1px #7fd8ff47;margin-bottom:12px}.shop-balance .ico{width:30px;height:30px}.shop-balance b{font-family:var(--font-head);font-size:22px;color:var(--text)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.shop-pack{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:120px;padding:12px 8px;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer}.shop-pack .ico{width:38px;height:38px}.shop-pack .amt{font-family:var(--font-head);font-size:17px;font-weight:700}.shop-pack .price{margin-top:auto;min-width:72px;padding:6px 10px;border-radius:10px;background:var(--gold-grad);color:#1a1408;font-weight:700;font-size:13px}.shop-pack:disabled{cursor:default;opacity:.55}.shop-pack.busy .price{background:#ffffff1f;color:var(--muted)}.battle-top{--bt-x: calc(env(safe-area-inset-left, 0px) + 8px) ;--bt-xr: calc(env(safe-area-inset-right, 0px) + 8px) ;position:absolute;top:0;left:0;right:0;padding:calc(var(--sat) + 8px) var(--bt-xr) 10px var(--bt-x);display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,rgba(20,8,6,.86),rgba(20,8,6,.5) 72%,transparent)}#ui>.battle-top{pointer-events:none}.battle-top>.bt-head,.battle-top>.bt-res,.battle-top>.bt-status{pointer-events:auto}.bt-head{display:grid;grid-template-columns:minmax(0,1fr) auto 40px 40px;gap:6px;align-items:center}.bt-left{min-width:0}.bt-title{font:700 15px/1.15 var(--font-head);color:var(--gold-2);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-obj{font-size:11.5px;color:#d8c8c0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-clock{text-align:right;padding-right:2px}.bt-timer{font:700 16px/1 var(--font);font-variant-numeric:tabular-nums}.bt-counts{font:600 12px/1 var(--font);color:var(--muted);margin-top:4px;white-space:nowrap}.bt-icon-btn{appearance:none;border:0;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft);font:700 13px/1 var(--font);cursor:pointer}.bt-icon-btn .ico{width:18px;height:18px}.bt-icon-btn.on{box-shadow:inset 0 0 0 1px var(--gold-2),0 0 12px #f4d89240;color:var(--gold-2)}.bt-icon-btn:active,.bt-card:active,.bt-chip:active,.bt-rail-btn:active,.bt-ctl:active,.grp:active{transform:scale(.96)}.bt-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bt-pill{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;height:30px;border-radius:9px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-soft);min-width:0}.bt-pill .ico{width:15px;height:15px;flex:none}.bt-pill .pill-val{font-size:12px}.bt-pill.low{box-shadow:inset 0 0 0 1px #ff6450b3}.bt-pill.low .pill-val{color:#ff9a8a}.bt-float{position:absolute;left:50%;top:100%;transform:translate(-50%);font:800 11.5px/1 var(--font);font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}.bt-float.up{color:#9df09d}.bt-float.down{color:#ff8a7a}.bt-float.go{animation:bt-float 1.1s ease-out forwards}@keyframes bt-float{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%,-4px)}to{opacity:0;transform:translate(-50%,6px)}}.bt-status{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.3fr);gap:6px}.bt-card,.bt-chip{appearance:none;border:0;height:40px;border-radius:11px;padding:0 8px;display:flex;align-items:center;gap:6px;min-width:0;background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft);cursor:pointer;text-align:left}.bt-card-ico{width:22px;height:22px;flex:none}.bt-card-ico svg,.bt-chip-ico svg{width:100%;height:100%;display:block}.bt-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.bt-card-line{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.bt-card-name{font:600 10.5px/1 var(--font);color:var(--muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-card-val{font:700 12px/1 var(--font);font-variant-numeric:tabular-nums}.bt-meter{display:block;height:5px;border-radius:3px;background:#00000080;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.bt-meter-fill{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#3f9a4a,#7ed87e);transition:width .25s ease}.bt-card.lord .bt-card-val{color:var(--gold-2)}.bt-card.hurt .bt-meter-fill{background:linear-gradient(90deg,#b8742a,#f2c14e)}.bt-card.dying .bt-meter-fill{background:linear-gradient(90deg,#a82a1e,#ff6450)}.bt-card.dying{animation:bt-pulse 1s infinite}.bt-chip-ico{width:20px;height:20px;flex:none}.bt-chip-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bt-chip-text{font:700 11.5px/1.05 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-chip-sub{font:500 10.5px/1 var(--font);color:#e8ecf4b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.bt-chip.wave{box-shadow:inset 0 0 0 1px #f2a33a8c}.bt-chip.wave .bt-chip-text{color:#ffd08a}.bt-chip.urgent{background:linear-gradient(90deg,#963c0eeb,#6e1e0eeb);box-shadow:inset 0 0 0 1px #ff965a99}.bt-chip.alert{background:linear-gradient(90deg,#be2216f2,#80140ef2);box-shadow:inset 0 0 0 1px #ff8c78b3,0 0 18px #ff3c2866;animation:bt-pulse 1s infinite}.bt-chip.alert .bt-chip-sub{color:#ffe0d8}@keyframes bt-pulse{50%{filter:brightness(1.3)}}.bt-rail{position:absolute;z-index:2;top:calc(100% + 4px);right:var(--bt-xr);display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.bt-rail>*{pointer-events:auto}.bt-minimap-wrap{padding:3px;border-radius:11px;background:#080c16d1;box-shadow:inset 0 0 0 1px var(--line-soft),0 4px 14px #00000059}.bt-minimap{display:block;border-radius:8px;touch-action:none;cursor:crosshair}.bt-rail-btn{appearance:none;border:0;position:relative;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft),0 3px 10px #0000004d;cursor:pointer}.bt-rail-btn .ico{width:22px;height:22px}.bt-rail-btn.on{box-shadow:inset 0 0 0 1.5px var(--blue),0 0 14px #6aa8ff59}.bt-rail-btn.alert.hot{animation:bt-pulse .8s infinite;box-shadow:inset 0 0 0 1.5px #ff6450,0 0 16px #ff463273}.bt-banner{position:fixed;z-index:4;left:50%;top:40%;transform:translate(-50%,-50%);width:min(92vw,380px);text-align:center;pointer-events:none;animation:bt-banner-in .6s cubic-bezier(.2,.9,.3,1.1)}.bt-banner-title{font:900 clamp(28px,9.5vw,38px)/1.05 var(--font-head);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#fff3cf,#d8ae52);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8))}.bt-banner-sub{margin-top:8px;font:600 13.5px/1.3 var(--font);color:#f0e6d8;text-shadow:0 1px 4px rgba(0,0,0,.9)}.bt-banner.intro .bt-banner-title{font-size:clamp(18px,5.6vw,24px);letter-spacing:.05em}.bt-banner.intro{top:62%;padding:14px 16px;border-radius:16px;background:radial-gradient(closest-side,rgba(10,8,6,.6),transparent)}.bt-banner.lose .bt-banner-title{background:linear-gradient(180deg,#ffd8d0,#c8382e);-webkit-background-clip:text;background-clip:text}@keyframes bt-banner-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.battle-bottom{position:absolute;left:0;right:0;bottom:0;padding:8px calc(env(safe-area-inset-right,0px) + 8px) calc(var(--sab) + 8px) calc(env(safe-area-inset-left,0px) + 8px);background:linear-gradient(180deg,#0e1524db,#080c16f7);border-top:1px solid rgba(255,100,80,.3);display:flex;flex-direction:column;gap:8px}.bt-groups{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;min-height:40px}.bt-groups::-webkit-scrollbar{display:none}.grp{appearance:none;border:0;flex:none;height:40px;padding:0 13px;border-radius:11px;background:#ffffff0f;color:var(--text);font:600 12.5px/1 var(--font);box-shadow:inset 0 0 0 1px var(--line-soft);cursor:pointer;white-space:nowrap}.grp b{margin-left:6px;color:var(--gold-2);font-variant-numeric:tabular-nums}.grp.lord{color:var(--gold-2)}.grp.active{background:linear-gradient(180deg,#6aa8ff59,#3d6fd659);box-shadow:inset 0 0 0 1px var(--blue)}.grp.incl{background:#6aa8ff29;box-shadow:inset 0 0 0 1px #6aa8ff66}.grp.part{box-shadow:inset 0 0 0 1px #6aa8ff8c;background:#6aa8ff1f}.grp-empty{align-self:center;font-size:12px;color:var(--muted);padding:0 4px}.grp{touch-action:none}.grp.swiping{background:linear-gradient(180deg,#6aa8ff59,#3d6fd659);box-shadow:inset 0 0 0 1px var(--blue),0 0 14px #6aa8ff73}.bt-controls{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,1fr)) minmax(0,.8fr) 44px;gap:6px}.bt-ctl{appearance:none;border:0;height:44px;min-width:0;padding:0 6px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#ffffff0f;color:var(--text);font:600 12.5px/1 var(--font);box-shadow:inset 0 0 0 1px var(--line-soft);cursor:pointer;white-space:nowrap;overflow:hidden}.bt-ctl .ico{width:18px;height:18px;flex:none}.bt-ctl.build.disabled{filter:grayscale(.85) brightness(.72);opacity:.72}.bt-ctl.build{color:#1c1407;background:linear-gradient(180deg,#f6dc98,#d8ae52 55%,#b88a34);box-shadow:inset 0 1px #fff9,inset 0 -2px #0000002e,0 4px 14px #d8ae5240;font-weight:700}.bt-ctl.mode{color:#ffc8a8;box-shadow:inset 0 0 0 1px #ff7a4a73;background:#ff7a4a1a}.bt-ctl.mode.march{color:#bfe4ff;box-shadow:inset 0 0 0 1px #8fd0ff73;background:#8fd0ff1a}.bt-ctl.auto.on{background:linear-gradient(180deg,#6aa8ff66,#3d6fd666);box-shadow:inset 0 0 0 1px var(--blue)}.bt-ctl.retreat{padding:0;background:#ff64501a;box-shadow:inset 0 0 0 1px #ff645059}.place-bar.battle{bottom:calc(var(--sab) + 12px)}.battle-top.ended .bt-head button,.battle-top.ended .bt-res,.battle-top.ended .bt-status,.battle-top.ended .bt-rail,.battle-bottom.ended{opacity:0;pointer-events:none!important;transition:opacity .5s ease}.bp-hp{display:block;margin-top:4px;font:600 12px/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.battle-struct .train .btn.round{flex:none}[data-scene=battle] .toasts{right:84px}@media (max-width: 400px){.bt-card-name{display:none}.bt-card-line{justify-content:flex-start}}@media (max-width: 370px){.bt-title{font-size:14px}.bt-ctl{font-size:12px;gap:4px}}#ui>.bt-stabs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bt-stab{appearance:none;border:0;position:absolute;left:-22px;top:-44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;pointer-events:auto;will-change:transform;background:radial-gradient(circle at 50% 40%,#402c60f2,#181026eb);box-shadow:inset 0 0 0 1.5px #c8a2ffd9,0 0 16px #c8a2ff80;animation:bt-stab-glow 1.4s ease-in-out infinite}.bt-stab .ico{width:32px;height:32px}.bt-stab:active{filter:brightness(1.25)}@keyframes bt-stab-glow{50%{box-shadow:inset 0 0 0 1.5px #c8a2ff,0 0 26px #c8a2ffcc}}.bt-arts{display:flex;justify-content:center;gap:10px;padding:0 10px 6px;pointer-events:auto}.bt-arts.hidden{display:none}.bt-art{width:50px;height:50px;border:0;padding:0;border-radius:50%;cursor:pointer;background:#0c1220db;box-shadow:inset 0 0 0 1px #ffffff1f;color:var(--text)}.bt-art-in{position:relative;display:grid;place-items:center;width:100%;height:100%;font-size:22px}#ui .bt-art-ring{position:absolute;inset:0;width:50px;height:50px;pointer-events:none}.bt-art-ring circle{fill:none;stroke-width:3}.bt-art-ring .bg{stroke:#ffffff14}.bt-art-ring .fill{stroke:#6aa8ffd9;stroke-linecap:round}.bt-art.ready{box-shadow:inset 0 0 0 2px var(--gold),0 0 16px #d8ae528c}.bt-art.ready .bt-art-ring .fill{stroke:var(--gold-2);filter:drop-shadow(0 0 4px #f4d892)}.bt-art.armed{box-shadow:inset 0 0 0 2px #ff7a4a,0 0 18px #ff7a4ab3}.bt-art.off{opacity:.4}.bt-art-ico{position:relative;z-index:1;line-height:1}:root{--story-bar: 10vh;--story-gold: #f4d892;--story-ink: rgba(10, 8, 14, .94)}#ui[data-scene=prologue]>:not(.story-root):not(.story-interlude):not(.toasts):not(.modal),#ui[data-scene=hunt]>:not(.story-root):not(.toasts):not(.modal){display:none!important}#ui>.story-root{position:absolute;inset:0;pointer-events:none;z-index:20}.story-root>*{pointer-events:auto}.story-skip{position:absolute;z-index:45;top:calc(var(--sat) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);height:40px;padding:0 14px;border-radius:20px;border:0;background:#0a080e8c;color:#f0e6d6d9;font:600 12.5px/1 var(--font);letter-spacing:.06em;box-shadow:inset 0 0 0 1px #f4d89240;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.story-skip:active{transform:scale(.96)}.story-bar{position:absolute;left:0;right:0;height:var(--story-bar);background:#000;transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.story-bar.top{top:0;transform:translateY(-100%)}.story-bar.bottom{bottom:0;transform:translateY(100%)}.open>.story-bar{transform:none}.story-dlg{position:absolute;inset:0;z-index:30;overflow:hidden;cursor:pointer}.dlg-box{position:absolute;left:12px;right:12px;bottom:calc(var(--story-bar) + var(--sab) + 12px);max-width:560px;margin:0 auto;display:flex;gap:12px;align-items:flex-start;padding:12px 14px 14px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(26,20,30,.9),var(--story-ink));box-shadow:inset 0 0 0 1px #f4d89247,0 18px 50px #0009;opacity:0;transform:translateY(18px);transition:opacity .45s ease .25s,transform .55s cubic-bezier(.2,.9,.3,1.1) .25s}.story-dlg.open .dlg-box{opacity:1;transform:none}.dlg-box.swap .dlg-portrait{animation:dlg-pop .42s cubic-bezier(.2,.9,.3,1.25)}.dlg-portrait{flex:none;width:64px;height:64px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1.5px #f4d8928c,0 0 22px #ff963c40}#ui .dlg-portrait svg{display:block;width:100%;height:100%;vertical-align:top}.dlg-art{display:none;position:absolute;left:-6px;bottom:calc(100% - 8px);height:min(50vh,calc(100vh - 2 * var(--story-bar) - var(--sat) - var(--sab) - 190px));width:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent);filter:drop-shadow(0 0 22px rgba(255,150,60,.22))}.dlg-box.has-art .dlg-art{display:block}.dlg-box.has-art .dlg-portrait{display:none}.dlg-box.swap .dlg-art{animation:dlg-rise .5s cubic-bezier(.2,.9,.3,1.1)}.dlg-body{flex:1;min-width:0;position:relative}.dlg-head{display:flex;align-items:baseline;gap:8px;margin:2px 0 6px}.dlg-name{font:800 14px/1.1 var(--font-head);letter-spacing:.06em;color:var(--story-gold);text-transform:uppercase}.dlg-role{font:500 11px/1 var(--font);color:#dcd2c48c;letter-spacing:.02em}.dlg-text{font:500 15.5px/1.45 var(--font);color:#f2ebe0;min-height:3em;text-shadow:0 1px 2px rgba(0,0,0,.6)}.dlg-box.whisper .dlg-text{font-style:italic;color:#e1dcecd1}.dlg-box[data-speaker=lord] .dlg-name{color:#b8ccff}.dlg-more{position:absolute;right:0;bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--story-gold);opacity:0}.dlg-more.on{animation:dlg-bob .9s ease-in-out infinite;opacity:.9}.dlg-choices{position:absolute;left:12px;right:12px;bottom:calc(var(--story-bar) + var(--sab) + 140px);max-width:560px;margin:0 auto;display:none;flex-direction:column;gap:8px}.dlg-choices.on{display:flex}.dlg-choice{appearance:none;border:0;min-height:48px;padding:10px 14px;border-radius:13px;text-align:left;font:600 14.5px/1.3 var(--font);color:#f6efe2;background:linear-gradient(180deg,#2c221af0,#1a1410f5);box-shadow:inset 0 0 0 1px #f4d89259,0 8px 24px #00000073;cursor:pointer;animation:dlg-choice-in .4s cubic-bezier(.2,.9,.3,1.15) both}.dlg-choice>span{display:flex;gap:10px;align-items:center}.dlg-choice b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--font-head);color:#1c1407;background:linear-gradient(180deg,#f6dc98,#c8963e)}.dlg-choice:active{transform:scale(.98);filter:brightness(1.2)}@keyframes dlg-pop{0%{transform:scale(.7) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes dlg-bob{50%{transform:translateY(3px)}}@keyframes dlg-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes dlg-choice-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tut-layer{position:absolute;inset:0;z-index:35;pointer-events:none!important;opacity:0;transition:opacity .35s ease}.tut-block{position:absolute;pointer-events:auto;background:transparent;touch-action:none}.tut-layer.open{opacity:1}.tut-spot{position:absolute;pointer-events:none;box-shadow:0 0 0 9999px #04060c80,0 0 0 2px #f4d892e6,0 0 24px 4px #f4d89280;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease;animation:tut-glow 1.4s ease-in-out infinite}@keyframes tut-glow{50%{box-shadow:0 0 0 9999px #04060c80,0 0 0 3px #ffe6a0,0 0 34px 8px #f4d892a6}}.tut-finger{position:absolute;width:0;height:0;pointer-events:none}.tut-finger:before{content:"";position:absolute;left:-11px;top:6px;width:22px;height:22px;background:var(--story-gold);clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:tut-poke .9s ease-in-out infinite}@keyframes tut-poke{50%{transform:translateY(8px)}}.tut-card{position:absolute;left:12px;right:12px;bottom:calc(var(--sab) + 96px);max-width:520px;margin:0 auto;display:flex;gap:12px;align-items:flex-start;padding:12px 14px 12px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(26,20,30,.94),var(--story-ink));box-shadow:inset 0 0 0 1px #f4d89252,0 14px 40px #0000008c;pointer-events:auto}.tut-card.top{bottom:auto;top:calc(var(--sat) + 104px)}.tut-card.pop{animation:tut-pop .4s cubic-bezier(.2,.9,.3,1.15)}@keyframes tut-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.tut-text{font:500 14.5px/1.42 var(--font);color:#f2ebe0;margin-top:4px}.tut-text b{color:var(--story-gold)}.tut-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.tut-actions .btn{min-height:40px}.tut-skip{appearance:none;border:0;background:none;padding:10px 4px;min-height:40px;color:#dcd2c499;font:600 12px/1 var(--font);text-decoration:underline;cursor:pointer;margin-left:auto}.sheet.cook-sheet{background:radial-gradient(120% 70% at 50% 0%,rgba(120,60,20,.55),transparent 60%),linear-gradient(180deg,#221610fa,#0e0a08fa)}.cook-sheet .sheet-title{background:linear-gradient(180deg,#fff1cf,#f2a34a);-webkit-background-clip:text;background-clip:text}.ck-now{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:linear-gradient(90deg,#ff8c3229,#ff8c320a);box-shadow:inset 0 0 0 1px #f2a34a59;margin-bottom:10px}.ck-now.idle{background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff14}.ck-pot{flex:none;width:48px;height:48px;filter:drop-shadow(0 0 10px rgba(255,150,60,.45))}#ui .ck-pot svg{width:100%;height:100%;display:block}.ck-now.idle .ck-pot{filter:none;opacity:.75}.ck-now-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.ck-now-text{font:600 13px/1.3 var(--font);color:#f6e6cc}.ck-bar{height:7px;border-radius:4px;background:#00000073;overflow:hidden}.ck-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#b8501e,#ffb050,#ffe0a0);box-shadow:0 0 10px #ffa03c99;transition:width .25s linear}.ck-now.idle .ck-bar{display:none}.ck-cancel{flex:none;min-height:40px}.ck-buffs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}.ck-buff{font:600 11.5px/1 var(--font);padding:6px 9px;border-radius:999px;color:#ffe0b0;background:#f2a34a24;box-shadow:inset 0 0 0 1px #f2a34a59}.ck-list{display:flex;flex-direction:column;gap:8px}.ck-card{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:14px;background:linear-gradient(180deg,#ffecd212,#ffecd208);box-shadow:inset 0 0 0 1px #ffdcb41f}.ck-card.active{box-shadow:inset 0 0 0 1.5px #ffaa50cc,0 0 16px #ff8c3240}.ck-card.locked{opacity:.55}.ck-card-main{flex:1;min-width:0}.ck-title{font:700 14px/1.2 var(--font-head);color:#f8e8cc;letter-spacing:.02em}.ck-count{margin-left:6px;font:600 11px/1 var(--font);color:#f4d892b3}.ck-desc{font-size:11.5px;line-height:1.35;color:#e8dcccad;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ck-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.ck-res{display:inline-flex;gap:6px}.ck-arrow{color:#ffdcb480;font-weight:700}.ck-free{font:700 12px/1.2 var(--font);color:#8fd48a}.ck-time{margin-left:auto;font:600 11.5px/1 var(--font);color:#dcd2c499;font-variant-numeric:tabular-nums}.ck-effect{margin-top:5px;font:600 11.5px/1.3 var(--font);color:#ffc878}.ck-bag{color:#9fd4ff}.inv-grid{display:grid;grid-template-columns:repeat(var(--inv-cols, 6),minmax(0,1fr));gap:6px;margin:12px 0 10px}.inv-cell{appearance:none;border:0;padding:0;aspect-ratio:1;border-radius:10px;position:relative;background:linear-gradient(180deg,#ffecc812,#ffecc808);box-shadow:inset 0 0 0 1px #ffdca029,inset 0 -2px #00000040;color:#f4e6cc;cursor:pointer;min-width:0}.inv-cell.empty{cursor:default;background:#0000002e;box-shadow:inset 0 0 0 1px #ffdca012,inset 0 2px 6px #00000059}.inv-cell.dish{box-shadow:inset 0 0 0 1px #ffbe6e61,inset 0 -2px #00000040}.inv-cell.sel{box-shadow:inset 0 0 0 2px #ffc460f2,0 0 14px #ffa03c59}.inv-inner{position:absolute;inset:0;display:grid;place-items:center}.inv-ico{width:62%;height:62%;display:grid;place-items:center}#ui .inv-ico .ico,#ui .inv-ico svg{width:100%;height:100%;display:block}.inv-ico.big{width:40px;height:40px;flex:none}.inv-count{position:absolute;right:4px;bottom:3px;font:800 11px/1 var(--font);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}.inv-detail{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffecc80f;box-shadow:inset 0 0 0 1px #ffdca029}.inv-detail-text{flex:1;min-width:0}.inv-hint{text-align:center;margin:4px 0 8px}.lord-card{padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#f2c14e1f,#f2c14e0a);box-shadow:inset 0 0 0 1px #f2c14e47;display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.lord-head{display:flex;align-items:center;gap:8px}.lord-head .ico{width:20px;height:20px}.lord-head b{font:700 14px/1 var(--font);color:#f4e6cc}.lord-lvl{margin-left:auto;font:800 12px/1 var(--font);color:var(--gold);letter-spacing:.02em}.bag-res{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bag-item{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:12px;background:#ffecc80d;box-shadow:inset 0 0 0 1px #ffdca01f}.bag-ico{flex:none;width:24px;height:24px}#ui .bag-ico svg{width:24px;height:24px;display:block}.bag-name{flex:1;min-width:0;font:600 12.5px/1.2 var(--font);color:#f4e6cc}.bag-name small{display:block;margin-top:2px;font:500 10.5px/1.2 var(--font);color:#f4e6cc8c}.bag-item b{flex:none;font:700 15px/1 var(--font);color:#ffd890}.ck-why{margin-top:4px;font-size:11px;color:#ff9a8a}.ck-card>.btn{flex:none;min-width:92px;min-height:40px}.story-interlude{position:absolute;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden;cursor:pointer;opacity:0;transition:opacity .7s ease;background:radial-gradient(120% 90% at 50% 30%,#1c2742,#070a14 70%)}.story-interlude.open{opacity:1}.story-interlude.leaving{transition-duration:.65s}.story-interlude.mood-warm{background:radial-gradient(120% 90% at 50% 70%,#3a2416,#0c0806 70%)}.story-interlude.mood-dawn{background:radial-gradient(120% 90% at 50% 85%,#5a3a3a,#1a1a2e 55%,#080a14)}.il-snow{position:absolute;inset:-220px 0 0;pointer-events:none;background-repeat:repeat}.il-snow.far{opacity:.45;background-image:radial-gradient(1.2px 1.2px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 120px,#fff,transparent),radial-gradient(1.4px 1.4px at 150px 60px,#fff,transparent),radial-gradient(1px 1px at 60px 170px,#fff,transparent);background-size:200px 200px;animation:il-fall 14s linear infinite}.il-snow.near{opacity:.7;background-image:radial-gradient(2.2px 2.2px at 40px 50px,#fff,transparent),radial-gradient(1.8px 1.8px at 180px 160px,#fff,transparent),radial-gradient(2.6px 2.6px at 120px 240px,#fff,transparent);background-size:260px 260px;animation:il-fall-near 7s linear infinite}@keyframes il-fall{to{transform:translate(-60px,200px)}}@keyframes il-fall-near{to{transform:translate(-110px,260px)}}.il-inner{position:relative;max-width:420px;padding:0 28px;text-align:center}.il-title{margin:0;font:900 clamp(24px,8vw,34px)/1.1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,#fff6dc,#d8ae52);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:il-in 1.2s ease .4s forwards}.il-rule{width:72px;height:1px;margin:16px auto 18px;background:linear-gradient(90deg,transparent,rgba(244,216,146,.8),transparent);opacity:0;animation:il-in 1s ease .8s forwards}.il-line{margin:0 0 12px;font:500 16px/1.5 var(--font);color:#e8e0d4;opacity:0;animation:il-in 1.1s ease forwards;text-shadow:0 2px 8px rgba(0,0,0,.7)}.il-tap{margin-top:26px;font:600 11.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#f4d892bf;opacity:0;animation:il-in .8s ease forwards,il-blink 1.8s ease-in-out 3s infinite}.story-interlude.all .il-line,.story-interlude.all .il-tap,.story-interlude.all .il-title,.story-interlude.all .il-rule{animation-delay:0s!important}@keyframes il-in{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes il-blink{50%{opacity:.35}}.hunt-hud{position:absolute;inset:0;pointer-events:none!important;opacity:0;transition:opacity .6s ease}.hunt-hud.on{opacity:1}.hunt-head{position:absolute;top:0;left:0;right:0;padding:calc(var(--sat) + 12px) 120px 18px calc(env(safe-area-inset-left,0px) + 12px);background:linear-gradient(180deg,rgba(20,8,6,.8),rgba(20,8,6,.35) 70%,transparent);pointer-events:none}.hunt-sense{position:absolute;top:calc(var(--sat) + 62px);left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);display:flex;gap:8px;pointer-events:none}.hunt-wind,.hunt-alert{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;border-radius:12px;background:#0a0e18b8;box-shadow:inset 0 0 0 1px #ffffff1a}.hunt-wind{flex:none}#ui .hunt-wind svg{display:block;width:26px;height:26px;transition:transform .6s ease}.hunt-label{font:600 10.5px/1.15 var(--font);color:#dce4f0b3;letter-spacing:.04em;text-transform:uppercase}.hunt-alert{flex:1;min-width:0}.hunt-alert .ico{width:22px;height:22px;flex:none}.hunt-meter{flex:1;height:8px;border-radius:4px;background:#00000080;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.hunt-meter i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#6ad26a,#f2c14e 55%,#ff5a3a);transition:width .2s linear}.hunt-alert.hot{box-shadow:inset 0 0 0 1px #ff5a3ab3,0 0 16px #ff462859;animation:hunt-pulse .8s infinite}@keyframes hunt-pulse{50%{filter:brightness(1.35)}}.hunt-hint{pointer-events:none;position:absolute;left:14px;right:14px;top:calc(var(--sat) + 112px);max-width:420px;margin:0 auto;padding:10px 14px;border-radius:14px;font:500 14px/1.4 var(--font);color:#f2ebe0;text-align:center;background:#140e0adb;box-shadow:inset 0 0 0 1px #f4d89259,0 10px 30px #00000073;transition:opacity .35s ease,transform .35s ease}.hunt-hint.hidden-soft{opacity:0;transform:translateY(-8px);visibility:visible}.hunt-hint b{color:var(--story-gold)}.hunt-bottom,.hunt-hud .hunt-end{pointer-events:auto}.hunt-bottom .bt-groups{justify-content:center}@media (max-width: 370px){.dlg-text{font-size:14.5px}.dlg-portrait{width:56px;height:56px}.hunt-bottom .grp{padding:0 10px}.hunt-label{display:none}}#ui [data-res]{cursor:pointer;-webkit-tap-highlight-color:transparent}#ui .cost-item[data-res]{position:relative;border-radius:8px;transition:filter .15s}#ui .cost-item[data-res]:after{content:"";position:absolute;inset:-7px -4px}#ui [data-res]:active{filter:drop-shadow(0 0 6px rgba(242,193,78,.75))}.rc{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:calc(var(--sat) + 20px) 16px calc(var(--sab) + 20px);background:radial-gradient(circle at 50% 45%,#0a0e1a80,#04060cdb);animation:fade-in .18s}.in-menu .rc{z-index:45}.rc-card{position:relative;width:100%;max-width:380px;max-height:100%;overflow-y:auto;padding:14px 14px 12px;border-radius:20px;background:linear-gradient(180deg,#1c2640,#0f1626);box-shadow:inset 0 0 0 1px var(--line),0 24px 60px #0009;animation:pop-in .24s cubic-bezier(.2,.9,.3,1.25)}.rc-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.rc-head{display:flex;align-items:center;gap:10px}.rc-ico{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f2c14e3d,#f2c14e00 70%)}.rc-ico .ico{width:40px;height:40px}.rc-ico [data-res]{cursor:default}.rc-titles{flex:1;min-width:0}.rc-name{margin:0;font:800 19px/1.15 var(--font-head);color:var(--gold-2)}.rc-sub{margin-top:3px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.rc-head .icon-btn{align-self:flex-start}.rc-desc{margin:10px 0 0;font-size:13.5px;line-height:1.4;color:#d4dcea}.rc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rc-tag{padding:5px 9px;border-radius:999px;font:700 11px/1 var(--font);color:var(--text-2);background:#ffffff12}.rc-sec{margin-top:14px}.rc-sec h3{margin:0 0 6px;font:700 11.5px/1 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.rc-flow{display:flex;flex-direction:column;gap:6px;margin-bottom:6px;padding:8px 10px;border-radius:12px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.rc-flow.off{opacity:.6}.rc-where{font-size:13px;color:var(--text-2)}.rc-where b{color:#f8e8cc}.rc-note{font-size:11.5px;color:var(--muted)}.rc-recipe{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.rc-goods{display:inline-flex;flex-wrap:wrap;gap:4px 9px}.rc-goods .cost-item.me{color:var(--gold-2);text-shadow:0 0 8px rgba(242,193,78,.6)}.rc-arrow{color:var(--muted)}.rc-time{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.rc-bag{font-size:12px;color:#9fd4ff}.rc-hint{position:relative;margin:0;padding:3px 0 3px 14px;font-size:13px;line-height:1.35;color:var(--text-2)}.rc-hint:before{content:"";position:absolute;left:3px;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #f2c14e99}.rc-hint.muted:before{display:none}#ui .res-amt{position:relative;display:inline-flex;align-items:center;gap:2px}#ui .res-amt:after{content:"";position:absolute;inset:-7px -4px}.rc-goods .cost-item.none{opacity:.45}.fs{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(130% 70% at 50% 30%,#17243d,#0b1220 58%,#060a12);padding:var(--sat) var(--sar) 0 var(--sal);animation:fs-in .18s var(--ease-out)}.fs.hidden{display:none}@keyframes fs-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.fs-head{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px 6px;flex:none}.fs-titles{flex:1;min-width:0}.fs-title{margin:0;font:800 19px/1.15 var(--font-head);letter-spacing:.02em;background:linear-gradient(180deg,#fff3cf,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.fs-sub{color:var(--muted);font-size:12px;margin-top:2px}.fs-sub:empty{display:none}.fs-actions{display:flex;gap:6px}.fs-btn{width:var(--tap);height:var(--tap);border:0;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:var(--text-2);background:#ffffff0f}#ui .fs-btn .ico,#ui .fs-btn .ico svg{width:20px;height:20px}.fs-btn.on{color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold-2),0 0 12px #f4d89240}.fs-help{position:absolute;left:12px;right:12px;top:calc(100% + 4px);z-index:4;padding:12px 14px;border-radius:14px;background:#10182afa;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);color:var(--text-2);font-size:13.5px;line-height:1.45}.fs-strip{flex:none;padding:0 14px 4px}.fs-strip.hidden{display:none}.fs-res{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--text-2)}.fs-res .cost-item{display:inline-flex;align-items:center;gap:3px}#ui .fs-res .ico,#ui .fs-res svg{width:15px;height:15px}.fs-lib{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--muted)}.fs-lib .progress{flex:1;margin:0}.fs-rail{flex:none;display:flex;gap:6px;padding:6px 12px 8px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.fs-rail.hidden{display:none}.fs-rail::-webkit-scrollbar{display:none}.fs-chip{flex:none;border:0;background:none;padding:0;cursor:pointer;color:var(--muted)}.fs-chip-in{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;position:relative}.fs-chip-ico{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:#ffffff0d}.fs-chip-label{font-size:10px;max-width:64px;text-align:center;line-height:1.1}.fs-chip.on .fs-chip-ico{background:#d8ae5229;box-shadow:0 0 16px #d8ae5259}.fs-chip.on{color:var(--gold-2)}.fs-chip-badge{position:absolute;top:-2px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:#1a1205;font:800 11px/18px var(--font);padding:0 4px}#ui .fs-ring{position:absolute;inset:-2px;width:48px;height:48px;pointer-events:none}.fs-ring circle{fill:none;stroke-width:2.4}.fs-ring-bg{stroke:#ffffff12}.fs-ring-fill{stroke:var(--gold-2);stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(244,216,146,.8))}.fs-body{flex:1;min-height:0;display:flex;flex-direction:column}.tree-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;position:relative;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent 100%)}.tree-zoom{position:relative;min-width:100%;padding-bottom:18px}.tree-canvas{position:relative;margin:0 auto;max-width:520px}.tree-tier{position:absolute;left:10px;font:700 10px/1 var(--font-head);color:#9aa8bf80;letter-spacing:.1em}#ui .tl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;vertical-align:top}.tl path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.tl.dim path{stroke:#9aa8bf29;stroke-width:3}.tl.open path{stroke:#f4d89273;stroke-width:2;animation:tl-pulse 2.4s ease-in-out infinite}.tl.open{filter:drop-shadow(0 0 3px rgba(244,216,146,.55))}.tl.run path{stroke:#6aa8ffd9;stroke-width:2;stroke-dasharray:6 8;animation:tl-flow 1.2s linear infinite}.tl.run{filter:drop-shadow(0 0 4px rgba(106,168,255,.8))}.tl.lit path{stroke:#f4d892e6;stroke-width:2}.tl.lit{filter:drop-shadow(0 0 4px rgba(244,216,146,.75))}@keyframes tl-pulse{50%{stroke:#f4d892cc}}@keyframes tl-flow{to{stroke-dashoffset:-28}}.tn{position:absolute;width:96px;margin-left:-48px;margin-top:-26px;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:var(--text-2);-webkit-tap-highlight-color:transparent}.tn-disc{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:23px;background:#1a2540;box-shadow:inset 0 0 0 2px #ffffff14;transition:transform .15s var(--ease-out)}.tn:active .tn-disc{transform:scale(.94)}.tn-ico{position:relative;z-index:1;line-height:1}.tn-label{margin-top:5px;font-size:10.5px;line-height:1.15;text-align:center;max-width:96px;text-shadow:0 1px 3px #060a12,0 0 6px #060a12}.tn.done .tn-disc{background:radial-gradient(circle at 40% 35%,#f6dc98,#b88a34);box-shadow:0 0 0 2px #f4d892,0 0 18px #d8ae528c}.tn.partial .tn-disc{background:radial-gradient(circle at 40% 35%,#e9cf8a,#8a6a2a);box-shadow:0 0 0 2px #f4d892b3,0 0 12px #d8ae5266}.tn.available .tn-disc{background:#22304f;box-shadow:inset 0 0 0 2px var(--gold),0 0 20px #d8ae5299;animation:tn-glow 2.2s ease-in-out infinite}.tn.queued .tn-disc{background:#1d2a48;box-shadow:inset 0 0 0 2px #6aa8ffb3}.tn.active .tn-disc{background:#1d2a48}.tn.locked .tn-disc{filter:grayscale(1) brightness(.55)}.tn.locked .tn-label{color:var(--muted)}.tn.sel .tn-disc{outline:2px solid var(--gold-2);outline-offset:4px}@keyframes tn-glow{50%{box-shadow:inset 0 0 0 2px var(--gold-2),0 0 28px #f4d892cc}}#ui .tn-ring{position:absolute;inset:-6px;width:64px;height:64px}.tn-ring circle{fill:none;stroke-width:3}.tn-ring-bg{stroke:#ffffff14}.tn-ring-fill{stroke:var(--blue);stroke-linecap:round;filter:drop-shadow(0 0 5px var(--blue))}.tn-badge{position:absolute;top:-6px;left:calc(50% + 14px);min-width:20px;height:20px;border-radius:10px;background:var(--blue);color:#081020;font:800 11px/20px var(--font);padding:0 5px;z-index:2}.tn-spark{position:absolute;top:-8px;left:calc(50% - 30px);font-size:14px;color:var(--gold-2);filter:drop-shadow(0 0 4px #f4d892);z-index:2}.tn-pips{display:flex;gap:3px;margin-top:-5px;z-index:2}.tn-pips i{width:7px;height:7px;border-radius:50%;background:#2a3655;box-shadow:inset 0 0 0 1px #ffffff26}.tn-pips i.f{background:var(--gold-2);box-shadow:0 0 6px #f4d892cc}.tree-extra{display:flex;justify-content:center;padding:6px 12px 0}.tree-find{position:absolute;right:12px;bottom:10px;z-index:3;height:34px;padding:0 12px;border:0;border-radius:17px;cursor:pointer;background:#d8ae5229;color:var(--gold-2);font-size:12px;box-shadow:0 0 14px #d8ae5240}.fs-tree-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.fs-dock{flex:none;padding:6px 12px calc(var(--sab) + 12px)}.fs-queue{display:flex;align-items:center;gap:6px;margin:0 2px 8px}.fs-q{width:32px;height:32px;border-radius:9px;border:0;display:grid;place-items:center;font-size:16px;cursor:pointer;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text);position:relative;overflow:hidden}.fs-q.active{box-shadow:inset 0 0 0 2px var(--blue),0 0 10px #6aa8ff80}.fs-q.empty{opacity:.35;cursor:default}.fs-q-fill{position:absolute;left:0;bottom:0;height:3px;background:var(--blue);box-shadow:0 0 6px var(--blue)}.fs-queue-note{color:var(--muted);font-size:11px;margin-left:4px}.fs-card{border-radius:20px;padding:14px 14px 12px;background:linear-gradient(180deg,#1e2a44f5,#0e1424fa);box-shadow:0 -10px 30px #0006,inset 0 0 0 1px #d8ae5240;animation:toast-in .18s var(--ease-out)}.fs-card-head{display:flex;gap:10px;align-items:center}.fs-card-ico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#22304f;box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #d8ae5273}.fs-card-ico.locked{filter:grayscale(1) brightness(.7);box-shadow:inset 0 0 0 2px #ffffff26}.fs-card-title{font:700 16px/1.15 var(--font-head);color:var(--text)}.fs-card-meta{color:var(--muted);font-size:11.5px;margin-top:2px}.fs-card-desc{margin:10px 0 8px;font-size:13.5px;line-height:1.4;color:var(--text-2)}.fs-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--text-2)}.fs-card-row .cost{display:inline-flex;flex-wrap:wrap;gap:4px 10px}.fs-card-lock{margin-top:8px;font-size:12px;color:var(--warn)}.fs-card-eureka{margin-top:8px;font-size:12px;color:var(--gold-2)}.fs-card-eureka .progress{margin-top:5px;height:5px}.fs-reqs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fs-req{border:0;cursor:pointer;padding:4px 9px;border-radius:12px;font-size:11.5px;color:var(--text-2);background:#ffffff0f}.fs-req.ok{color:var(--good)}.fs-card-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.fs-act{min-width:48px;height:42px;padding:0 12px;border:0;border-radius:12px;display:grid;place-items:center;font-size:19px;cursor:pointer;color:var(--text);background:#ffffff12}#ui .fs-act .ico,#ui .fs-act .ico svg{width:20px;height:20px}.fs-act.primary{background:var(--gold-grad);color:#1a1205;box-shadow:0 0 14px #d8ae5280}.fs-act.off{opacity:.4}.fs-empty{color:var(--muted);font-size:13px;text-align:center;padding:10px 0 4px}.fs-hero{display:flex;align-items:center;gap:14px;padding:2px 4px 6px}.fs-crest{position:relative;flex:none;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#2a3d6a,#121b30 70%)}#ui .fs-crest .ico,#ui .fs-crest .ico svg{width:52px;height:52px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}#ui .fs-crest svg.fs-xp{position:absolute;inset:-6px;width:108px;height:108px}.fs-xp circle{fill:none;stroke-width:4}.fs-xp-bg{stroke:#ffffff14}.fs-xp-fill{stroke:var(--gold-2);stroke-linecap:round;filter:drop-shadow(0 0 6px #f4d892)}.fs-lv{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--gold);color:#1a1205;font:800 13px/1 var(--font-head);padding:4px 10px;border-radius:10px;box-shadow:0 0 12px #d8ae5299}.fs-hero-text{min-width:0}.fs-hero-name{font:700 18px/1.1 var(--font-head);color:var(--text)}.fs-hero-line{color:var(--muted);font-size:12px;margin-top:3px}.fs-points{display:inline-flex;margin-top:8px;gap:6px;align-items:center;padding:5px 10px;border-radius:12px;background:#d8ae5229;color:var(--gold-2);font-weight:700;font-size:13px;box-shadow:0 0 14px #d8ae5259}.fs-points.none{background:#ffffff0d;color:var(--muted);box-shadow:none;font-weight:500}.fs-medals{display:flex;gap:5px;margin-top:8px}.fs-medal{width:22px;height:22px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;font-size:11px;background:radial-gradient(circle at 40% 35%,#f6dc98,#8a6a2a)}.fs-medal.off{filter:grayscale(1) brightness(.5)}.fs-set{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 16px}.fs-slots{display:flex;gap:10px;margin:6px 0 14px}.fs-slot{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;font-size:24px;background:#1a2540;box-shadow:inset 0 0 0 2px #ffffff1f;color:var(--text)}.fs-slot.full{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #d8ae5280}.fs-slot.sel{outline:2px solid var(--gold-2);outline-offset:3px}.fs-slot.lock{opacity:.35;cursor:default}.fs-list{display:flex;flex-direction:column;gap:8px}.fs-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.fs-row-ico{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#22304f}.fs-row-text{flex:1;min-width:0}.fs-row-name{font-weight:700;font-size:14px;color:var(--text)}.fs-row-desc{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.3}.fs-row .fs-act{flex:none}.fs-row.ready{box-shadow:inset 0 0 0 1px #d8ae5280,0 0 12px #d8ae5226}.skills-btn{margin:8px 0 4px;padding:10px 12px;border-radius:14px;text-align:left;background:linear-gradient(135deg,#2e220ceb,#120e08e6);box-shadow:inset 0 0 0 1px var(--line)}.skills-btn.glow{box-shadow:inset 0 0 0 1px var(--gold-2),0 0 18px #d8ae5266}.skills-cta{display:flex;align-items:center;gap:10px;width:100%}.skills-cta-ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#1a1205;background:var(--gold-grad);font-weight:800}.skills-cta b{display:block;color:var(--text);font-size:14px}.skills-cta small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.skills-cta .q-arrow{margin-left:auto;color:var(--gold-2);font-size:20px}.lb-row{display:flex;align-items:center;gap:10px;padding:9px 11px;margin-bottom:8px;border-radius:14px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff12}.lb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.lb-name{font:700 13.5px/1.2 var(--font-head);color:#f8e8cc;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.lb-acts{display:flex;gap:8px;flex:none}.lb-act{appearance:none;border:0;min-width:44px;height:44px;padding:0 10px;border-radius:13px;display:inline-grid;place-items:center;cursor:pointer;color:#f4d892;background:#f2c14e1f;box-shadow:inset 0 0 0 1px #f2c14e73,0 0 12px #f2c14e2e}.lb-act:active{transform:scale(.96)}.lb-act.off{color:#e8dccc73;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14}.lb-act-in{display:inline-flex;align-items:center;gap:4px;font:800 12px/1 var(--font)}.lb-act .ico{width:20px;height:20px}#ui .lb-act svg{width:100%;height:100%}.lb-act small svg{width:14px;height:14px;vertical-align:-2px}.council-sheet .sheet-title{background:linear-gradient(180deg,#fff1cf,#d8ae52);-webkit-background-clip:text;background-clip:text}.cn-elder{display:flex;gap:12px;align-items:center;padding:10px 12px;margin-bottom:12px;border-radius:16px;background:linear-gradient(90deg,#ff8c3224,#ff8c3208);box-shadow:inset 0 0 0 1px #f2a34a4d}.cn-portrait{flex:none;width:52px;height:52px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1.5px #d8ae5299}#ui .cn-portrait svg{display:block;width:100%;height:100%}.cn-say{min-width:0}.cn-say b{display:block;font:700 12px/1.2 var(--font-head);color:var(--gold-2);letter-spacing:.02em}.cn-say p{margin:4px 0 0;font:500 13.5px/1.35 var(--font);color:#f6e6cc}.cn-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cn-path{appearance:none;border:0;cursor:pointer;text-align:left;padding:10px;min-height:44px;border-radius:14px;color:inherit;background:linear-gradient(180deg,#ffecd212,#ffecd206);box-shadow:inset 0 0 0 1px #ffdcb41f;transition:box-shadow .2s,transform .12s}.cn-path:active{transform:scale(.98)}.cn-path.off{opacity:.55;cursor:default}.cn-path.off:active{transform:none}.cn-path.active{background:linear-gradient(180deg,#d8ae5242,#d8ae5214);box-shadow:inset 0 0 0 1.5px var(--gold),0 0 18px #d8ae5240}.cn-path-inner{display:grid;grid-template-columns:26px 1fr;column-gap:8px;row-gap:3px;align-items:center}.cn-path-ico{grid-row:1 / span 2;width:26px;height:26px;align-self:start}#ui .cn-path-ico svg{width:100%;height:100%;vertical-align:top}.cn-path-name{font:700 14px/1.15 var(--font-head);color:#f8e8cc}.cn-path-desc{grid-column:2;font-size:11.5px;line-height:1.3;color:#e8dcccb3}.cn-goal{display:flex;align-items:center;gap:8px;padding:9px 12px;margin:0 0 10px;border-radius:12px;font:500 12.5px/1.35 var(--font);color:#ffe0b0;background:#f2a34a1f;box-shadow:inset 0 0 0 1px #f2a34a59}.cn-goal .ico{flex:none;width:16px;height:16px}#ui .cn-goal .ico svg{width:100%;height:100%}.cn-goal b{color:#fff1cf}.cn-list{display:flex;flex-direction:column;gap:8px}.cn-row{display:flex;gap:10px;padding:9px 11px;border-radius:14px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff12}.cn-row.goal{box-shadow:inset 0 0 0 1.5px #f2a34abf}.cn-row.blocked{opacity:.7}.cn-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.cn-name{font:700 13.5px/1.2 var(--font-head);color:#f8e8cc;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cn-lvl{font:600 11px/1 var(--font);color:#f4d892cc}.cn-when{font-size:11.5px;line-height:1.3;color:#e8dcccbf}.cn-mark{font-weight:700;color:#e8dccc80}.cn-mark.ok{color:#8fd48a}.cn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cn-state{margin-left:auto;font:600 11px/1.2 var(--font);color:#e8dcccb3;text-align:right}.cn-state.ready{color:#8fd48a}.cn-state.saving{color:#ffc878}.cn-state.blocked{color:#ff9a8a}.cn-state.held{color:#9fd4ff}.cn-fund{appearance:none;border:0;min-width:44px;height:32px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f2c14e1f;color:#f4d892;box-shadow:inset 0 0 0 1px #f2c14e73,0 0 12px #f2c14e2e;font:800 12px/1 var(--font);cursor:pointer}.cn-fund:active{transform:scale(.96)}.cn-fund-in{display:inline-flex;align-items:center;gap:4px}.cn-fund .ico,.cn-fund svg{width:16px;height:16px}.cn-conds{display:flex;flex-direction:column;gap:6px}.cn-cond{font-size:12px;line-height:1.35;color:#e8dcccb8}.cn-cond b{color:#f2e2c6;font-weight:700}.cn-cond .cn-mark{margin-right:6px}.cn-tax{display:flex;flex-direction:column;gap:6px;margin-top:8px}.bp-hero{display:flex;flex-direction:column;gap:8px}.bp-builders{font-size:12px;color:#e8dcccbf;margin-top:6px}.q-requests{display:flex;flex-direction:column;gap:4px;margin-top:6px}.q-req{font:600 11.5px/1.3 var(--font);color:#ffe0b0}.q-req.wait{color:#9fd4ff}@media (max-width: 360px){.cn-paths{grid-template-columns:1fr}}.quests-sheet .sheet-title{background:linear-gradient(180deg,#fff1cf,#d8ae52);-webkit-background-clip:text;background-clip:text}.qs-card{display:flex;flex-direction:column;gap:5px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff12}.qs-card.current{background:linear-gradient(135deg,#d8ae5229,#d8ae520a);box-shadow:inset 0 0 0 1.5px #d8ae5299,0 0 16px #d8ae5229}.qs-card.alongside{box-shadow:inset 0 0 0 1px #78b4ff73}.qs-card.later{opacity:.75}.qs-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qs-head b{font:700 14px/1.2 var(--font-head);color:var(--gold-2)}.qs-state{margin-left:auto;font:700 10.5px/1 var(--font);letter-spacing:.04em;padding:4px 8px;border-radius:999px;color:#cfe3ff;background:#78b4ff24}.qs-card.later .qs-state{color:#e8dcccbf;background:#ffffff14}.qs-desc{margin:0;font-size:12.5px;line-height:1.35;color:#e2d8c2}.qs-progress{font:600 12px/1.3 var(--font);color:#ffe0b0}.qs-reward{font-size:11.5px;color:#e2d8c2b8}.qs-go{align-self:flex-start;margin-top:2px}.qs-asks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.qs-asks li{display:flex;gap:8px;align-items:baseline;font-size:12.5px;color:#ffe0b0}.qs-asks li.wait{color:#9fd4ff}.qs-mark{flex:none;width:18px;text-align:center;font-weight:800}.qs-era+.qs-era{margin-top:12px}.qs-era-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.qs-era-head b{font:700 13px/1.2 var(--font-head);color:#f8e8cc}.qs-road{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.qs-road li{display:grid;grid-template-columns:18px 1fr;column-gap:8px;align-items:baseline;padding:5px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px;color:#e8dccc8c}.qs-road li:first-child{border-top:0}.qs-road .qs-gain{grid-column:2;font-size:11px}.qs-road li.done{color:#e8dccc99}.qs-road li.done .qs-mark{color:#8fd48a}.qs-road li.current{color:var(--gold-2);font-weight:700}.qs-road li.current .qs-mark{color:var(--gold);text-shadow:0 0 8px rgba(242,193,78,.7)}.qs-road li.alongside{color:#cfe3ff}.qs-road li.later{color:#e8dcccb3}.qs-road li.next .qs-mark{color:#e8dccc59}