:root{--bg: #f3efe6;--bg-2: #e9e3d5;--panel: #fffef9;--panel-2: #f4efe3;--line: #ddd5c4;--line-2: #cabfa8;--text: #26303f;--muted: #6d7486;--teal: #0e9c94;--teal-deep: #0a736c;--teal-soft: #dcefec;--verm: #e24a45;--verm-deep: #b8362f;--verm-soft: #f8e2df;--gold: #cf9224;--gold-soft: #f6ecd6;--accent: var(--teal);--accent-2: var(--gold);--good: #12a06f;--bad: #dc4257;--you: var(--teal);--foe: var(--verm);--glow-cyan: 0 0 0 1px rgba(14, 156, 148, .18), 0 4px 14px rgba(14, 156, 148, .16);--glow-mag: 0 0 0 1px rgba(226, 74, 69, .18), 0 4px 14px rgba(226, 74, 69, .14);--shadow-card: 0 8px 24px rgba(56, 48, 30, .12);--font: "Chakra Petch", ui-sans-serif, system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:.2px}body{position:relative;background:radial-gradient(900px 620px at 12% -8%,rgba(14,156,148,.1),transparent 60%),radial-gradient(1000px 700px at 108% 116%,rgba(226,74,69,.08),transparent 58%),linear-gradient(180deg,#f7f3ea 0%,var(--bg) 55%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(38,48,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,48,63,.035) 1px,transparent 1px);background-size:46px 46px,46px 46px;mix-blend-mode:multiply;opacity:.5}#root{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}button{font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;background:var(--panel);box-shadow:0 1px 2px #38301e14;transition:background .14s,border-color .14s,box-shadow .14s,transform .06s,color .14s}button:hover:not(:disabled){background:#fffefb;border-color:var(--teal);box-shadow:var(--glow-cyan)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#17b3a9 0%,var(--teal-deep) 100%);border-color:#0c8078;color:#f4fbfa;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.18);box-shadow:0 1px #ffffff59 inset,0 6px 16px #0e9c9447}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#24c3b8,#0c8078);border-color:#0a736c;box-shadow:0 1px #fff6 inset,0 8px 22px #0e9c9466}button.ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--line);background:#26303f0a;box-shadow:none}input,select{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:8px 11px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:var(--glow-cyan)}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;background:var(--panel-2);font-family:var(--font-mono);font-size:11px;color:var(--teal-deep)}.app{max-width:1280px;margin:0 auto;padding:22px}.home-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.home-header h1{margin:0;font-size:46px;font-weight:700;line-height:.95;letter-spacing:9px;text-transform:uppercase;background:linear-gradient(100deg,var(--teal-deep) 0%,var(--teal) 42%,#1a6f7e 58%,var(--verm) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(56,48,30,.12))}.tagline{margin:8px 0 0;color:var(--muted);font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.tagline:before{content:"";display:inline-block;width:22px;height:2px;margin-right:9px;vertical-align:middle;background:linear-gradient(90deg,var(--verm),transparent)}.home-stats{display:flex;gap:26px}.home-stats div{display:flex;flex-direction:column;align-items:flex-end}.home-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.home-stats b{font-size:17px}.ok{color:var(--good)}.bad{color:var(--bad)}.home-nav{display:flex;gap:10px;margin:18px 0}.warning{background:#fbe4e2;border:1px solid #e0a6a0;border-radius:8px;padding:12px 16px;color:#a83a44;font-size:13px;margin-bottom:18px}.warning ul{margin:8px 0 0;padding-left:18px}.warning.small,.note.small{font-size:12px;padding:8px 12px;margin:0 0 10px}.note{background:#e3eef1;border:1px solid #a7c6cf;border-radius:8px;padding:10px 14px;color:#2a5f6b;font-size:13px;margin-bottom:14px}.areas{display:flex;flex-direction:column;gap:26px}.area h2{margin:0 0 2px;font-size:19px;letter-spacing:2px}.blurb{margin:0 0 12px;color:var(--muted);font-size:12.5px}.encounters{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.encounter{position:relative;text-align:left;padding:12px 14px;background:linear-gradient(160deg,var(--panel),var(--bg-2));min-height:84px}.encounter.boss{border-color:#cfa6c8;background:linear-gradient(160deg,#f6e7ef,#f3e3ee)}.enc-name{font-weight:700;font-size:14px;margin-bottom:7px}.enc-line{display:flex;flex-wrap:wrap;gap:4px}.blight-pip{font-size:10px;padding:2px 6px;border-radius:4px;background:#fbf8f0;color:var(--muted)}.enc-rank{position:absolute;top:8px;right:10px;font-size:20px;font-weight:800}.rank-S{color:#cf9224}.rank-A{color:#3fbdb3}.rank-B{color:#17a074}.rank-C{color:#39424f}.rank-D{color:#767a88}.codex{margin-top:34px;border-top:1px solid var(--line);padding-top:20px}.codex h2{margin:0 0 2px;font-size:17px;letter-spacing:2px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.codex-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.codex-head{display:flex;justify-content:space-between;align-items:center}.codex-hp{font-size:11px;color:var(--muted);margin:2px 0 6px}.codex-card p{margin:0;font-size:11.5px;color:#5a5f6e;line-height:1.45}.elem{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#fbf8f0}.elem-fire{color:#ff9a63}.elem-aqua{color:#1f9fb0}.elem-elec{color:#cf9224}.elem-wood{color:#17a074}.elem-none{color:var(--muted)}.battle-wrap{display:flex;flex-direction:column;gap:10px}.battle-topbar{display:flex;align-items:center;gap:16px}.encounter-name{font-weight:700;letter-spacing:2px}.mute-toggle{margin-left:auto;font-size:15px;padding:4px 8px}.hint{font-size:11px;color:var(--muted)}.stage{position:relative;width:960px;max-width:100%;margin:0 auto}.game-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#eee7d9;image-rendering:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px}.overlay.center{display:flex;align-items:center;justify-content:center;background:#040812ad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.battle-start{font-size:30px;font-weight:800;letter-spacing:5px;color:var(--accent-2);text-shadow:0 0 22px rgba(255,227,138,.5);animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.7);opacity:0}}.custom-overlay{display:flex;align-items:center;justify-content:center;background:#040812bd;padding:14px}.custom-panel{width:100%;max-height:100%;background:linear-gradient(160deg,#eee7d8,#efe8da);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.custom-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.custom-panel h3{margin:0;letter-spacing:3px;font-size:15px;color:var(--accent)}.sub{color:var(--muted);font-size:11px;margin:3px 0 0}.bandwidth{min-width:240px}.bandwidth-label{font-size:11px;color:var(--muted);text-align:right;margin-bottom:4px}.bandwidth-label b{color:var(--accent-2);font-size:14px}.bandwidth-bar{height:9px;background:#efe8da;border:1px solid var(--line);border-radius:5px;overflow:hidden}.bandwidth-fill{height:100%;background:linear-gradient(90deg,#0d8a82,#3fbdb3);transition:width .14s}.bandwidth-fill.over{background:var(--bad)}.hand{display:flex;gap:9px;align-items:stretch;min-height:0}.glyph-spacer{flex:1;min-height:6px}.glyph-card{position:relative;flex:1;display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;background:linear-gradient(170deg,#fffdf7,#ece4d3);border:1px solid var(--line);border-radius:9px;cursor:pointer}.glyph-card.selected{border-color:var(--accent-2);background:linear-gradient(170deg,#f3ead4,#f4eeda);box-shadow:0 0 0 1px #ffe38a66,0 0 22px #ffe38a29}.glyph-card.retained{border-color:#6d3fd0}.glyph-card.disabled{opacity:.34}.glyph-top{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.glyph-order{color:#f7eed8;background:var(--accent-2);font-weight:800;border-radius:9px;padding:1px 7px}.glyph-art{display:block;width:100%;height:auto;border-radius:6px;margin:2px 0 4px;box-shadow:0 2px 10px #00000073}.glyph-name{font-size:14px;font-weight:700}.glyph-figures{display:flex;align-items:center;gap:7px}.glyph-figures .shape-icon{margin-left:auto}.glyph-damage{font-size:26px;font-weight:800;line-height:1;color:#fff}.glyph-element{font-size:10px;letter-spacing:1px;color:var(--muted)}.glyph-card.elem-fire .glyph-element{color:#ff9a63}.glyph-card.elem-aqua .glyph-element{color:#1f9fb0}.glyph-card.elem-elec .glyph-element{color:#cf9224}.glyph-card.elem-wood .glyph-element{color:#17a074}.glyph-tags{display:flex;flex-wrap:wrap;gap:3px}.tag{font-size:9px;padding:1px 5px;border-radius:3px;background:#e2dac8;color:#5f6473}.glyph-mb{margin-top:auto;font-size:12px;font-weight:700;color:var(--accent)}.glyph-mb.discount{color:var(--good)}.glyph-mb s{color:var(--muted);font-weight:400}.glyph-desc{font-size:10px;color:#71768a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.glyph-card:hover .glyph-desc,.glyph-card:focus-within .glyph-desc{-webkit-line-clamp:4;color:#5a5f6e}.glyph-figures .shape-icon{transform:scale(1.15);transform-origin:right center}.keep-btn{position:absolute;top:7px;right:8px;font-size:9px;color:var(--muted);padding:2px 5px;border-radius:4px;background:#eee7d8}.keep-btn:hover,.glyph-card.retained .keep-btn{color:#7a52d6}.empty-hand{color:var(--muted);padding:30px}.pa-banner{text-align:center;padding:7px;border-radius:7px;background:linear-gradient(90deg,#e9d5a4,#d8bc7e,#e9d5a4);color:var(--accent-2);font-size:13px;letter-spacing:2px;animation:glow 1s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 20px #ffe38a59}}.pa-progress{text-align:center;padding:6px;border-radius:7px;background:#fffdf7;border:1px dashed #c2b9a4;color:#5a86b0;font-size:12px}.pa-progress b{color:var(--accent-2)}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:26px}.upgrade-card{background:linear-gradient(170deg,#fffdf7,#ece4d3);border:1px solid var(--line);border-radius:9px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.upgrade-step{font-size:11px;color:var(--accent)}.upgrade-card p{margin:0;font-size:11px;color:#666b7a;line-height:1.4;flex:1}.shop h2{font-size:16px;letter-spacing:2px;margin:0 0 2px}.collection-stats .mon{color:var(--accent-2);font-size:16px}.custom-panel footer{display:flex;justify-content:space-between;align-items:center}.recycle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer}.recycle.on{color:var(--text)}.custom-actions{display:flex;gap:9px}.result-card{background:linear-gradient(160deg,#ece4d3,#efe8da);border:1px solid var(--line);border-radius:12px;padding:22px 28px;min-width:380px;text-align:center}.result-card h2{margin:0;letter-spacing:4px;font-size:19px}.result-card h2.win{color:var(--good)}.result-card h2.lose{color:var(--bad)}.rank{font-size:74px;font-weight:900;line-height:1;margin:6px 0 12px;text-shadow:0 0 30px currentColor}.result-stats{list-style:none;padding:0;margin:0 0 14px;font-size:12.5px}.result-stats li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f2ecdf}.result-stats span{color:var(--muted)}.rewards{border-top:1px solid var(--line);padding-top:12px;margin-bottom:14px}.mon{color:var(--accent-2);font-size:17px;font-weight:700}.reward-glyphs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px}.glyph-pill{font-size:11px;padding:3px 9px;border-radius:20px;background:#e4dccb;border:1px solid var(--accent)}.result-actions{display:flex;gap:10px;justify-content:center}.editor-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.editor-header h1{margin:0;font-size:21px;letter-spacing:3px}.scroll-switch{margin-left:auto;display:flex;gap:8px}.scroll-name{width:150px}.editor-body{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}.scroll-side{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;position:sticky;top:14px}.scroll-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scroll-head h2{margin:0;font-size:15px;letter-spacing:2px}.scroll-tools{display:flex;gap:6px}.scroll-tools button{padding:5px 9px;font-size:11px}.scroll-list{list-style:none;margin:0 0 14px;padding:0;max-height:46vh;overflow-y:auto}.scroll-row{display:grid;grid-template-columns:30px 1fr 52px 40px 26px 26px;align-items:center;gap:4px;padding:5px 6px;border-radius:6px;font-size:12px;border-left:3px solid transparent}.scroll-row:nth-child(odd){background:#eee7d8}.scroll-row.elem-fire{border-left-color:#ff7a3d}.scroll-row.elem-aqua{border-left-color:#0e9c94}.scroll-row.elem-elec{border-left-color:#e0a91e}.scroll-row.elem-wood{border-left-color:#12a06f}.scroll-row.rarity-prime .name{color:#c85fb0}.scroll-row.rarity-apex .name{color:var(--accent-2)}.scroll-row.rarity-relic .name{color:var(--verm-deep);font-weight:700}.scroll-row .count{color:var(--muted)}.scroll-row .mb,.scroll-row .dmg{color:var(--muted);text-align:right;font-size:11px}.scroll-row button{padding:2px 0;font-size:11px;background:transparent;border-color:transparent}.scroll-row .reg.on{color:var(--accent-2)}.scroll-row .minus:hover{color:var(--bad);border-color:var(--bad)}.scroll-row.empty,.empty{color:var(--muted);font-size:12px;padding:10px}.scroll-stats h3{font-size:11px;letter-spacing:2px;color:var(--muted);margin:14px 0 6px}.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}.stat-row span{color:var(--muted)}.tag-bars{display:flex;flex-direction:column;gap:3px}.tag-bar{display:grid;grid-template-columns:66px 1fr 22px;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.tag-bar .bar{height:6px;background:#eee7d8;border-radius:3px;overflow:hidden}.tag-bar .bar div{height:100%;background:linear-gradient(90deg,#0d8a82,#3fbdb3)}.library-controls{display:flex;gap:8px;margin-bottom:10px}.library-controls input{flex:1}.library-controls.wide{margin:14px 0}.toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.tag-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.tag-filter{padding:4px 9px;font-size:11px;background:transparent}.tag-filter.on{background:#e4dccb;border-color:var(--accent);color:#fff}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:9px;align-content:start}.lib-art{display:block;width:100%;height:auto;border-radius:5px;margin-bottom:2px}.lib-card{text-align:left;padding:9px 10px;border-radius:8px;background:linear-gradient(170deg,#fffdf7,#eee7d8);border:1px solid var(--line);border-left-width:3px;display:flex;flex-direction:column;gap:4px}.lib-card.elem-fire{border-left-color:#ff7a3d}.lib-card.elem-aqua{border-left-color:#0e9c94}.lib-card.elem-elec{border-left-color:#e0a91e}.lib-card.elem-wood{border-left-color:#12a06f}.lib-card.rarity-prime{background:linear-gradient(170deg,#efe4f0,#f0e6f2)}.lib-card.rarity-apex{background:linear-gradient(170deg,#efe1c0,#f5ecd4)}.lib-card.rarity-relic{background:linear-gradient(170deg,#f8ded9,#fceae6);border-color:#e9a9a2;box-shadow:0 0 0 1px #e24a452e,var(--shadow-card)}.lib-card.out,.lib-card.locked{opacity:.42}button.lib-card:disabled{opacity:1;filter:saturate(.5) brightness(.72)}button.lib-card.out:disabled{opacity:.42}.lib-card.static{cursor:default}.lib-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.lib-name{font-size:12.5px;font-weight:700}.lib-own{font-size:10px;color:var(--muted)}.lib-mid{display:flex;justify-content:space-between;align-items:baseline}.lib-dmg{font-size:20px;font-weight:800}.lib-mb{font-size:11px;color:var(--accent)}.lib-tags{display:flex;flex-wrap:wrap;gap:3px}.rarity-tag.prime{background:#e5cfe0;color:#c85fb0}.rarity-tag.apex{background:#e0c891;color:var(--accent-2)}.rarity-tag.relic{background:#f2ccc7;color:var(--verm-deep);font-weight:700}.lib-desc{font-size:10px;color:#6d7280;line-height:1.35}.merge{margin-top:6px;padding:4px 6px;font-size:10px}.collection-stats{margin-left:auto;font-size:12px;color:var(--muted)}.pa-list{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.pa-list h2{margin:0 0 2px;font-size:16px;letter-spacing:2px}.pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.pa-card{background:linear-gradient(170deg,#f4ead0,#f7efdb);border:1px solid #e0c891;border-radius:8px;padding:11px 13px}.pa-card b{color:var(--accent-2);font-size:14px}.pa-seq{font-size:11px;color:#a97e18;margin:5px 0}.pa-desc{font-size:10.5px;color:#6d7280;line-height:1.4}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}@media(max-width:1080px){.editor-body{grid-template-columns:1fr}.scroll-side{position:static}}.run h1{margin:0;font-size:21px;letter-spacing:3px}.archetype-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:18px}.archetype-card{text-align:left;padding:16px 18px;background:linear-gradient(165deg,#fffdf7,#eee7d8);display:flex;flex-direction:column;gap:8px}.archetype-card h2{margin:0;font-size:18px;letter-spacing:2px;color:var(--accent)}.archetype-card p{margin:0;font-size:12px;color:#666b7a;line-height:1.5}.archetype-scroll{display:flex;flex-wrap:wrap;gap:4px}.glyph-pill.small{font-size:10px;padding:2px 7px;border:1px solid var(--line);background:#f5f0e4}.archetype-foot{margin-top:auto;font-size:11px;color:var(--accent-2)}.run-track{display:flex;gap:6px;margin:18px 0;flex-wrap:wrap}.run-node{position:relative;width:54px;height:46px;border-radius:8px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.run-node.elite{border-color:#d0b482}.run-node.boss{border-color:#cfa6c8;background:linear-gradient(160deg,#f6e7ef,#f3e3ee)}.run-node.done{opacity:.42;border-color:var(--good)}.run-node.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #4fc3ff47;color:var(--text)}.run-node-depth{font-size:15px;font-weight:800}.run-node-kind{font-size:8px;letter-spacing:1px;color:var(--accent-2)}.run-next{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel),var(--bg-2));margin-bottom:20px}.run-next h2{margin:0 0 6px;font-size:16px;letter-spacing:2px}.draft-heading{font-size:13px;letter-spacing:2px;color:var(--muted);margin:20px 0 10px}.boon-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.boon-card{text-align:left;padding:12px 14px;background:linear-gradient(170deg,#f4ead0,#f7efdb);border-color:#e0c891;display:flex;flex-direction:column;gap:5px}.boon-card b{color:var(--accent-2);font-size:13px}.boon-card span{font-size:11px;color:#6d7280;line-height:1.4}.boon-card.skip{background:linear-gradient(170deg,#f5f0e4,#efe8da);border-color:var(--line)}.boon-card.skip b{color:var(--muted)}.result-card.standalone{margin:60px auto}.run-scroll{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}.howto{margin-bottom:26px}.howto-toggle{background:transparent;border-color:var(--line);font-size:12px;letter-spacing:1px;color:var(--muted)}.howto-toggle:hover{color:var(--text)}.howto-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(160deg,var(--panel),var(--bg-2))}.howto-col h3{margin:0 0 8px;font-size:12px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.howto-col p{margin:0 0 9px;font-size:12px;line-height:1.6;color:#5f6473}.howto-col b{color:var(--text)}.howto-col b.pink{color:#e85f5a}@media(max-width:700px){.app{padding:12px}.battle-topbar{flex-wrap:wrap;gap:8px}.hint{display:none}.hand{flex-wrap:wrap}.glyph-card{min-width:132px}}.creator-body{display:grid;grid-template-columns:372px 1fr;gap:24px;align-items:start}.creator-preview{position:sticky;top:16px;background:linear-gradient(160deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.creator-preview canvas{width:100%;height:auto;border-radius:8px;display:block}.creator-name{text-align:center;font-size:15px;letter-spacing:2px}.creator-actions{display:flex;gap:8px}.creator-actions button{flex:1}.creator-options{display:flex;flex-direction:column;gap:12px}.creator-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px}.creator-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-align:right}.creator-choices{display:flex;flex-wrap:wrap;gap:6px}.opt{padding:6px 11px;font-size:12px;background:transparent}.opt.on{background:#e4dccb;border-color:var(--accent);color:#fff}.swatch{width:26px;height:26px;padding:0;border-radius:7px;border:2px solid var(--line)}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}@media(max-width:820px){.creator-body{grid-template-columns:1fr}.creator-preview{position:static}.creator-row{grid-template-columns:1fr}.creator-label{text-align:left}}.path{margin:18px 0 26px;padding:16px 18px;background:#eee7d8;border:1px solid #e4dccb;border-radius:10px}.path-head{display:flex;align-items:center;gap:14px}.path-head h2{margin:0;font-size:17px}.path-meter{flex:1;height:8px;background:#f2ecdf;border-radius:4px;overflow:hidden}.path-meter-fill{height:100%;background:linear-gradient(90deg,#0e9c94,#3f7fd0);transition:width .4s ease}.path-count{font-size:13px;color:#666b7a}.path-next{margin:12px 0 4px;padding:10px 12px;background:#fffdf7;border-left:3px solid #0e9c94;border-radius:0 6px 6px 0;font-size:14px}.path-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.path-stage{background:#efe8da;border:1px solid #f2ecdf;border-radius:8px;padding:12px}.path-stage.locked{opacity:.5}.path-stage h3{margin:0 0 4px;font-size:14px;color:#2b3545}.path-blurb{margin:0 0 8px;font-size:12px;color:#6d7486}.path-stage ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.path-stage li{display:flex;gap:8px;font-size:12.5px}.path-stage li.done .what strong{color:#0e9c94;text-decoration:line-through}.path-stage .tick{color:#b9af98}.path-stage li.done .tick{color:#0e9c94}.path-stage .what{display:flex;flex-direction:column;gap:2px}.path-stage .what em{font-style:normal;color:#6d7486;font-size:11.5px}.path-stage .prog,.path-stage .reward{font-size:11px;color:#cf9224}.versus-setup{max-width:560px;display:flex;flex-direction:column;gap:12px}.versus-setup label{display:flex;flex-direction:column;gap:5px;font-size:13px}.versus-setup input[type=text],.versus-setup input:not([type]){padding:8px 10px;border-radius:6px;border:1px solid #dcd3c1;background:#efe8da;color:#2b3545;font:inherit}.versus-toggle{flex-direction:row!important;align-items:center;gap:8px!important}.versus-hint{margin:0;font-size:12px;color:#6d7486}.versus-status{margin:10px 0 0;color:#cf9224;font-size:14px}.overlay.count{background:#060a1473}.countdown{font-size:120px;font-weight:800;color:#b07d16;text-shadow:0 4px 24px rgba(255,200,80,.5);animation:countpulse .6s ease-out}@keyframes countpulse{0%{transform:scale(1.7);opacity:.2}to{transform:scale(1);opacity:1}}.shape-icon{display:block;flex:0 0 auto}.shape-icon .shape-tile{fill:#f2ecdf}.shape-icon .shape-near{fill:#dcefe9}.shape-icon .shape-far{fill:#ece0ec}.shape-icon .shape-user{fill:#0e9c94}.shape-icon .shape-hit{fill:#ff9d4d}.lib-mid{display:flex;align-items:center;gap:8px}.lib-mid .shape-icon{margin-left:auto}.continue-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 8px;padding:16px 20px;background:linear-gradient(120deg,#fffdf7,#eee7d8);border:1px solid #dcd3c1;border-radius:12px}.continue-card h2{margin:4px 0;font-size:22px}.continue-card .blurb{margin:0;color:#71768a;font-size:13px}.continue-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0e9c94}.continue-go{flex:0 0 auto;font-size:15px;padding:12px 22px}.home-tabs{display:flex;gap:6px;margin:16px 0 4px;border-bottom:1px solid #f2ecdf}.home-tabs button{background:none;border:none;border-bottom:2px solid transparent;color:#71768a;font:inherit;font-size:14px;padding:8px 12px;cursor:pointer}.home-tabs button.on{color:#2b3545;border-bottom-color:#0e9c94}.home-tabs button:hover{color:#2b3545}.rank-why{display:flex;flex-direction:column;gap:3px;margin:2px 0 10px;font-size:12.5px;text-align:center}.rank-why .why-good{color:#12a086}.rank-why .why-work{color:#b07d16}.tutorial-coach{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:40;max-width:min(560px,88%);padding:10px 16px;border-radius:12px;background:#0a1018eb;border:1px solid #8fcabd;box-shadow:0 6px 22px #00000073,0 0 0 1px #5fe0c026;text-align:center;animation:coach-in .25s ease-out;pointer-events:none}.tutorial-coach .coach-eyebrow{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#0e9c94;margin-bottom:3px}.tutorial-coach p{margin:0;font-size:14px;line-height:1.35;color:#26303f}.tutorial-coach.coach-win{border-color:#cf9224;box-shadow:0 6px 22px #00000073,0 0 0 1px #d9a44133}.tutorial-coach.coach-win .coach-eyebrow{color:#cf9224}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.duel-net{display:flex;align-items:center;gap:8px;font-size:12px;color:#6d7280;font-variant-numeric:tabular-nums}.duel-net .net-sep{opacity:.4}.duel-net .net-dot{width:8px;height:8px;border-radius:50%;background:#0e9c94;box-shadow:0 0 6px #5fe0c099}.duel-net .net-dot.net-reconnecting{background:#cf9224;box-shadow:0 0 6px #f0c67499;animation:net-pulse .8s ease-in-out infinite}.duel-net .net-dot.net-closed{background:#d64a44;box-shadow:0 0 6px #e0606099}.duel-net .net-dot.net-connecting{background:#6d7280}@keyframes net-pulse{0%,to{opacity:1}50%{opacity:.35}}.codex-subhead{margin:22px 0 6px;font-size:18px}.terrain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.terrain-card{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#141a2899;border:1px solid rgba(120,150,190,.14)}.terrain-card b{font-size:13.5px}.terrain-card p{margin:3px 0 0;font-size:12.5px;line-height:1.35;color:#6d7280}.terrain-swatch{flex:0 0 auto;width:20px;height:20px;margin-top:2px;border-radius:5px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 6px #0006}.run-relics{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.run-relics-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6d3fd0}.relic-pill{padding:3px 10px;border-radius:999px;font-size:12px;color:#6d4bd0;background:#8c6eff29;border:1px solid rgba(140,110,255,.4)}.run-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:8px 0 22px}.run-choice{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;background:#141828b3;border:1px solid rgba(120,140,180,.22)}.run-choice.elite{border-color:#ff9d4d80}.run-choice.boss{border-color:#e060608c}.run-choice.event{border-color:#5fe0c080}.run-choice-kind{align-self:flex-start;font-size:10px;letter-spacing:.18em;padding:2px 8px;border-radius:6px;background:#ffffff14;color:#2b3545}.run-choice.elite .run-choice-kind{color:#c07d2a}.run-choice.event .run-choice-kind{color:#12a086}.run-choice h2{margin:0;font-size:17px}.run-choice .run-choice-flavor{margin:0;font-size:13px;color:#6d7280;flex:1}.run-choice .enc-line{flex:1}.run-choice button.primary{margin-top:auto}.relic-row .relic-card{border-color:#8c6eff73}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.mastery-card{padding:12px 14px;border-radius:10px;background:#141a2899;border:1px solid #f6f1e6;opacity:.6}.mastery-card.earned{opacity:1;border-color:#cf9224;background:#28211066}.mastery-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mastery-icon{font-size:16px;color:#767a88}.mastery-card.earned .mastery-icon{color:#cf9224}.mastery-head b{font-size:14px}.mastery-card p{margin:0;font-size:12.5px;color:#6d7280;line-height:1.4}.mastery-progress{position:relative;margin-top:8px;height:12px;border-radius:6px;background:#0a1018b3;overflow:hidden}.mastery-progress .mastery-bar{height:100%;background:linear-gradient(90deg,#0e8f96,#0e9c94)}.mastery-progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#26303f}.run-mode-toggle{display:flex;gap:6px;margin:8px 0 4px}.run-mode-toggle button{padding:6px 16px;border-radius:8px;border:1px solid #e4dccb;background:#141a2899;color:#6d7280;cursor:pointer}.run-mode-toggle button.on{border-color:#0e9c94;color:#26303f;background:#1e3c3780}.run-mode-toggle button:disabled{opacity:.45;cursor:not-allowed}.endless-depth{text-align:center;font-size:18px;letter-spacing:.05em;color:#39424f;margin:14px 0}.endless-depth b{color:#ff9d4d;font-size:22px}.endless-depth span{color:#71768a;font-size:13px}.creator-options .opt.locked{opacity:.5;cursor:not-allowed}.achievement-toasts{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:10px}.achievement-toast{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:#101622f5;border:1px solid #cf9224;box-shadow:0 8px 26px #00000080;animation:toast-in .3s ease-out}.achievement-toast .ach-star{font-size:22px;color:#cf9224}.achievement-toast .ach-eyebrow{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#cf9224}.achievement-toast b{font-size:14px;color:#f4efe4}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.duel-record{display:flex;align-items:center;gap:8px;font-size:13px;color:#6d7280;margin-bottom:4px}.duel-record b{color:#26303f;font-variant-numeric:tabular-nums}.duel-record b.streak-on{color:#cf9224}.quick-match{width:100%;font-size:15px}.versus-or{display:flex;align-items:center;gap:10px;margin:6px 0 2px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#767a88}.versus-or:before,.versus-or:after{content:"";flex:1;height:1px;background:#9fb4c42e}.home-stats b,.hud b,.hud .num,.lib-dmg,.lib-mb,.mon,.rank,.countdown,.duel-net,.net-line,.result-stats b,.endless-depth,.record-line{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.reward-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:8px 0 6px}.reward-glyphs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.reward-glyph{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px 7px;border-radius:10px;background:var(--panel);border:1px solid var(--line);min-width:84px}.reward-glyph.rarity-apex{border-color:#e0c891}.reward-glyph.rarity-relic{border-color:#e9a9a2;background:linear-gradient(170deg,#fceae6,var(--panel));box-shadow:0 0 0 1px #e24a4533,0 6px 18px #e24a4529;animation:relic-pop .4s ease-out}.reward-glyph-name{font-size:11.5px;font-weight:600;color:var(--text)}@keyframes relic-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}