#ui{position:fixed;inset:0;pointer-events:none;z-index:20;font-family:Inter,system-ui,sans-serif;color:#efeaf9;--gold: #f5c96b;--purple: #a879ff;--cyan: #55d6ff;--panel: rgba(13, 16, 32, .92);--line: rgba(168, 121, 255, .35)}#ui *{box-sizing:border-box}#ui .serif{font-family:Cormorant Garamond,serif}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 14px;pointer-events:none}#hud .lvl{min-width:46px;height:46px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#2a2350,#151228);border:2px solid var(--gold);box-shadow:0 0 14px #f5c96b59}#hud .lvl b{font-size:17px;line-height:1;color:var(--gold)}#hud .lvl span{font-size:8px;letter-spacing:.08em;opacity:.8}#hud .bars{flex:1;max-width:300px;display:flex;flex-direction:column;gap:5px}#hud .bar{height:10px;border-radius:6px;background:#0a0c1abf;border:1px solid var(--line);overflow:hidden}#hud .bar>i{display:block;height:100%;width:0%;transition:width .6s cubic-bezier(.22,1,.36,1);border-radius:6px}#hud .bar.xp>i{background:linear-gradient(90deg,var(--purple),var(--gold))}#hud .bar.bond>i{background:linear-gradient(90deg,#3f9d6b,var(--cyan))}#hud .bar.hp>i{background:linear-gradient(90deg,#c22b45,#ff6e82)}#hud .bar.hp.low>i{animation:hpPulse .9s ease-in-out infinite}@keyframes hpPulse{0%,to{opacity:1}50%{opacity:.45}}#hud .bar-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;display:flex;justify-content:space-between}#hud .skills{display:flex;gap:6px;margin-left:auto}#hud .skill{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);font-size:16px;opacity:.28;filter:grayscale(1);transition:all .5s ease}#hud .skill.on{opacity:1;filter:none;border-color:var(--gold);box-shadow:0 0 10px #f5c96b66}#mute{pointer-events:auto;margin-left:8px;width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:#efeaf9;font-size:17px;cursor:pointer;transition:transform .15s ease}#mute:hover{transform:scale(1.08)}#mute:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#dialog{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(680px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;pointer-events:auto;box-shadow:0 18px 50px #0000008c;opacity:0;translate:0 14px;transition:opacity .3s ease,translate .3s ease;max-height:calc(100vh - 110px);overflow-y:auto}#dialog.show{opacity:1;translate:0 0}#dialog .who{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}#dialog .text{font-size:15px;line-height:1.55;min-height:44px}#dialog .next{margin-top:10px;display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);color:var(--purple);border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}#dialog .next:hover{background:#a879ff1f}#dialog .next:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#dialog .d-nav{display:flex;gap:8px;align-items:center}#dialog .d-nav .next{margin-top:10px}#dialog #dialog-back,#dialog #dialog-skip{padding:7px 11px}#dialog .next:disabled{opacity:.3;cursor:default}#dialog .next:disabled:hover{background:none}#choice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 20px 16px;pointer-events:auto;box-shadow:0 24px 70px #0009;opacity:0;scale:.96;transition:opacity .3s ease,scale .3s ease}#choice.show{opacity:1;scale:1}#choice h3{margin:0 0 4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}#choice p.sit{margin:0 0 14px;font-size:15px;line-height:1.55}#choice .opt{display:block;width:100%;text-align:left;margin-bottom:9px;background:#1a1634cc;border:1px solid var(--line);color:#efeaf9;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}#choice .opt{position:relative;overflow:hidden}#choice .opt:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--purple));opacity:0;transition:opacity .15s ease}#choice .opt:hover{border-color:var(--gold);background:#262048eb;transform:translateY(-2px);box-shadow:0 8px 22px #0006}#choice .opt:hover:before{opacity:1}#choice .opt:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#choice .fb{border-radius:12px;padding:13px 15px;font-size:14px;line-height:1.5;margin-bottom:10px}#choice .fb.good{background:#2ea06429;border:1px solid rgba(90,220,150,.45)}#choice .fb.mid{background:#f0be3c1f;border:1px solid rgba(245,201,107,.45)}#choice .fb.bad{background:#dc465a21;border:1px solid rgba(255,110,130,.4)}#choice .delta{font-size:12px;opacity:.85;margin-bottom:12px;display:flex;gap:14px}#choice .delta b.up{color:#7fe0a8}#choice .delta b.down{color:#ff8fa3}#banner{position:absolute;left:50%;top:26%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s ease;text-shadow:0 4px 30px rgba(0,0,0,.8);padding:0 16px;width:100%}#banner.show{opacity:1}#banner h2{font-family:Cormorant Garamond,serif;font-size:clamp(28px,6vw,52px);margin:0;color:var(--gold);letter-spacing:.03em}#banner p{margin:6px 0 0;font-size:clamp(13px,2.4vw,16px);color:#d9d2ee;letter-spacing:.06em}#levelup{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#f5c96b29,#0b0e1ae0 70%);opacity:0;pointer-events:none;transition:opacity .4s ease;text-align:center;padding:0 20px}#levelup.show{opacity:1}#levelup .big{font-family:Cormorant Garamond,serif;font-size:clamp(40px,9vw,84px);color:var(--gold);text-shadow:0 0 40px rgba(245,201,107,.6);animation:pop .7s cubic-bezier(.18,1.4,.4,1) both}#levelup .sub{font-size:clamp(14px,3vw,19px);color:#efeaf9;margin-top:8px}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}#bosshud{position:absolute;top:68px;left:50%;transform:translate(-50%);width:min(480px,calc(100vw - 40px));text-align:center;opacity:0;transition:opacity .4s ease;pointer-events:none}#bosshud.show{opacity:1}#bosshud .bname{font-family:Cormorant Garamond,serif;font-size:22px;color:#ff8fa3;text-shadow:0 2px 14px rgba(0,0,0,.7)}#bosshud .bhp{margin-top:6px;height:12px;border-radius:7px;border:1px solid rgba(255,110,130,.5);background:#0a0c1acc;overflow:hidden}#bosshud .bhp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff5d78,#ffb46b);transition:width .5s cubic-bezier(.22,1,.36,1)}#menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;gap:12px;pointer-events:none;opacity:0;transition:opacity .5s ease}#menu.show{opacity:1}.btn{pointer-events:auto;min-width:240px;text-align:center;background:linear-gradient(135deg,#a879ff38,#f5c96b29);border:1px solid var(--gold);color:#fff7e8;border-radius:14px;padding:14px 26px;font-size:16px;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 34px #00000080,inset 0 0 22px #f5c96b14;transition:transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 44px #0000008c,0 0 24px #f5c96b40}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn.ghost{background:#0d1020b3;border-color:var(--line);color:#cfc6ea;font-weight:500}#result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070912d1;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .5s ease;padding:12px}#result.show{opacity:1;pointer-events:auto}#result .wrap{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:100%;overflow-y:auto}#card{width:min(370px,92vw);aspect-ratio:4 / 5;border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 18%,rgba(245,201,107,.28),transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(168,121,255,.35),transparent 60%),linear-gradient(180deg,#171232,#0b0e1a 65%,#120e26);border:1px solid rgba(245,201,107,.5);box-shadow:0 30px 80px #000000b3,inset 0 0 60px #a879ff14;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 20px 14px;color:#f4eeff}#card .rk-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.9}#card h2.rk{font-family:Cormorant Garamond,serif;font-size:30px;margin:4px 0 0;color:var(--gold);line-height:1.1;text-shadow:0 0 26px rgba(245,201,107,.45)}#card .sil{width:128px;height:128px;margin:10px 0 6px}#card .stats{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;width:100%;justify-content:center}#card .stat{background:#ffffff0f;border:1px solid rgba(168,121,255,.3);border-radius:12px;padding:7px 8px;min-width:72px;flex:1 1 40%;max-width:46%}#card .stat b{display:block;font-size:19px;color:var(--gold)}#card .stat span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}#card .lines{font-size:12.5px;line-height:1.5;opacity:.95;margin:2px 0}#card .quote{font-family:Cormorant Garamond,serif;font-style:italic;font-size:14.5px;color:var(--cyan);margin-top:auto;padding-top:8px}#card .credit{font-size:9px;opacity:.6;margin-top:8px}#result .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#result .actions .btn{min-width:0;padding:12px 20px;font-size:14px}#toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(20px);background:var(--panel);border:1px solid var(--gold);color:#fff3d6;border-radius:12px;padding:10px 18px;font-size:13px;opacity:0;transition:all .3s ease;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.float-xp{position:absolute;font-weight:700;font-size:16px;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.8);pointer-events:none;animation:floatUp 1.3s ease-out forwards}.float-xp.neg{color:#ff8fa3}@keyframes floatUp{0%{opacity:0;translate:0 12px}15%{opacity:1}to{opacity:0;translate:0 -46px}}#hud-streak{font-size:18px;opacity:.15;filter:grayscale(1);transition:all .5s ease}#hud-streak.on{opacity:1;filter:none;animation:flame .8s ease-in-out infinite;text-shadow:0 0 12px rgba(245,201,107,.8)}@keyframes flame{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}#home-btn{pointer-events:auto;margin-left:8px;width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:#efeaf9;font-size:17px;cursor:pointer;transition:transform .15s ease}#home-btn:hover{transform:scale(1.08);border-color:var(--gold)}#home-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#codex-btn{pointer-events:auto;position:relative;margin-left:8px;width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:#efeaf9;font-size:17px;cursor:pointer;transition:transform .15s ease}#codex-btn:hover{transform:scale(1.08);border-color:var(--gold)}#codex-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#codex-btn b{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:9px;background:var(--gold);color:#120e26;font-size:10px;line-height:17px;padding:0 3px}#choice .opt b{display:block;font-size:15px;color:var(--gold);margin-bottom:2px}#choice .opt span{display:block;font-size:12px;opacity:.8}#choice .weak-opt.done{opacity:.4;cursor:default;text-decoration:line-through}#choice .weak-opt.done:hover{transform:none;border-color:var(--line)}#secret{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070912cc;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .4s ease;padding:14px}#secret.show{opacity:1;pointer-events:auto}#secret .s-inner{width:min(460px,94vw);text-align:center;border-radius:20px;padding:26px 24px 20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 70px #000000a6;animation:secretIn .5s cubic-bezier(.18,1.3,.4,1) both}@keyframes secretIn{0%{transform:scale(.7) rotate(-2deg);opacity:0}to{transform:scale(1);opacity:1}}#secret .s-rune{font-size:34px;color:var(--purple);text-shadow:0 0 22px rgba(168,121,255,.8)}#secret .s-rarity{font-size:11px;letter-spacing:.26em;text-transform:uppercase;margin:8px 0 10px;color:var(--purple)}#secret .s-text{font-family:Cormorant Garamond,serif;font-style:italic;font-size:19px;line-height:1.5;margin:0 0 16px}#secret .s-inner.raro{border-color:var(--cyan)}#secret .s-inner.raro .s-rune,#secret .s-inner.raro .s-rarity{color:var(--cyan);text-shadow:0 0 22px rgba(85,214,255,.7)}#secret .s-inner.legendario{border-color:var(--gold);box-shadow:0 24px 70px #000000a6,0 0 40px #f5c96b59}#secret .s-inner.legendario .s-rune,#secret .s-inner.legendario .s-rarity{color:var(--gold);text-shadow:0 0 26px rgba(245,201,107,.85)}#secret .next{background:none;border:1px solid var(--line);color:var(--purple);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}#secret .next:hover{background:#a879ff1f}#codex{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070912d6;backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .35s ease;padding:14px}#codex.show{opacity:1;pointer-events:auto}#codex .c-panel{width:min(560px,94vw);max-height:calc(100vh - 60px);overflow-y:auto;background:var(--panel);border:1px solid var(--gold);border-radius:20px;padding:20px 22px 16px;box-shadow:0 24px 70px #000000a6}#codex h3{margin:0 0 4px;font-family:Cormorant Garamond,serif;font-size:24px;color:var(--gold)}#codex .c-mystery{font-size:12.5px;font-style:italic;opacity:.85;margin:0 0 14px;color:#cfc6ea}#codex .c-zone{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--purple);margin:14px 0 6px}#codex .c-secret{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:10px;border:1px solid rgba(168,121,255,.18);margin-bottom:6px;font-size:13px;line-height:1.45}#codex .c-secret i{font-style:normal;color:#6a608f;flex-shrink:0}#codex .c-secret .locked{opacity:.45;font-style:italic}#codex .c-secret em{margin-left:auto;font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;flex-shrink:0}#codex .c-secret.on i{color:var(--purple)}#codex .c-secret.on.raro{border-color:#55d6ff66}#codex .c-secret.on.raro i{color:var(--cyan)}#codex .c-secret.on.legendario{border-color:#f5c96b8c;background:#f5c96b0f}#codex .c-secret.on.legendario i{color:var(--gold)}#codex .c-secret.fragment.on{border-color:#f5c96b8c}#codex .c-secret.fragment.on i{color:var(--gold)}#codex .next{margin-top:12px;background:none;border:1px solid var(--line);color:var(--purple);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}#codex .next:hover{background:#a879ff1f}@media (prefers-reduced-motion: reduce){#ui *,.float-xp{animation:none!important;transition-duration:.01s!important}}@media (max-width: 560px){#hud .bars{max-width:170px}#hud .skill{width:29px;height:29px;font-size:13px}#dialog .text{font-size:14px}}#choice .invoke{display:block;width:100%;margin:2px 0 12px;padding:9px 14px;background:#f5c96b12;border:1px dashed rgba(245,201,107,.55);color:var(--gold);border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;text-align:center;transition:background .15s ease,box-shadow .15s ease}#choice .invoke:hover{background:#f5c96b24;box-shadow:0 0 18px #f5c96b40}#choice .whisper{margin:2px 0 12px;padding:11px 15px;border-radius:10px;background:#f5c96b14;border:1px solid rgba(245,201,107,.4);font-family:Cormorant Garamond,serif;font-style:italic;font-size:15px;line-height:1.5;color:#f3e3bb;animation:whisperIn .45s ease both}@keyframes whisperIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#secret .s-inner.eco{border-color:var(--gold);box-shadow:0 24px 70px #000000a6,0 0 34px #f5c96b47}#secret .s-inner.eco .s-rune,#secret .s-inner.eco .s-rarity{color:var(--gold);text-shadow:0 0 24px rgba(245,201,107,.8)}#codex .c-secret.eco.on{border-color:#f5c96b80;background:#f5c96b0d}#codex .c-secret.eco.on i{color:var(--gold)}#codex .c-secret.eco .locked{opacity:.5}#result .ss-card{margin:12px 0 4px;text-align:left}#result .ss-row{border:1px solid rgba(245,201,107,.45);background:#f5c96b0f;border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:12.5px;line-height:1.45}#result .ss-row b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}#result .ss-row.shadow{border-color:#a879ff66;background:#a879ff0f}#result .ss-row.shadow b{color:var(--purple)}#dialog-portrait{display:none;position:absolute;top:-74px;left:18px;width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid var(--gold);box-shadow:0 0 26px #f5c96b73,0 10px 30px #00000080;background:#0d1020}#dialog-portrait.show{display:block;animation:portraitIn .4s ease both}@keyframes portraitIn{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}@media (max-width: 560px){#dialog-portrait{width:68px;height:68px;top:-54px}}