:root{--bg: #06070a;--panel: rgba(14, 16, 26, .94);--panel-card: rgba(18, 21, 34, .92);--panel-border: rgba(240, 190, 82, .3);--panel-border-subtle: rgba(255, 255, 255, .08);--gold: #f0be52;--gold-light: #fef08a;--gold-glow: rgba(240, 190, 82, .45);--gold-dark: #8c6721;--blood: #c92a3b;--blood-glow: rgba(201, 42, 59, .55);--soul: #5eead4;--soul-cyan: #38bdf8;--soul-glow: rgba(56, 189, 248, .45);--arcane: #818cf8;--arcane-glow: rgba(129, 140, 248, .4);--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}#game-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:#000;touch-action:none}#game{display:block;width:100%;height:100%;background:#000;cursor:crosshair;outline:none;touch-action:none}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:box-shadow .15s ease-out,background-color .15s ease-out;box-shadow:inset 0 0 180px #000000d9;z-index:5}#vignette.hurt{background-color:#be14282e;box-shadow:inset 0 0 120px #be142880;transition:none}#vignette.lowhp{animation:lowPulse 1s ease-in-out infinite}@keyframes lowPulse{0%,to{box-shadow:inset 0 0 160px #a00f238c;background-color:#a00f231a}50%{box-shadow:inset 0 0 260px #c8142de6;background-color:#c8142d40}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 30%,#121020e6,#040408fa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;padding:24px;overflow-y:auto;box-sizing:border-box}.hidden,.screen.hidden{display:none!important}.screen-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:url(./abyss_bg-CUyTFbI8.jpg) center/cover no-repeat;opacity:.28;filter:brightness(.7) contrast(1.15) saturate(1.2);pointer-events:none;z-index:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:#f0be5259;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f0be52b3}.title-screen-layout{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:36px;padding:24px 40px;overflow:hidden;box-sizing:border-box;z-index:10}.supporters-sidebar{width:440px;flex-shrink:0;max-height:calc(100vh - 48px);overflow-y:auto;background:linear-gradient(175deg,#0e101af5,#07090ffa);border:1px solid var(--panel-border);border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 70px #000000e6,0 0 40px #f0be521f,inset 0 1px #ffffff14;scrollbar-width:thin;scrollbar-color:rgba(240,190,82,.35) transparent;position:relative;z-index:1}.sidebar-close-btn{display:none!important;position:absolute;top:12px;right:12px;z-index:10}.sidebar-header{text-align:center}.sidebar-badge{display:inline-block;font-size:10px;letter-spacing:.28em;font-weight:800;color:var(--gold);text-shadow:0 0 12px var(--gold-glow);margin-bottom:2px}.sidebar-title{font-size:19px;font-weight:900;letter-spacing:.14em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}.sidebar-sub{font-size:12px;color:var(--text-muted);line-height:1.45;margin-top:3px}.supporters{background:#00000080;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sup-header-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.sup-header-label{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--gold)}.sup-count-badge{font-size:10px;letter-spacing:.12em;padding:2px 8px;border-radius:12px;background:#f0be5226;border:1px solid rgba(240,190,82,.45);color:var(--gold);font-weight:700}.sup-list{max-height:170px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.sup-empty{text-align:center;color:var(--text-dim);font-style:italic;font-size:12px;padding:16px 0}.sup-card{display:flex;flex-direction:column;gap:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 12px;transition:transform .12s,border-color .15s,background .15s}.sup-card:hover{transform:translate(3px);border-color:#f0be5280;background:#ffffff0d}.sup-card-top{display:flex;align-items:center;justify-content:space-between}.sup-tier-badge{font-size:9.5px;font-weight:800;letter-spacing:.14em;padding:2px 7px;border-radius:4px}.tier-grand .sup-tier-badge{background:linear-gradient(90deg,#ffd76b,#e8b34b);color:#160e02;box-shadow:0 0 10px #f0be5299}.tier-champ .sup-tier-badge{background:#f0be5233;border:1px solid rgba(240,190,82,.5);color:#ffd76b}.tier-vanguard .sup-tier-badge{background:#38bdf826;border:1px solid rgba(56,189,248,.45);color:#7dd3fc}.tier-patron .sup-tier-badge{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-muted)}.sup-amt{font-size:13px;font-weight:800;color:var(--gold)}.sup-card-body{display:flex;flex-direction:column;gap:2px}.sup-name{font-size:13px;font-weight:700;color:#f8fafc}.sup-msg{font-size:11.5px;font-style:italic;color:var(--text-muted);line-height:1.35}.sup-card.top-patron{border:1px solid rgba(240,190,82,.55);background:linear-gradient(135deg,#f0be5224,#14100866)}.patron-request-card{background:#0000008c;border:1px solid rgba(240,190,82,.25);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.request-header{display:flex;align-items:flex-start;gap:10px}.request-icon-wrap{font-size:20px;color:var(--gold);filter:drop-shadow(0 0 8px var(--gold-glow));flex-shrink:0;margin-top:1px}.request-header-text{display:flex;flex-direction:column;gap:2px;flex:1}.request-title{font-size:11.5px;font-weight:900;letter-spacing:.14em;color:var(--gold)}.request-desc{font-size:11px;color:var(--text-muted);line-height:1.4;margin-top:2px}.request-desc b{color:#38bdf8}.sidebar-esewa-bar{display:flex;align-items:center;gap:8px}.esewa-pill{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(96,187,70,.4);border-radius:8px;padding:5px 10px}.esewa-logo{background:#60bb46;color:#fff;font-weight:900;border-radius:4px;padding:1px 6px;font-size:10.5px;letter-spacing:-.02em}.esewa-logo span{font-weight:400}.sidebar-esewa-num{font-family:Consolas,monospace;font-size:12px;font-weight:800;color:#7dd3fc}.patron-form{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column;gap:3px}.form-label{font-size:9.5px;letter-spacing:.16em;font-weight:800;color:var(--text-dim)}.form-input{width:100%;background:#080a12e6;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 10px;font-size:12px;color:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.form-input::placeholder{color:var(--text-dim)}.form-input:focus{border-color:var(--gold);box-shadow:0 0 10px #f0be524d}.form-select{cursor:pointer;background-color:#0b0e1a}.form-textarea{resize:vertical;min-height:52px;max-height:100px;line-height:1.4}.patron-submit-btn{width:100%;padding:10px 14px;font-size:12px;letter-spacing:.16em;background:linear-gradient(135deg,#f0be52,#bd8520);border-bottom:3px solid #6e4c0d;color:#120c02;font-weight:900;border-radius:8px;cursor:pointer;transition:transform .08s,filter .15s,box-shadow .15s;margin-top:2px}.patron-submit-btn:hover{filter:brightness(1.18);transform:translateY(-1px);box-shadow:0 4px 18px #f0be524d}.patron-submit-btn:active{transform:translateY(1px)}.patron-submit-btn.loading{opacity:.7;pointer-events:none}.form-status{font-size:11.5px;border-radius:8px;padding:8px 12px;line-height:1.4;text-align:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-status.info{background:#38bdf824;border:1px solid rgba(56,189,248,.4);color:#7dd3fc}.form-status.success{background:#22c55e2e;border:1px solid rgba(34,197,94,.45);color:#86efac;text-align:left}.form-status.error{background:#ef44442e;border:1px solid rgba(239,68,68,.45);color:#fca5a5}.title-main-content{flex:1;max-width:860px;max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;position:relative;z-index:1}.title-main-content::-webkit-scrollbar{display:none}.title-brand{display:flex;flex-direction:column;align-items:center}.title-crest{font-size:14px;letter-spacing:.4em;color:var(--gold);text-shadow:0 0 16px var(--gold-glow);margin-bottom:2px}.game-title{display:flex;flex-direction:column;align-items:center;line-height:.95;font-size:clamp(48px,6.8vw,98px);letter-spacing:.18em}.game-title .title-a{font-weight:900;background:linear-gradient(100deg,#966f1e,#f7cb68 25%,#fff9e6,#f7cb68 65%,#966f1e 90%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 6s ease-in-out infinite;filter:drop-shadow(0 0 28px rgba(240,190,82,.5)) drop-shadow(0 4px 0 rgba(24,16,4,.9))}.game-title .title-b{font-weight:800;font-size:.46em;letter-spacing:.65em;margin-top:8px;color:#c4a24c;animation:subtitleBreathe 5s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes subtitleBreathe{0%,to{opacity:.82;letter-spacing:.65em}50%{opacity:1;letter-spacing:.72em}}.subtitle{font-size:14px;color:var(--text-muted);letter-spacing:.16em;font-style:italic;margin-top:4px}.title-actions{display:flex;flex-direction:column;gap:14px;align-items:center;width:100%;max-width:660px}.btn.main-cta{width:100%;max-width:440px;padding:16px 36px;font-size:21px;letter-spacing:.24em;color:#120c02;background:linear-gradient(135deg,#f7d277,#d4982a);border-bottom:4px solid #784f09;border-radius:12px;box-shadow:0 0 35px #f0be5259;font-weight:900}.btn.main-cta:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.15);box-shadow:0 0 50px #f0be5299}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.btn.menu-card-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0e111cd9;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#f1f5f9;text-align:left;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s}.btn.menu-card-btn:hover{transform:translateY(-2px);border-color:var(--gold);background:#f0be521a;box-shadow:0 6px 20px #0009}.btn.menu-card-btn .btn-icon{font-size:20px}.btn.menu-card-btn .btn-meta{display:flex;flex-direction:column}.btn.menu-card-btn .btn-title{font-size:12px;font-weight:800;letter-spacing:.1em;color:#fff}.btn.menu-card-btn .btn-sub{font-size:10px;color:var(--text-dim)}.btn.menu-card-btn.dust-btn:hover{border-color:#38bdf8;background:#38bdf81f;box-shadow:0 0 20px #38bdf84d}.btn.menu-card-btn.coffee:hover{border-color:#fde047;background:#fde0471a}.records-plate{background:#0c0e18e0;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 20px;max-width:660px;width:100%;box-shadow:inset 0 1px #ffffff0d}.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}.rec-chip{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:4px 10px}.rec-k{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--text-dim)}.rec-v{font-size:13px;font-weight:800;color:var(--gold)}.daily-line{font-size:12px;color:var(--text-muted);margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.daily-line b{color:var(--gold)}.controls-dock{display:flex;align-items:center;gap:16px;background:#080a12cc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 18px;max-width:660px;width:100%}.controls-dock .keycaps{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--text-muted);flex:1}.controls-dock .key{display:inline-block;background:linear-gradient(#262c45,#151829);border:1px solid #444d70;border-bottom:2px solid #333a55;border-radius:4px;padding:1px 6px;font-weight:800;font-size:10.5px;color:#e2e8f0;margin-right:3px}.dock-divider{width:1px;height:24px;background:#ffffff1a}.volume-ctrl{display:flex;align-items:center;gap:8px}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:75px;height:4px;background:#fff3;border-radius:2px;outline:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--gold);border-radius:50%;cursor:pointer;box-shadow:0 0 6px var(--gold-glow)}.btn-exe-download{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#38bdf826,#0f172acc);border:1px solid rgba(56,189,248,.45);border-radius:6px;padding:4px 10px;color:#bae6fd;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap;transition:all .15s ease;box-shadow:0 0 12px #38bdf826}.btn-exe-download:hover{background:linear-gradient(135deg,#38bdf859,#141e3ce6);border-color:#38bdf8;color:#fff;transform:translateY(-1px);box-shadow:0 0 20px #38bdf866}.btn-exe-download .exe-icon{font-size:13px}.footer-credit{font-size:11px;color:var(--text-dim);letter-spacing:.08em}#screen-charselect{justify-content:flex-start;padding:18px 20px 14px;overflow-y:auto;gap:8px}.charselect-header{text-align:center;margin-top:4px;margin-bottom:2px;position:relative;z-index:1}.charselect-badge{font-size:10.5px;letter-spacing:.3em;font-weight:800;color:var(--gold);text-shadow:0 0 12px var(--gold-glow);display:inline-block;margin-bottom:2px}#screen-charselect .screen-title{font-size:clamp(24px,3.6vw,38px);margin:0;line-height:1.15}#screen-charselect .subtitle{font-size:12px;margin:2px 0 0}.char-row{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;max-width:960px;width:100%;position:relative;z-index:1}.hero-card{width:360px;background:linear-gradient(175deg,#10121cf5,#080a10fc);border-radius:18px;border:1px solid var(--panel-border-subtle);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 16px 50px #000000d9;position:relative}.hero-card:hover{transform:translateY(-4px) scale(1.015)}.hero-card.wanderer{border-top:3px solid #f0be52}.hero-card.wanderer:hover{border-color:#f0be52;box-shadow:0 20px 60px #f0be524d}.hero-card.revenant{border-top:3px solid #38bdf8}.hero-card.revenant:hover{border-color:#38bdf8;box-shadow:0 20px 60px #38bdf84d}.hero-portrait-wrap{width:100%;height:clamp(120px,15vh,155px);position:relative;overflow:hidden;background:#000}.hero-portrait-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease-out}.hero-card:hover .hero-portrait-img{transform:scale(1.05)}.hero-portrait-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(16,18,28,.95) 95%,rgba(16,18,28,1) 100%)}.hero-archetype-tag{position:absolute;top:12px;right:12px;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(240,190,82,.6);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold)}.hero-archetype-tag.soul-tag{border-color:#38bdf899;color:#7dd3fc}.hero-info{padding:12px 18px 16px;display:flex;flex-direction:column;gap:8px;text-align:left}.hero-name{font-size:20px;font-weight:900;letter-spacing:.12em;color:#fff}.wanderer .hero-name{color:#fed7aa;text-shadow:0 0 16px rgba(240,190,82,.4)}.revenant .hero-name{color:#bae6fd;text-shadow:0 0 16px rgba(56,189,248,.4)}.hero-title{font-size:11.5px;color:var(--text-dim);font-style:italic;margin-top:-6px}.hero-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#0006;border-radius:8px;padding:5px 8px}.stat-bar-item{display:flex;flex-direction:column;gap:2px}.stat-lbl{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:var(--text-dim)}.stat-pips{display:flex;gap:3px}.pip{width:8px;height:5px;border-radius:2px;background:#ffffff1f}.wanderer .pip.active{background:#f59e0b;box-shadow:0 0 4px #f59e0b99}.revenant .pip.active{background:#38bdf8;box-shadow:0 0 4px #38bdf899}.hero-abilities{list-style:none;font-size:11.5px;line-height:1.45;background:#00000059;border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}.hero-abilities li{display:flex;align-items:baseline;gap:6px}.hero-abilities b{color:#f1f5f9}.hero-cta-btn{width:100%;padding:10px 16px;font-size:13.5px;letter-spacing:.15em;font-weight:900;border-radius:8px}.charselect-back-btn{margin-top:8px;position:relative;z-index:1}.skin-tag{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;padding:2px 0}.skin-btn{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--text);border-radius:4px;width:24px;height:22px;cursor:pointer;font-size:11px}.skin-btn:hover{border-color:var(--gold);color:var(--gold)}.badge-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px auto 0;max-width:860px;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.05em;padding:4px 10px;border-radius:12px;border:1px solid rgba(240,190,82,.3);background:#1c160ad9;color:#ffd76b}.badge.locked{opacity:.35;filter:grayscale(1);border-color:#ffffff1a;color:var(--text-dim)}.btn{padding:10px 24px;font-size:14px;letter-spacing:.15em;color:#140e04;background:linear-gradient(135deg,#f5ca68,#c99327);border:none;border-bottom:3px solid #75510e;border-radius:8px;cursor:pointer;font-weight:800;transition:transform .08s,filter .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-family:inherit}.btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 6px 20px #f0be5240}.btn:active{transform:translateY(1px);border-bottom-width:2px}.btn.small{font-size:11.5px;padding:5px 12px;letter-spacing:.1em}.btn.ghost{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.15);border-bottom-width:1px;font-weight:600}.btn.ghost:hover{border-color:var(--gold);color:var(--gold);background:#f0be5214}.btn.dark{background:linear-gradient(135deg,#38bdf8,#0284c7);border-bottom-color:#0369a1;color:#082f49}.btn.pulse{animation:btnPulse 2.5s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 0 #f0be5273}50%{box-shadow:0 0 35px 6px #f0be5259}}.modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:20}.modal-close-btn:hover{background:#ff3c504d;border-color:#f56;color:#fff;transform:scale(1.1)}.support-box{width:min(480px,94vw);max-height:90vh;overflow-y:auto;background:linear-gradient(165deg,#141118fa,#09090efc);border:1px solid var(--panel-border);border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 24px 90px #000000f2,0 0 50px #f0be5226;position:relative;z-index:1}.support-badge{font-size:10.5px;letter-spacing:.25em;font-weight:800;color:var(--gold)}.support-title{font-size:22px;letter-spacing:.12em;color:#ffdf85;margin:0}.support-sub{font-size:12px;line-height:1.45;color:var(--text-muted);margin:0}.support-sub b{color:#38bdf8}.qr-container{position:relative;border:2px solid var(--panel-border);border-radius:12px;padding:6px;background:#050508;box-shadow:0 8px 30px #000c;display:flex;justify-content:center;align-items:center;max-height:220px;overflow:hidden}.qr-img{max-height:205px;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block}.esewa-meta{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#e2e8f0}.esewa-meta .name{font-weight:700;color:#fff}.esewa-meta .phone{color:#38bdf8;font-family:Consolas,monospace;font-weight:800}.support-guidelines{display:flex;flex-direction:column;gap:5px;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:9px 12px;font-size:11.5px;color:var(--text-muted);width:100%}.guide-item{display:flex;align-items:baseline;gap:8px}.guide-item span{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;background:#f0be522e;border:1px solid var(--gold);border-radius:50%;font-size:9.5px;font-weight:800;color:var(--gold);flex-shrink:0}.support-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:2px}.support-actions .btn{min-width:150px;padding:10px 18px;font-size:12px;letter-spacing:.08em}#upgrade-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:1000px}.card{width:230px;min-height:260px;padding:24px 18px;background:var(--panel-card);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--card-accent, var(--arcane));border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:transform .12s,box-shadow .12s,border-color .12s;animation:cardIn .35s cubic-bezier(.2,1.4,.4,1) backwards}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}@keyframes cardIn{0%{opacity:0;transform:translateY(40px) scale(.9)}}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 40px #000000b3,0 0 24px var(--card-glow, rgba(129, 140, 248, .35));border-color:var(--card-accent, var(--arcane))}.card .icon{font-size:48px;filter:drop-shadow(0 0 12px var(--card-glow, rgba(129, 140, 248, .6)))}.card-content{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.card h3{color:var(--card-accent, var(--arcane));letter-spacing:.06em;font-size:18px;margin:0}.card p{font-size:13.5px;color:var(--text-muted);line-height:1.45;margin:0}.card .rarity{margin-top:auto;font-size:10px;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase}.tag-chip{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;letter-spacing:.06em;border:1px solid var(--tag-color, #8890b0);color:var(--tag-color, #8890b0);background:#ffffff0a}.tag-chip.complete{background:var(--tag-color, #8890b0);color:#0a0a14;font-weight:700;box-shadow:0 0 16px var(--tag-color, #8890b0);animation:pactPulse 1s ease-in-out infinite}@keyframes pactPulse{0%,to{transform:scale(1)}}.choice-actions{display:flex;gap:16px;justify-content:center;margin-top:22px;opacity:0;animation:fadeIn .4s ease .55s forwards}.choice-actions .btn{font-size:13px;letter-spacing:.06em;padding:8px 20px;transition:all .2s ease}.choice-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006}.choice-actions .btn:disabled{opacity:.35;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pause-box,.death-box,.shop-box,.dustshop-box,.stats-screen-box{background:linear-gradient(165deg,#0f111af7,#080a10fc);border:1px solid var(--panel-border-subtle);border-radius:18px;padding:28px 36px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 24px 80px #000000e6;max-width:680px;width:94%;position:relative;z-index:1}.screen-title{font-size:clamp(28px,4.5vw,48px);letter-spacing:.18em;color:var(--arcane);text-shadow:0 0 30px var(--arcane-glow)}.death-title{font-size:clamp(38px,6vw,76px);letter-spacing:.22em;color:var(--blood);text-shadow:0 0 40px var(--blood-glow);font-weight:900}.pause-build-section{width:100%}.pause-build-title{font-size:11px;letter-spacing:.2em;color:var(--text-dim);margin-bottom:8px}.build-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.build-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--chip-accent, var(--arcane));border-radius:16px;padding:4px 12px;font-size:12px;color:#fff}.relic-chip{border-left-color:#ffd76b;background:#ffd76b14}.pause-actions,.death-actions{display:flex;gap:12px;justify-content:center;margin-top:6px}.stats-grid{display:grid;grid-template-columns:repeat(2,210px);gap:8px 24px;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 24px;font-size:13.5px;text-align:left}.stats-grid div{display:flex;justify-content:space-between}.stats-grid b{color:var(--gold)}.stats-grid .good{color:#4ade80}.stats-grid .bad{color:#f87171}.stats-grid .dust{color:#7dd3fc}.stat-divider{grid-column:1 / -1;height:1px;background:#ffffff14;margin:4px 0}.death-recap{padding:8px 22px;border:1px solid rgba(255,90,110,.4);border-radius:999px;background:linear-gradient(90deg,#ff3c5029,#1e0a144d);display:inline-flex;align-items:center;gap:10px;box-shadow:0 0 20px #ff324626;margin-bottom:2px}.recap-label{font-size:11px;font-weight:700;letter-spacing:.2em;color:#ff8595}.recap-killer{font-size:16px;font-weight:800;color:#fff0f2;text-shadow:0 0 10px rgba(255,100,120,.5)}.death-ach-list{display:flex;flex-direction:column;gap:6px;width:100%}.death-ach{display:flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--gold);border-radius:8px;background:#f0be521f;font-size:12px;text-align:left}.death-ach b{color:var(--gold);letter-spacing:.14em;font-size:10px}.death-ach .ach-icon{font-size:24px}.death-report{width:100%;max-width:580px;padding:16px 20px;border:1px solid rgba(255,215,107,.25);border-radius:12px;background:#0f0c16d9;box-shadow:inset 0 0 25px #0009,0 8px 30px #00000080;display:flex;flex-direction:column;gap:12px;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.death-report .report-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.death-report .report-title{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.death-report .report-verdict-badge{font-size:11px;font-weight:800;letter-spacing:.14em;padding:3px 12px;border-radius:6px;text-transform:uppercase}.death-report .report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.death-report .report-col{display:flex;flex-direction:column;gap:6px}.death-report .report-col-title{font-size:10.5px;font-weight:700;letter-spacing:.16em;color:#fff6;text-transform:uppercase;margin-bottom:4px;border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:4px}.death-report .report-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.4}.death-report .report-line .rlabel{color:#d2d7eba6}.death-report .report-line .rval{font-weight:700;color:#fff}.death-report .report-line .rval.gold{color:#ffd76b}.death-report .report-line .rval.good{color:#4ade80}.death-report .report-line .rval.bad{color:#f87171}.death-report .report-line .rval.dust{color:#7dd3fc}@media(max-width:540px){.death-report .report-grid{grid-template-columns:1fr;gap:14px}}.share-box{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px}.share-title{font-size:11px;letter-spacing:.18em;color:var(--text-dim)}.share-code{font-family:Consolas,monospace;font-size:16px;font-weight:700;letter-spacing:.1em;color:var(--gold);background:#f0be5214;border:1px dashed rgba(240,190,82,.4);border-radius:6px;padding:6px 14px}.death-build{width:100%;max-width:580px;display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0 2px}.death-build .build-title{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.death-build .build-title.dim{color:#ffffff73;font-style:italic;letter-spacing:.05em;font-weight:400;font-size:12px}.death-build .build-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.death-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin-top:8px}.death-actions .btn{min-width:170px;padding:12px 24px;font-size:13px;letter-spacing:.1em}.share-btn{background:linear-gradient(135deg,#7a5cff66,#281946e6)!important;border:1px solid #7a5cff!important;color:#e0d8ff!important;box-shadow:0 0 15px #7a5cff4d!important}.share-btn:hover{background:linear-gradient(135deg,#7a5cff99,#3c236ef2)!important;box-shadow:0 0 22px #7a5cff80!important;transform:translateY(-2px)}.shop-title{font-size:clamp(24px,3.5vw,36px);letter-spacing:.15em;color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}#shop-offers,#dust-offers{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.offer{width:200px;padding:18px 14px;background:linear-gradient(#18140ef2,#0c0a08f2);border:1px solid rgba(240,190,82,.25);border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .1s,border-color .1s,box-shadow .1s}.offer:hover:not(.disabled){transform:translateY(-4px);border-color:var(--gold);box-shadow:0 8px 24px #f0be5233}.offer.disabled{opacity:.4;cursor:not-allowed}.offer.sold{opacity:.25;pointer-events:none;filter:grayscale(1)}.offer .icon{font-size:38px}.offer h3{color:#fde68a;font-size:16px;letter-spacing:.04em}.offer p{font-size:12px;color:var(--text-muted);line-height:1.4;flex:1}.offer .price{font-size:14.5px;font-weight:700;color:var(--gold)}.offer.owned{border-color:#22c55e;box-shadow:0 0 16px #22c55e26}.offer.owned:after{content:"✔ OWNED";font-size:11px;letter-spacing:.18em;color:#4ade80;font-weight:700}.stats-scroll{max-width:720px;width:100%;max-height:58vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:4px 6px}.stats-section h3{font-size:12px;letter-spacing:.24em;color:var(--gold);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px;margin-bottom:6px;text-align:left}.stats-rows div{display:flex;justify-content:space-between;padding:3px 0;font-size:13px}.stats-rows b{color:var(--gold)}.lb-row{display:flex;gap:8px;align-items:baseline;font-size:13px;padding:4px 8px}.lb-row:nth-child(odd){background:#ffffff08;border-radius:6px}.lb-rank{width:30px;color:var(--text-dim);font-weight:700}.lb-score{width:85px;color:var(--gold);font-weight:700}.lb-depth{width:65px;color:var(--text-muted)}.lb-char{flex:1;color:var(--text-muted);font-size:12px}.lb-date{color:var(--text-dim);font-size:11px}#screen-lore{background:radial-gradient(ellipse at 50% 30%,rgba(30,20,55,.55),transparent 65%),radial-gradient(ellipse at center,#080810e0,#030307fa)}.lore-box{position:relative;max-width:720px;width:92%;background:linear-gradient(160deg,#161426f7,#090912fc);border:1px solid rgba(129,140,248,.35);border-radius:14px;padding:36px 44px 30px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 90px #000000e6}.lore-badge{font-size:11px;font-weight:700;letter-spacing:.35em;color:#f87171;text-transform:uppercase}#lore-title{font-family:Georgia,serif;font-size:clamp(22px,3.2vw,34px);color:#f8fafc;padding-bottom:10px;border-bottom:1px solid rgba(240,190,82,.25)}#lore-text{font-family:Georgia,serif;white-space:pre-wrap;font-size:15.5px;line-height:1.8;color:#e2e8f0eb;max-height:44vh;overflow-y:auto}.lore-skip-btn{position:absolute;top:18px;right:20px;font-size:11px!important;letter-spacing:.15em;padding:6px 14px!important;color:#f0be52!important;border-color:#f0be5266!important;background:#f0be5214!important;border-radius:20px!important;z-index:10;transition:all .2s ease}.lore-skip-btn:hover{background:#f0be5233!important;border-color:#f0be52!important;transform:translateY(-1px)}.charselect-bottom-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}.charselect-vip-btn{color:#ffd76b!important;border-color:#ffd76b66!important;background:#ffd76b0f!important}.charselect-vip-btn:hover{background:#ffd76b2e!important;border-color:#ffd76b!important}#floor-banner{position:absolute;top:22%;left:0;right:0;text-align:center;pointer-events:none;z-index:20;display:flex;justify-content:center}.floor-banner-content{display:flex;flex-direction:column;align-items:center;gap:8px;animation:bannerFade 3.2s ease forwards;max-width:90%}.banner-title{font-family:var(--font-display, serif);font-size:clamp(20px,3.8vw,34px);letter-spacing:.22em;color:var(--gold);text-shadow:0 0 25px var(--gold-glow);font-weight:800;text-transform:uppercase}.banner-whisper{font-family:var(--font-body, serif);font-size:clamp(13px,1.8vw,16px);letter-spacing:.05em;color:#ffe9a8;opacity:.92;font-style:italic;max-width:620px;line-height:1.45;text-shadow:0 2px 10px rgba(0,0,0,.95)}#floor-banner.hidden{display:none}@keyframes bannerFade{0%{opacity:0;transform:translateY(-16px) scale(.96)}12%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(8px) scale(1.02)}}.vip-btn{border-color:#ffd76b59!important}.vip-btn:hover{border-color:var(--gold)!important;color:var(--gold)!important}.vip-box{max-width:560px;width:92%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 22px;border:1px solid rgba(255,215,107,.25);border-radius:14px;background:#0a0a12f5}.vip-gate{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.vip-input{width:100%;max-width:320px;padding:12px 16px;font-size:16px;font-weight:700;letter-spacing:.15em;text-align:center;text-transform:uppercase;color:#fff;background:#ffffff0f;border:2px solid rgba(255,215,107,.3);border-radius:8px;outline:none;transition:border-color .2s}.vip-input:focus{border-color:var(--gold)}.vip-input::placeholder{color:#ffffff40;letter-spacing:.12em}.vip-unlock-btn{background:linear-gradient(135deg,#966f1e,#f7cb68,#966f1e)!important;color:#111!important;font-weight:800;min-width:200px}.vip-error{color:#f56;font-size:12px;min-height:16px}.vip-levels{width:100%;display:flex;flex-direction:column;gap:6px}.vip-level-card{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;cursor:pointer;transition:border-color .15s,background .15s}.vip-level-card:hover{border-color:var(--gold);background:#ffd76b14}.vip-level-left{display:flex;flex-direction:column;gap:2px}.vip-level-depth{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.1em}.vip-level-theme{font-size:11px;color:#ffffff80;letter-spacing:.06em}.vip-level-info{font-size:11px;color:#fff6;text-align:right}.vip-level-boss{color:#f74;font-weight:600}.vip-level-normal{color:#ffffff4d}.codex-box{max-width:680px;width:94%;max-height:88vh;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:24px;border:1px solid rgba(240,190,82,.35);border-radius:14px;background:#0a0c16f5;box-shadow:0 10px 40px #000c}.codex-header{display:flex;flex-direction:column;align-items:center;gap:12px}.codex-tabs{display:flex;gap:10px;justify-content:center}.codex-content-scroll{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px;max-height:52vh}.lore-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;transition:border-color .2s,background .2s}.lore-card.unlocked{border-color:#f0be5266;background:#f0be520a}.lore-card.locked{opacity:.6}.lore-card-head{display:flex;align-items:center;justify-content:space-between}.lore-card-title-wrap{display:flex;align-items:center;gap:10px}.lore-icon{font-size:20px}.lore-title{font-size:14px;font-weight:800;color:var(--gold);letter-spacing:.06em}.lore-sub{font-size:11px;color:var(--text-muted)}.lore-body{font-size:12px;line-height:1.6;color:#dfe4f5;font-style:italic;padding-left:14px;border-left:2px solid rgba(240,190,82,.4)}.lore-locked-hint{font-size:11px;color:#fff6;padding-left:14px}.ach-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08}.ach-card.unlocked{border-color:#56d77866;background:#56d7780d}.ach-left{display:flex;align-items:center;gap:12px}.ach-icon{font-size:24px}.ach-name{font-size:13px;font-weight:700;color:#fff}.ach-card.unlocked .ach-name{color:#5eead4}.ach-desc{font-size:11px;color:var(--text-muted)}.ach-reward{font-size:11px;font-weight:700;color:var(--gold);background:#f0be521f;padding:4px 8px;border-radius:6px;white-space:nowrap}.ach-status{font-size:11px;font-weight:800;letter-spacing:.08em}.ach-status.done{color:#4ade80}.ach-status.locked{color:#ffffff4d}.access-box{max-width:520px;width:92%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 22px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0a0a12f5}.access-char-preview{display:flex;align-items:center;gap:12px;margin-bottom:4px}.access-char-portrait{width:52px;height:52px;border-radius:50%;border:2px solid var(--gold);object-fit:cover}.access-char-name{font-size:15px;font-weight:700;color:var(--gold);letter-spacing:.08em}.access-options{display:flex;flex-direction:column;gap:12px;width:100%}.access-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0a;cursor:pointer;transition:border-color .2s,background .2s,transform .1s;text-align:center;width:100%}.access-card:hover{border-color:var(--gold);background:#ffd76b14;transform:translateY(-2px)}.access-card-vip{border-color:#ffd76b40}.access-icon{font-size:32px}.access-label{font-size:15px;font-weight:800;letter-spacing:.12em;color:#fff}.access-card-vip .access-label{color:var(--gold)}.access-desc{font-size:11px;color:#ffffff73;letter-spacing:.04em}@media(max-width:1100px){.title-screen-layout{flex-direction:column;height:auto;overflow-y:auto;padding:24px 16px}.supporters-sidebar{width:100%;max-width:620px;max-height:none}.title-main-content{max-width:620px;width:100%}.action-grid,.records-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-card{width:100%;max-width:360px}.action-grid{grid-template-columns:repeat(2,1fr)}.records-grid,.stats-grid{grid-template-columns:1fr}.controls-dock{flex-direction:column;align-items:stretch}.dock-divider{display:none}}@media(max-height:850px){.screen{padding:12px 16px;gap:10px}.title-screen-layout{gap:16px;padding:12px}.game-title{font-size:32px}.hero-card{max-width:340px}.hero-portrait-wrap{height:120px}.hero-info{padding:12px 14px}.hero-name{font-size:16px;margin-bottom:2px}.hero-title{font-size:11px;margin-bottom:8px}.hero-abilities{gap:4px;margin-bottom:8px}.hero-abilities li{font-size:11px;line-height:1.35}.hero-cta-btn{padding:8px 16px;font-size:12px}.pause-box,.gameover-box,.win-box,.access-box,.shop-box{max-height:92vh;overflow-y:auto;padding:16px 20px;gap:12px}}@media(max-width:1080px){.supporters-sidebar{display:none!important}.title-screen-layout{flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important;gap:16px!important}.title-main-content{width:100%!important;max-width:480px!important}}.mobile-hero-tabs{display:none;gap:8px;justify-content:center;width:100%;max-width:350px;margin:0 auto 8px;z-index:5}.mobile-tab-btn{flex:1;padding:8px 12px;font-size:12.5px;font-weight:800;letter-spacing:.08em;border-radius:10px;transition:all .15s ease}.mobile-tab-btn.active{background:linear-gradient(135deg,#ffd76b,#d4982a);color:#120c02;border-color:#ffd76b;box-shadow:0 0 14px #f0be5266}@media(max-width:1080px){.title-screen-layout{flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:12px 14px!important;gap:12px!important;overflow-y:auto!important}.title-main-content{width:100%!important;max-width:420px!important;margin:0 auto!important}.supporters-sidebar{display:none!important}.supporters-sidebar.mobile-open{display:flex!important;position:fixed!important;top:12px!important;right:12px!important;bottom:12px!important;left:12px!important;width:auto!important;max-width:440px!important;margin:0 auto!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;z-index:9999!important;background:linear-gradient(175deg,#0e101afa,#07090ffc)!important;border:1px solid var(--gold)!important;border-radius:18px!important;padding:34px 16px 20px!important;box-shadow:0 0 120px #000000fa,0 0 50px #f0be5240!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.supporters-sidebar.mobile-open .sidebar-close-btn{display:flex!important;position:absolute!important;top:10px!important;right:10px!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#ffffff1f!important;border:1px solid rgba(240,190,82,.5)!important;color:var(--gold)!important;font-size:16px!important;font-weight:800!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:10000!important}.sidebar-close-btn:active{background:#c92a3b66!important;border-color:#ff6b6b!important;color:#fff!important}.mobile-hero-tabs{display:flex}.char-row{flex-direction:column!important;align-items:center!important;width:100%!important}.hero-card{display:none!important;width:95%!important;max-width:350px!important}.hero-card.mobile-active{display:flex!important;animation:fadeIn .2s ease-out}.hero-abilities{display:flex;flex-direction:column;gap:4px;margin:6px 0 8px;padding:0;list-style:none}.hero-abilities li{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.35;text-align:left;color:var(--text-muted)}.hero-abilities li b{color:#f1f5f9}.hero-abilities .ab-icon{font-size:14px;flex-shrink:0;margin-top:1px}#badge-strip{display:none!important}}@media(max-width:768px){html,body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;height:100dvh;overflow:hidden}#game-wrap{height:100dvh;max-height:100dvh}.game-title{font-size:clamp(32px,9vw,48px);letter-spacing:.12em}.game-title .title-b{font-size:.42em;letter-spacing:.35em;margin-top:4px}.title-brand .title-crest{font-size:12px}.subtitle{font-size:11.5px;letter-spacing:.08em;margin-top:2px}.title-actions{width:100%;max-width:360px;gap:8px}.btn.main-cta{font-size:16px;padding:12px 18px;letter-spacing:.16em}.action-grid{grid-template-columns:repeat(2,1fr);gap:7px;width:100%}.btn.menu-card-btn{padding:7px 9px;min-height:44px}.btn.menu-card-btn .btn-icon{font-size:16px}.btn.menu-card-btn .btn-title{font-size:10.5px;letter-spacing:.05em}.btn.menu-card-btn .btn-sub{font-size:8.5px}.controls-dock{display:none!important}.footer-credit{font-size:9px}#screen-charselect{padding:10px 10px 14px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100dvh}.char-select-header{margin-bottom:6px}.char-select-header h2{font-size:18px;letter-spacing:.15em}.char-select-header p{font-size:11px}.char-select-footer{margin-top:8px;display:flex;gap:8px;width:100%;max-width:340px;justify-content:center}.char-select-footer .btn{flex:1;padding:9px 12px;font-size:12px}#hud-top{top:4px;left:6px;right:6px;padding:0}#bars{gap:4px}.bar-wrap{height:14px;min-width:110px;border-radius:6px}.bar-text{font-size:9px;line-height:14px}#depth-badge{font-size:11px;padding:3px 8px;border-radius:6px}#hud-right{gap:4px}.stat-pill{padding:3px 6px;font-size:10px;border-radius:6px}.hud-btn{width:32px;height:32px;font-size:14px;border-radius:8px}#screen-choice .choice-box{padding:12px 14px!important;gap:8px!important;max-width:95%!important;max-height:90dvh!important}.cards-row{flex-direction:column!important;gap:8px!important;width:100%!important;max-width:380px!important}.card{width:100%!important;min-height:auto!important;padding:10px 14px!important;border-radius:12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;gap:12px!important}.card:hover{transform:translateY(-2px) scale(1.01)!important}.card .icon{font-size:28px!important;width:36px!important;text-align:center!important;flex-shrink:0!important}.card h3{font-size:14px!important;margin:0 0 2px!important;letter-spacing:.04em!important}.card p{font-size:11px!important;line-height:1.3!important;margin:0!important}.card .tag-chip{font-size:9.5px!important;padding:2px 7px!important;margin-top:3px!important;align-self:flex-start!important}.card .rarity{display:none!important}.choice-actions{display:flex!important;gap:10px!important;justify-content:center!important;width:100%!important;margin-top:8px!important}.codex-modal,.codex-box,.stats-screen-box,.dustshop-box,.death-box,.pause-box,.access-box,.vip-box,.support-box,.shop-box{max-width:96%!important;max-height:88dvh!important;padding:14px 16px!important;gap:10px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:12px!important}.codex-grid{flex-direction:column!important}.qr-img{max-height:160px!important;max-width:100%!important;width:auto!important;height:auto!important}}#screen-inventory{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04050ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.codex-modal{width:94%;max-width:1100px;max-height:90vh;background:linear-gradient(180deg,#0e111cfa,#080a10fc);border:1px solid rgba(240,190,82,.35);box-shadow:0 16px 48px #000000d9,0 0 32px #f0be521f;border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;color:#e2e8f0;font-family:inherit}.codex-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.codex-header-title{display:flex;align-items:center;gap:14px}.codex-title-icon{font-size:32px;filter:drop-shadow(0 0 8px rgba(240,190,82,.5))}.codex-main-title{font-size:22px;font-weight:800;letter-spacing:.08em;color:#f0be52;margin:0;text-shadow:0 0 14px rgba(240,190,82,.4)}.codex-header .subtitle{font-size:11px;color:#94a3b8;letter-spacing:.06em;margin:2px 0 0}.codex-grid{display:flex;gap:18px;flex:1;min-height:0}.codex-col{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.codex-card{background:#121624bf;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.codex-card-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:#f0be52;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.codex-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.codex-stat-item{background:#ffffff08;border-radius:6px;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.codex-stat-label{color:#94a3b8}.codex-stat-val{font-weight:700;color:#fef08a}.codex-weapon-row,.codex-flask-row{display:flex;gap:12px;align-items:center}.codex-item-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0006;border:1px solid rgba(240,190,82,.3);border-radius:8px;flex-shrink:0}.codex-item-details{flex:1}.codex-item-name{font-weight:700;font-size:14px;color:#fff}.codex-item-sub{font-size:11px;color:#94a3b8;margin-top:2px}.codex-relic-grid,.codex-pact-grid{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.codex-relic-chip,.codex-pact-chip{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:6px 10px;font-size:12px}.codex-upgrade-list{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow-y:auto}.codex-upgrade-chip{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border-left:3px solid var(--chip-color, #f0be52);border-radius:4px;padding:6px 10px;font-size:12px}.codex-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.codex-footer-stats{font-size:12px;color:#94a3b8;display:flex;gap:16px}.equipment-grid,.backpack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inv-slot{aspect-ratio:1;background:#00000080;border:1px solid #444;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;position:relative;transition:border-color .2s,transform .1s}.inv-slot:hover{border-color:#ffd76b;transform:scale(1.05)}.inv-slot.empty{opacity:.5;font-size:10px;color:#666}.inv-slot .slot-label{position:absolute;bottom:2px;font-size:8px;color:#aaa;text-transform:uppercase}.inv-slot .slot-count{position:absolute;top:2px;right:4px;font-size:10px;color:#fff;font-weight:700}.abyssal-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;opacity:.35;pointer-events:none;z-index:0;animation:spinSlow 60s linear infinite}.seal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #fff;border-radius:50%;box-shadow:0 0 20px #c084fc,inset 0 0 20px #c084fc}.rune-slot{position:absolute;width:24px;height:24px;background:#222;border-radius:50%;top:50%;left:50%;margin:-12px 0 0 -12px;box-shadow:0 0 10px #000;border:2px solid #444;transition:all .5s ease}.rune-slot.lit{background:#c084fc;border-color:#c084fc;box-shadow:0 0 25px 8px #c084fc,0 0 50px 12px #c084fc66;animation:runeGlow 2s ease-in-out infinite}@keyframes runeGlow{0%,to{box-shadow:0 0 25px 8px #c084fc,0 0 50px 12px #c084fc66}50%{box-shadow:0 0 35px 12px #c084fc,0 0 70px 18px #c084fc99}}.seal-core{position:absolute;top:150px;right:150px;bottom:150px;left:150px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.4) 0%,transparent 70%)}.seal-text{position:absolute;bottom:-40px;left:0;right:0;text-align:center;color:#c084fc;font-size:1.2rem;letter-spacing:.2rem;text-shadow:0 0 10px #c084fc;font-family:monospace;animation:none}@keyframes spinSlow{to{transform:translate(-50%,-50%) rotate(360deg)}}.active-item-slot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}