@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&family=Press+Start+2P&display=swap";:root{--surface-hud: #0f1311;--surface-raised: #1a2420;--surface-popover: #16221d;--surface-sunken: #0b0f0d;--surface-document: #efe4cb;--accent-interactive: #2f8f7e;--accent-bright: #5fbfae;--metal-structural: #b58a3c;--metal-hi: #e6c074;--stat-hp: #d24a32;--stat-prayer: #3f9ad0;--text-primary: #e9efe9;--ink-dark: #0f1311;--success: #1f8a5b;--warning: #e0a23a;--danger: #d24a32;--state-selected: #3a5a2c;--parch: var(--text-primary);--night: var(--surface-hud);--gold: var(--metal-structural);--gold-soft: var(--metal-hi);--wood: #6e3b2a;--neutral: #6e5326;--ink: var(--ink-dark);--muted: #8aa39a;--hp: var(--stat-hp);--pray: var(--stat-prayer);--xp: var(--accent-bright);--warn: var(--warning);--inset-bg: #111815;--inset-bg2: #0c100e;--line: #2a3a32;--line-soft: #4a6258;--panel: linear-gradient(#1d2925, #141c19);--card: linear-gradient(#1a2420, #141c19);--rad: 4px;--rad-slot: 4px;--carve: 0 2px 0 rgba(0, 0, 0, .3);--glow: 0 0 0 1px rgba(95, 191, 174, .6), 0 0 10px rgba(47, 143, 126, .35);--f-display: "IM Fell English", Georgia, serif;--f-head: "Archivo", "Trebuchet MS", Verdana, sans-serif;--f-body: "Archivo", "Trebuchet MS", Verdana, sans-serif;--f-mono: "JetBrains Mono", "Consolas", monospace;--f-pixel: "Press Start 2P", "JetBrains Mono", monospace;--t-iron: #9aa1a9;--t-steel: #cfd8e0;--t-mithril: #8b5cf6;--t-adamant: #17b8a6;--t-rune: #f2b53a;--t-dragon: #ff4d6d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--rad-xs: 4px;--rad-sm: 6px;--rad-md: 8px;--rad-lg: 12px;--rad-pill: 999px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 15px;--fs-lg: 19px;--fs-xl: 27px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-body: 1.6;--elev-0: inset 0 0 0 1px rgba(0, 0, 0, .28);--elev-1: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .2);--elev-2: 0 6px 18px rgba(0, 0, 0, .5), 0 0 0 1px rgba(0, 0, 0, .25);--elev-3: 0 16px 48px rgba(0, 0, 0, .62), 0 2px 8px rgba(0, 0, 0, .5);--elev-toast: 0 8px 26px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 0, 0, .3);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.3, 1.3, .5, 1);--cat-combat: var(--danger);--cat-loot: var(--metal-hi);--cat-skill: var(--accent-bright);--cat-quest: var(--success);--cat-system: var(--muted)}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:var(--rad-xs)}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}#panels,#modal,.msgLogBody{scrollbar-width:thin;scrollbar-color:var(--line-soft) transparent}#panels::-webkit-scrollbar,#modal::-webkit-scrollbar,.msgLogBody::-webkit-scrollbar{width:9px}#panels::-webkit-scrollbar-thumb,#modal::-webkit-scrollbar-thumb,.msgLogBody::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:var(--rad-pill);border:2px solid transparent;background-clip:padding-box}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.icon{display:inline-block;vertical-align:-.14em;flex:none}.icon.spin{animation:iconSpin .7s linear infinite}@keyframes iconSpin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--f-body);font-size:var(--fs-md);font-weight:600;line-height:1.1;cursor:pointer;padding:9px 16px;border-radius:var(--rad-md);border:1px solid transparent;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.btn.block{width:100%}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(var(--metal-hi),var(--metal-structural));color:var(--ink-dark);border-color:var(--metal-hi);font-weight:700}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--elev-2)}.btn-secondary{background:#243029;color:var(--gold-soft);border-color:var(--line-soft)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-interactive);box-shadow:var(--elev-1)}.btn-ghost{background:none;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.btn-danger{background:#4a1414;color:#f0c9c9;border-color:#7a2a2a}.btn-danger:hover:not(:disabled){border-color:var(--danger);box-shadow:var(--elev-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--rad-pill);background:var(--surface-sunken);border:1px solid var(--line-soft);padding:2px 9px;font-size:var(--fs-xs);color:var(--text-primary);font-family:var(--f-body)}.chip-coin{color:var(--metal-hi);font-family:var(--f-mono)}.chip-level{color:var(--success);border-color:color-mix(in srgb,var(--success) 50%,var(--line-soft))}.chip-buff{color:var(--accent-bright);border-color:var(--accent-interactive)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.tab{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);padding:3px 10px;border-radius:var(--rad-pill);cursor:pointer;color:var(--muted);background:var(--surface-sunken);border:1px solid var(--line-soft);font-family:var(--f-body);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.tab:hover{color:var(--text-primary);border-color:var(--accent-interactive)}.tab.on{background:var(--state-selected);border-color:var(--accent-interactive);color:var(--metal-hi);font-weight:700}#shell{display:flex;height:100vh;width:100%;background:#050706;justify-content:center;overflow:hidden}.adRail{flex:0 0 160px;display:flex;align-items:center;justify-content:center;padding:10px 8px}.adSlot{width:160px;height:600px;max-height:92vh;display:flex;align-items:center;justify-content:center;background:#ffffff04;border:1px dashed rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.adPlaceholder{color:#ffffff38;font-size:10px;letter-spacing:1px;text-transform:uppercase;writing-mode:vertical-rl}@media(max-width:1279px){.adRail{display:none}}.game{flex:1 1 auto;max-width:2400px;min-width:0;height:100vh;display:flex;background:var(--night);color:var(--parch);font-family:var(--f-body);font-size:13px;overflow:hidden;-webkit-user-select:none;user-select:none}.hidden{display:none!important}#stage{flex:1;position:relative;overflow:hidden;background:#0a0a0a}#cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:pointer}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#prayBtn{position:absolute;left:256px;bottom:16px;height:26px;padding:0 13px;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);background:var(--inset-bg);border:1px solid var(--neutral);border-radius:var(--rad-md);cursor:pointer;font-size:var(--fs-sm);font-weight:700;color:var(--stat-prayer);font-family:var(--f-body);box-shadow:var(--elev-1);transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}#prayBtn:hover{border-color:var(--accent-interactive);box-shadow:var(--elev-2)}#prayBtn.on{background:linear-gradient(#4a9be0,#2c6aa5);border-color:#7fc0f5;color:#fff}#coinPill{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--inset-bg);border:1px solid var(--line-soft);border-radius:var(--rad-pill);padding:5px 14px;font-size:var(--fs-md);font-weight:700;color:var(--metal-hi);box-shadow:var(--elev-1)}#mapBtn{position:absolute;top:12px;right:360px;width:36px;height:30px;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:var(--inset-bg);border:1px solid var(--line-soft);border-radius:var(--rad-md);cursor:pointer;line-height:1;color:var(--metal-hi);box-shadow:var(--elev-1);transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}#mapBtn:hover{border-color:var(--accent-interactive);box-shadow:var(--elev-2)}#buffBar{position:absolute;left:256px;bottom:48px;display:flex;gap:var(--space-1);flex-wrap:wrap;max-width:320px;pointer-events:none}.buffChip{display:inline-flex;align-items:center;gap:var(--space-1);background:#1a2420eb;border:1px solid var(--accent-interactive);border-radius:var(--rad-sm);padding:2px 8px;font-size:var(--fs-xs);color:var(--accent-bright);box-shadow:var(--elev-1)}#questTracker{position:absolute;left:12px;top:44px;width:214px;background:var(--inset-bg);border:1px solid var(--line-soft);border-radius:var(--rad);padding:8px 11px;box-shadow:var(--carve)}.qtName{font-family:var(--f-head);font-size:13px;color:var(--gold);font-weight:700;letter-spacing:.5px}.qtObj{font-size:11px;color:var(--parch);margin-top:3px;line-height:1.4}.qtBar{height:5px;background:var(--inset-bg2);border-radius:3px;margin-top:6px;overflow:hidden}.qtFill{height:100%;background:linear-gradient(var(--gold),#8a6a2a);transition:width .3s}.qtHint{font-size:10px;color:var(--muted);margin-top:5px;cursor:pointer;pointer-events:auto;text-decoration:underline}#actionTxt{position:absolute;left:50%;top:63%;transform:translate(-50%);white-space:nowrap;background:#0c100ed1;border:1px solid var(--metal-structural);border-radius:999px;padding:8px 22px;font-size:17px;font-weight:600;letter-spacing:.3px;color:var(--metal-hi);font-family:var(--f-body);box-shadow:var(--carve),0 3px 12px #00000080;text-shadow:0 1px 3px rgba(0,0,0,.9)}#levelup{position:absolute;left:50%;top:30%;transform:translate(-50%);background:var(--panel);border:2px solid var(--gold);border-radius:12px;padding:20px 36px;text-align:center;color:var(--gold-soft);font-size:20px;z-index:32;box-shadow:var(--glow),0 8px 30px #0009;animation:pop .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.8)}#levelup .luTop{display:inline-flex;align-items:center;gap:var(--space-2)}#levelup b{font-family:var(--f-display);color:var(--gold);font-size:27px}#levelup .lvlUnlock{margin-top:8px;font-size:13px;color:#9ad29a;font-family:var(--f-body)}#msg{position:absolute;left:50%;top:19%;transform:translate(-50%);pointer-events:none;background:#0c100ecc;border:1px solid var(--line-soft);border-radius:8px;padding:7px 16px;color:var(--text-primary);font-size:14.5px;font-weight:600;font-family:var(--f-body);z-index:31;max-width:56%;text-align:center;box-shadow:0 3px 12px #00000073;text-shadow:0 1px 2px rgba(0,0,0,.85);animation:msgIn .22s ease}@keyframes msgIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#msgLog{position:absolute;left:var(--space-3);bottom:80px;width:420px;max-width:46%;z-index:34;background:var(--surface-popover);border:1px solid var(--line-soft);border-radius:var(--rad-md);box-shadow:var(--elev-2);pointer-events:auto;overflow:hidden}#msgLog.collapsed{width:auto}.mlHead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--line);background:var(--surface-sunken)}.mlTabs{display:flex;gap:2px}.mlTab{font-size:var(--fs-xs);padding:2px 7px;border-radius:var(--rad-sm);cursor:pointer;color:var(--muted);background:none;border:1px solid transparent;font-family:var(--f-body);transition:color var(--dur-fast) var(--ease-standard)}.mlTab:hover{color:var(--text-primary)}.mlTab.on{color:var(--metal-hi);background:var(--state-selected);border-color:var(--accent-interactive);font-weight:700}.mlClosedLabel{font-family:var(--f-head);font-size:var(--fs-sm);color:var(--muted);padding:0 var(--space-1)}.mlToggle{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;padding:2px;border-radius:var(--rad-xs)}.mlToggle:hover{color:var(--text-primary)}.mlToggle .icon{transition:transform var(--dur-fast) var(--ease-standard)}.mlToggle .icon.down{transform:rotate(90deg)}.mlToggle .icon.up{transform:rotate(-90deg)}.msgLogBody{height:240px;overflow-y:auto;padding:var(--space-1) 0;display:flex;flex-direction:column;justify-content:flex-end}.msgLogBody>.mlLine{flex:0 0 auto}.mlLine{font-size:var(--fs-sm);line-height:1.45;color:var(--text-primary);padding:1px var(--space-2) 1px 9px;border-left:3px solid var(--cat-system)}.mlLine.cat-combat{border-left-color:var(--cat-combat)}.mlLine.cat-loot{border-left-color:var(--cat-loot)}.mlLine.cat-skill{border-left-color:var(--cat-skill)}.mlLine.cat-quest{border-left-color:var(--cat-quest)}.mlN{color:var(--muted);font-family:var(--f-mono);font-size:var(--fs-xs);margin-left:4px}.mlEmpty{color:var(--muted);font-size:var(--fs-sm);font-style:italic;padding:var(--space-2) var(--space-2) var(--space-2) 9px;opacity:.7}.toastStack{position:absolute;left:50%;top:11%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none}.toast{font-family:var(--f-head);font-size:var(--fs-md);font-weight:700;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--line-soft);border-left:4px solid var(--cat-system);border-radius:var(--rad-md);padding:8px 18px;box-shadow:var(--elev-toast);white-space:nowrap;animation:toastIn var(--dur-med) var(--ease-emphasized)}.toast.cat-combat{border-left-color:var(--cat-combat);color:var(--danger)}.toast.cat-loot{border-left-color:var(--cat-loot);color:var(--metal-hi)}.toast.cat-skill{border-left-color:var(--cat-skill);color:var(--accent-bright)}.toast.cat-quest{border-left-color:var(--cat-quest);color:var(--success)}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}#intro,#victory{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0806c7;z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vcard{background:var(--panel);border:3px solid var(--gold);border-radius:12px;padding:32px;max-width:460px;text-align:center;box-shadow:0 12px 50px #000000b3;animation:slideUp .22s ease}.vcard h1{color:var(--gold);font-size:40px;font-family:var(--f-display);font-weight:900;margin-bottom:14px;letter-spacing:5px}.vcard p{color:var(--parch);font-size:15px;line-height:1.65;margin-bottom:12px}.vcard .vnote{color:var(--muted);font-size:13px}.vcard b{color:var(--gold-soft)}.vcard button{margin-top:12px;padding:12px 30px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--f-body);background:linear-gradient(var(--gold),#8a6a2a);color:var(--ink);border:none;border-radius:8px;box-shadow:var(--carve);transition:transform .1s,box-shadow .1s}.vcard button:hover{transform:translateY(-1px);box-shadow:var(--glow)}.vcard button:active{transform:translateY(1px);box-shadow:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#120d09;color:var(--gold);font-size:26px;letter-spacing:4px;z-index:60;font-family:var(--f-display);font-weight:700}#side{width:262px;background:var(--panel);border-left:3px solid var(--line-soft);display:flex;flex-direction:column}#tabs{display:flex;background:var(--inset-bg2)}#tabs button{flex:1;font-size:18px;padding:10px 0;cursor:pointer;background:#141c19;color:#c9bfa6;border:none;border-bottom:3px solid transparent;transition:background .12s}#tabs button:hover{background:#26352e}#tabs button.active{background:#26352e;border-bottom:3px solid var(--gold)}#panels{flex:1;overflow-y:auto;padding:12px}.panel h2{font-family:var(--f-head);font-size:16px;font-weight:700;color:var(--gold);margin-bottom:10px;border-bottom:1px solid var(--line-soft);padding-bottom:5px;letter-spacing:1px}.invGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.slot,.mslot,.eslot{background:linear-gradient(#18211d,#0f1311);border:1px solid var(--line-soft);border-radius:var(--rad-slot);box-shadow:inset 0 0 0 1px #00000040;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .08s,box-shadow .1s,border-color .1s}.slot{aspect-ratio:1;font-size:23px}.slot.has:hover,.mslot:hover,.eslot:hover{transform:translateY(-1px);box-shadow:var(--glow)}.slot .qty,.mslot .qty{position:absolute;right:2px;bottom:1px;font-family:var(--f-mono);font-size:9px;font-weight:700;color:var(--gold-soft);text-shadow:1px 1px 1px #000}.slot .tierBadge,.eslot .tierBadge{position:absolute;left:2px;top:1px;font-family:var(--f-pixel);font-size:7px;font-weight:700;line-height:1;text-shadow:0 1px 1px #000;pointer-events:none}.slot:has(.tint1),.mslot:has(.tint1),.eslot:has(.tint1){border-color:var(--t-iron)}.slot:has(.tint2),.mslot:has(.tint2),.eslot:has(.tint2){border-color:var(--t-steel)}.slot:has(.tint3),.mslot:has(.tint3),.eslot:has(.tint3){border-color:var(--t-mithril);box-shadow:inset 0 0 0 1px #8b5cf659}.slot:has(.tint4),.mslot:has(.tint4),.eslot:has(.tint4){border-color:var(--t-adamant);box-shadow:inset 0 0 0 1px #17b8a659}.slot:has(.tint5),.mslot:has(.tint5),.eslot:has(.tint5){border-color:var(--t-rune);box-shadow:inset 0 0 0 1px #f2b53a66}.slot:has(.tint6),.mslot:has(.tint6),.eslot:has(.tint6){border-color:var(--t-dragon);box-shadow:inset 0 0 0 1px #ff4d6d73}.tint1{filter:saturate(.4) brightness(1.05)}.tint2{filter:saturate(.18) brightness(1.3)}.tint3{filter:hue-rotate(255deg) saturate(1.7) brightness(1.05)}.tint4{filter:hue-rotate(150deg) saturate(1.6)}.tint5{filter:hue-rotate(15deg) saturate(1.9) brightness(1.12)}.tint6{filter:hue-rotate(320deg) saturate(1.9) brightness(1.05)}.skillGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.skill{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--rad);padding:6px 8px;display:flex;align-items:center;gap:7px}.skill.clk{cursor:pointer;transition:transform .08s,box-shadow .1s,border-color .1s}.skill.clk:hover{transform:translateY(-1px);box-shadow:var(--glow);border-color:var(--gold)}.skill .ic{font-size:17px}.skill .nm{font-size:11px;color:#c9bfa6;flex:1}.skill .lv{font-family:var(--f-mono);font-size:14px;color:var(--gold-soft);font-weight:700}.totalLvl{margin-top:10px;text-align:center;font-family:var(--f-head);font-size:14px;color:var(--gold)}.sgBack{background:none;border:none;color:var(--gold);font-size:20px;line-height:1;cursor:pointer;margin-right:8px;padding:0 4px;font-family:var(--f-body)}.sgBack:hover{color:var(--gold-soft)}.sgList{display:flex;flex-direction:column;gap:5px}.sgRow{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--rad);padding:7px 9px;opacity:.5}.sgRow.ok{opacity:1;border-color:#3a6a3a}.sgLvl{flex:none;min-width:36px;text-align:center;font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--muted)}.sgRow.ok .sgLvl{color:#7fd07f}.sgLabel{font-size:12px;color:var(--parch);line-height:1.35}.equipBox{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 6px;justify-items:center;margin-bottom:18px;margin-top:6px}.eslot{width:52px;height:52px;font-size:25px}.eslot .lbl{position:absolute;bottom:-14px;font-size:6px;color:#8a9a90;white-space:nowrap;font-family:var(--f-pixel)}.eslot.lock2h{cursor:not-allowed;opacity:.55;border-color:var(--danger);background:linear-gradient(#50141059,#280c0a59)}.eslot.lock2h .lock2hMark{font-size:22px;color:var(--danger);line-height:1}.stats{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--rad);padding:8px;font-size:13px;margin-top:6px}.stats div{display:flex;justify-content:space-between;padding:2px 0}.stats div span:last-child{font-family:var(--f-mono);color:var(--gold-soft)}.trainInfo{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:8px 10px;background:#141c19;border:1px solid var(--line-soft);border-radius:var(--rad-slot);text-align:center}.trainInfo .tiMode{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);font-family:var(--f-body)}.trainInfo .tiSub{font-size:10px;line-height:1.5;color:#8a9a90;font-family:var(--f-body)}.qcard,.qbcard{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--rad);padding:8px 10px;margin-bottom:8px}.qcard .qn{color:var(--gold-soft);font-size:13px;font-weight:700}.qcard .qo{font-size:11px;margin-top:3px}.qcard .qg{color:#8a9a90;font-size:10px;margin-top:2px}.qsec{font-family:var(--f-head);color:#c9bfa6;font-size:12px;margin:12px 0 6px;letter-spacing:1px}.qtag{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--muted);border-radius:var(--rad-pill);font-size:9px;font-weight:700;letter-spacing:.4px;vertical-align:middle;text-transform:uppercase}.qzone{display:inline-flex;align-items:center;gap:3px;color:#8a9a90;font-size:10px;margin-top:2px}.qcard.qtrail{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,rgba(202,162,74,.08),var(--card) 40%)}.qbbar{height:6px;background:var(--inset-bg2);border-radius:3px;margin-top:5px;overflow:hidden}.qbfill{height:100%;background:linear-gradient(var(--gold),#8a6a2a);transition:width .3s}.qbbtns{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.qbbtns button{padding:4px 10px;font-size:11px;cursor:pointer;background:#243029;color:var(--gold-soft);border:1px solid var(--line-soft);border-radius:var(--rad-slot);font-family:var(--f-body)}.qbbtns button.qbgo{background:#2c5a2c;border-color:#4a8a4a;color:#cfe9cf}.qbbtns button.qbtracked{background:var(--line-soft);color:var(--gold-soft);border-color:var(--gold)}.qbtop{display:flex;justify-content:space-between;align-items:baseline}.qbtop .qn{color:var(--gold-soft);font-size:13px;font-weight:700}.qbgiver{color:#8a9a90;font-size:10px}.qbreward{color:#9ad29a;font-size:11px;margin-top:4px}.qDesc{font-size:11px;color:var(--muted);font-style:italic;line-height:1.45;margin:3px 0 5px}.qSteps{margin:4px 0;display:flex;flex-direction:column;gap:2px}.qStep{font-size:11px;color:#c9bfa6;line-height:1.4;padding-left:12px;position:relative}.qStep:before{content:"◦";position:absolute;left:2px;color:var(--gold)}.rwRow{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rwChip{display:inline-flex;align-items:center;gap:3px;background:var(--inset-bg);border:1px solid var(--line-soft);border-radius:999px;padding:2px 8px;font-size:11px;color:var(--gold-soft)}.rwLabel{font-family:var(--f-head);color:#c9bfa6;font-size:11px;letter-spacing:.5px;margin-top:7px}.panel button.act{width:100%;padding:10px;margin-top:8px;cursor:pointer;background:#243029;color:var(--gold-soft);border:1px solid var(--line-soft);border-radius:var(--rad-md);font-size:var(--fs-md);font-family:var(--f-body);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.panel button.act:hover{transform:translateY(-1px);border-color:var(--accent-interactive);box-shadow:var(--elev-2)}.panel button.act:active{transform:translateY(1px);box-shadow:var(--elev-0)}.panel button.danger{background:#4a1414;border-color:#7a2a2a;color:#f0c9c9}.backupBox{margin-top:8px;padding:8px;border:1px solid var(--line-soft);border-radius:var(--rad-md);background:#0000002e}.backupBox .act:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.saveCodeBox{width:100%;resize:vertical;margin-bottom:6px;padding:7px;font-family:var(--f-mono);font-size:11px;line-height:1.35;color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--rad-sm);word-break:break-all}.saveCodeBox:focus{outline:none;border-color:var(--accent-interactive)}.aboutLinks{margin-top:14px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.aboutLinks a{color:var(--gold-soft);text-decoration:none}.aboutLinks a:hover{text-decoration:underline}.helpTxt{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.helpTxt b{color:#c9bfa6}.setRow{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:#c9bfa6}.setRow input[type=range]{flex:1;accent-color:var(--gold)}.modalScrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:39;background:#080b098c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:scrimIn var(--dur-med) var(--ease-standard)}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}#modal{position:absolute;left:50%;top:7%;transform:translate(-50%);width:min(540px,92%);max-height:86%;overflow-y:auto;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--rad-lg);padding:18px;z-index:40;box-shadow:var(--elev-3);animation:slideUp var(--dur-slow) var(--ease-standard)}#modal .mhead{position:sticky;top:-18px;z-index:2;background:var(--panel);margin:-18px -18px 14px;padding:16px 18px 12px;border-bottom:1px solid var(--line);border-radius:var(--rad-lg) var(--rad-lg) 0 0}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#modal .mhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}#modal h2{display:flex;align-items:center;gap:var(--space-2);font-family:var(--f-display);color:var(--gold);font-size:var(--fs-lg);font-weight:700;letter-spacing:.5px}#modal h2 .mheadIcon{color:var(--metal-hi)}#modal .x{cursor:pointer;color:var(--muted);background:none;border:none;padding:6px;margin:-6px -4px -6px 0;border-radius:var(--rad-sm);display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}#modal .x:hover{color:var(--text-primary);background:#ffffff0f}.catTabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.catTab{font-size:var(--fs-xs);padding:3px 10px;border-radius:var(--rad-pill);cursor:pointer;color:var(--muted);background:var(--surface-sunken);border:1px solid var(--line-soft);font-family:var(--f-body);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.catTab:hover{color:var(--text-primary);border-color:var(--accent-interactive)}.catTab.on{background:var(--state-selected);border-color:var(--accent-interactive);color:var(--metal-hi);font-weight:700}.mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mslot{aspect-ratio:1;font-size:21px}.msub{font-family:var(--f-head);color:#c9bfa6;font-size:13px;margin:14px 0 6px;display:flex;align-items:center;gap:8px}.msub button{padding:3px 10px;cursor:pointer;background:#243029;color:var(--gold-soft);border:1px solid var(--line-soft);border-radius:var(--rad-slot);font-size:12px;font-family:var(--f-body);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.msub button:hover{border-color:var(--accent-interactive)}.msub button.on{background:var(--state-selected);border-color:var(--accent-interactive);color:var(--metal-hi);font-weight:700}.recipe{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--rad);padding:8px 10px;margin-bottom:6px;cursor:pointer;transition:transform .08s,box-shadow .1s}.recipe:hover{transform:translateY(-1px);box-shadow:var(--glow)}.recipe.lock{opacity:.45;cursor:not-allowed}.recipe.lock:hover{transform:none;box-shadow:none}.recipe .ic{font-size:23px}.recipe .info{flex:1}.recipe .n{font-size:13px;color:var(--gold-soft)}.recipe .d{font-size:11px;color:var(--muted)}.recipe .price{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--f-mono);font-size:12px;color:var(--gold-soft)}.recipe .lockReason{font-size:var(--fs-xs);color:var(--danger);margin-top:2px}.dlgText{font-size:15px;line-height:1.65;color:var(--parch);margin-bottom:16px}#modal.dlgPaper{background:var(--surface-document);border:1px solid #cbb88f;color:var(--ink-dark);width:min(560px,92%);padding:22px 24px}.dlgPaper .dlgClose{position:absolute;top:12px;right:14px;background:none;border:none;color:#8a7a55;cursor:pointer;padding:4px;border-radius:var(--rad-sm);display:flex;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.dlgPaper .dlgClose:hover{color:var(--ink-dark);background:#0000000f}.dlgHead{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.dlgAvatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:#b58a3c2e;border:2px solid var(--metal-structural);flex:none}.dlgName{font-family:var(--f-display);font-size:var(--fs-lg);font-weight:700;color:#3a2e16}.dlgPaper .dlgText{font-family:var(--f-head);font-size:var(--fs-md);line-height:1.75;color:#2a2212;margin:0 0 var(--space-4)}.dlgFoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.12);padding-top:var(--space-3)}.dlgPage{font-family:var(--f-mono);font-size:var(--fs-sm);color:#8a7a55}.dlgBtns{display:flex;align-items:center;gap:var(--space-2)}.dlgBack{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-body);font-size:var(--fs-sm);font-weight:600;color:#6a5b3a;cursor:pointer;background:none;border:1px solid #c9b88c;border-radius:var(--rad-md);padding:7px 14px;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.dlgBack:hover{background:#0000000d;color:var(--ink-dark)}.dlgBack .icon.flip{transform:rotate(180deg)}.dlgNext{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-body);font-size:var(--fs-md);font-weight:700;color:#fff;cursor:pointer;background:var(--accent-interactive);border:1px solid var(--accent-bright);border-radius:var(--rad-md);padding:8px 18px;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.dlgNext:hover{background:var(--accent-bright);color:var(--ink-dark);transform:translateY(-1px)}.dlgNext:active{transform:translateY(1px)}.ctxLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.ctxMenu{position:fixed;min-width:152px;background:var(--surface-popover);border:1px solid var(--line-soft);border-radius:var(--rad-md);padding:var(--space-1);box-shadow:var(--elev-2);animation:pop var(--dur-fast) var(--ease-standard)}.ctxItem{display:block;width:100%;text-align:left;padding:6px 10px;font-size:13px;cursor:pointer;background:none;border:none;color:var(--parch);border-radius:var(--rad-slot);font-family:var(--f-body)}.ctxItem:hover{background:var(--line-soft);color:var(--gold-soft)}.itemTip{position:fixed;z-index:80;pointer-events:none;background:var(--surface-popover);color:var(--text-primary);border:1px solid var(--line-soft);border-radius:var(--rad-md);padding:var(--space-2) var(--space-3);box-shadow:var(--elev-2);font-family:var(--f-body);font-size:12px;line-height:1.42;animation:ttFade .1s ease}.itemTip.noAnim{animation:none}@keyframes ttFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.itemTip{animation:none}}.itemTip .ttName{font-family:var(--f-head);font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px;line-height:1.15}.itemTip .ttName .tierBadge{font-family:var(--f-mono);font-size:10px;font-weight:700}.itemTip .ttType{color:var(--muted);font-size:11px;margin:2px 0 6px}.itemTip .ttStats{display:flex;flex-direction:column;gap:1px}.itemTip .ttStat{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px}.itemTip .ttStat b{color:var(--gold-soft);font-weight:700}.itemTip .ttStat.m,.itemTip .ttStat.m b{color:var(--muted);font-weight:400}.itemTip .ttSpecHdr{color:var(--accent-bright);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;margin:7px 0 2px}.itemTip .ttSpec{color:var(--accent-bright);font-size:11px;margin:1px 0;line-height:1.35}.itemTip .ttReq{font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-top:7px}.itemTip .ttReq.unmet{color:var(--hp)}.itemTip .ttFlavour{font-size:11px;color:var(--muted);font-style:italic;line-height:1.45;margin-top:7px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:#0a0a0a;color:#f3ead4;font-family:Archivo,Trebuchet MS,Verdana,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#2f8f7e;border-radius:4px}