:root{--bg:#06040e;--panel:#100b22;--panel2:#160f30;--line:rgba(139,99,255,.2);--line2:rgba(139,99,255,.48);--accent:#8b5cf6;--accent-deep:#5b21b6;--accent2:#38bdf8;--teal:#2dd4bf;--danger:#f43f5e;--danger-deep:#9f1239;--gold:#fbbf24;--text:#ece9ff;--muted:#8e89b8;--glow:rgba(139,92,246,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(900px 480px at 50% -8%,rgba(91,33,182,.38) 0,transparent 60%),radial-gradient(700px 700px at 110% 100%,rgba(56,16,90,.25) 0,transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;-webkit-font-smoothing:antialiased}.app,body{min-height:100vh}.app{width:100%;max-width:430px;padding:0 14px 104px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}img{display:block;max-width:100%}.top{display:flex;align-items:center;gap:9px;padding:14px 2px 10px}.logoImg{filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.badgeImg,.logoImg{height:34px;width:auto}.badgeImg{filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.chip{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(16,11,34,.7)}.chip b{color:var(--text)}.spacer{flex:1 1}.rank{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#fff;padding:5px 12px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 0 14px rgba(139,92,246,.45);text-transform:uppercase}.panel{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 8px 24px rgba(0,0,0,.45)}.panel:before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;pointer-events:none;background:linear-gradient(160deg,rgba(167,139,250,.35),transparent 30%,transparent 70%,rgba(167,139,250,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card{padding:14px 15px;margin-top:12px}.hero{position:relative;margin-top:4px;border-radius:22px;overflow:hidden;border:1px solid var(--line2);height:340px;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 18px 40px rgba(0,0,0,.55),0 0 50px rgba(91,33,182,.25)}.hero .bg{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero .bg,.hero .shade{position:absolute;inset:0}.hero .shade{background:linear-gradient(180deg,rgba(6,4,14,.55),transparent 26%,transparent 55%,rgba(6,4,14,.92))}.hero .title{position:absolute;top:13px;left:16px;right:16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2.5px;color:#e8e2ff;text-transform:uppercase;text-shadow:0 1px 8px #000}.hero .title .dot{width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 8px var(--accent2)}.heroAvatar{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);height:74%;width:auto;animation:idle 3.2s ease-in-out infinite;filter:drop-shadow(0 0 26px rgba(139,92,246,.65)) drop-shadow(0 14px 18px rgba(0,0,0,.7))}@keyframes idle{0%,to{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(7px) scale(.992)}}.heroGround{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:200px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(139,92,246,.5),transparent 75%);animation:groundPulse 3.2s ease-in-out infinite}@keyframes groundPulse{0%,to{opacity:.9;width:200px}50%{opacity:.55;width:172px}}.heroPlate{position:absolute;left:14px;bottom:12px;right:14px;display:flex;align-items:flex-end;gap:10px}.heroPlate .nm{font-size:16px;font-weight:800;text-shadow:0 1px 8px #000}.heroPlate .cl{font-size:11px;color:#bdb4ec;letter-spacing:1px;text-shadow:0 1px 6px #000}.boss{position:relative;overflow:hidden;padding:15px;margin-top:12px;border-radius:18px;border:1px solid rgba(244,63,94,.35);background:linear-gradient(180deg,#170a18,#120718);box-shadow:0 8px 26px rgba(0,0,0,.5),0 0 34px rgba(244,63,94,.1)}.boss .art{position:absolute;right:-18px;bottom:-12px;height:118%;width:auto;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%);filter:drop-shadow(0 0 18px rgba(139,92,246,.4))}.boss .lbl{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#fda4af;text-transform:uppercase}.boss .bnm{font-size:17px;font-weight:800;margin-top:3px;text-shadow:0 1px 6px #000}.boss .hp{font-size:12px;color:var(--muted);margin-top:2px}.boss .hp b{color:#fecdd3;font-size:14px}.boss .barWrap{margin-top:10px;max-width:78%}.barLabel{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:6px;letter-spacing:.4px}.bar{height:15px;border-radius:4px;background:#0b0816;overflow:hidden;position:relative;border:1px solid rgba(139,99,255,.35);box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 0 8px rgba(91,33,182,.18)}.bar:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(0,0,0,.5) 17px 18.5px)}.bar>span{display:block;height:100%;position:relative;transition:width .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}.bar>span:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.38),hsla(0,0%,100%,.06) 45%,rgba(0,0,0,.18))}.bar>span:before{content:"";position:absolute;top:0;bottom:0;width:46px;z-index:2;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.55),transparent);animation:sweep 2.6s ease-in-out infinite}@keyframes sweep{0%{left:-60px}60%,to{left:110%}}.bossFill{background:linear-gradient(90deg,#fb7185,var(--danger) 45%,var(--danger-deep));box-shadow:0 0 14px rgba(244,63,94,.8)}.expFill{background:linear-gradient(90deg,var(--accent2),var(--accent));box-shadow:0 0 14px rgba(139,92,246,.8)}.sysWin{position:relative;margin-top:16px;padding:17px 16px 15px;border-radius:6px;--sysc:#52c7ff;--syscSoft:rgba(82,199,255,.55);--sysGlow:rgba(56,189,248,.3);background:repeating-linear-gradient(0deg,rgba(125,211,252,.035) 0 1px,transparent 1px 3px),radial-gradient(140% 120% at 50% 0,rgba(14,40,80,.85),rgba(4,10,26,.96) 70%);border:1px solid var(--syscSoft);box-shadow:0 0 16px var(--sysGlow),inset 0 0 30px rgba(56,189,248,.1),inset 0 0 2px rgba(125,211,252,.5);animation:sysPulse 3.4s ease-in-out infinite}.sysWin.gold{--sysc:#fbbf24;--syscSoft:rgba(251,191,36,.55);--sysGlow:rgba(251,191,36,.22);background:repeating-linear-gradient(0deg,rgba(251,191,36,.035) 0 1px,transparent 1px 3px),radial-gradient(140% 120% at 50% 0,rgba(60,40,8,.8),rgba(20,12,3,.96) 70%);box-shadow:0 0 16px var(--sysGlow),inset 0 0 30px rgba(251,191,36,.08),inset 0 0 2px rgba(251,191,36,.5)}@keyframes sysPulse{0%,to{box-shadow:0 0 14px var(--sysGlow),inset 0 0 30px rgba(56,189,248,.1),inset 0 0 2px rgba(125,211,252,.5)}50%{box-shadow:0 0 26px var(--sysGlow),inset 0 0 34px rgba(56,189,248,.14),inset 0 0 2px rgba(125,211,252,.7)}}.sysWin:after{content:"";position:absolute;inset:-6px;pointer-events:none;background:linear-gradient(var(--sysc),var(--sysc)) left 0 top 0/26px 2px,linear-gradient(var(--sysc),var(--sysc)) left 0 top 0/2px 26px,linear-gradient(var(--sysc),var(--sysc)) right 0 top 0/26px 2px,linear-gradient(var(--sysc),var(--sysc)) right 0 top 0/2px 26px,linear-gradient(var(--sysc),var(--sysc)) left 0 bottom 0/26px 2px,linear-gradient(var(--sysc),var(--sysc)) left 0 bottom 0/2px 26px,linear-gradient(var(--sysc),var(--sysc)) right 0 bottom 0/26px 2px,linear-gradient(var(--sysc),var(--sysc)) right 0 bottom 0/2px 26px;background-repeat:no-repeat;filter:drop-shadow(0 0 6px var(--syscSoft))}.sysHead{gap:10px;margin-bottom:11px}.sysHead,.sysHead .ic{display:flex;align-items:center;justify-content:center}.sysHead .ic{width:27px;height:27px;flex-shrink:0;border:2px solid var(--sysc);border-radius:50%;color:var(--sysc);font-weight:900;font-size:15px;font-family:Georgia,serif;box-shadow:0 0 10px var(--syscSoft),inset 0 0 8px var(--sysGlow);text-shadow:0 0 6px var(--syscSoft)}.sysHead .tt{border:1.5px solid var(--sysc);padding:5px 16px;font-size:11.5px;letter-spacing:4px;font-weight:800;color:#f2faff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px var(--syscSoft);box-shadow:0 0 10px var(--sysGlow),inset 0 0 12px var(--sysGlow)}.sysWin.gold .tt{color:#fff7e6}.sysBody{font-size:13px;line-height:1.6;color:#d9efff;text-align:center;text-shadow:0 0 12px rgba(56,189,248,.25)}.sysWin.gold .sysBody{color:#f4e8cf}.pageHead{position:relative;height:118px;border-radius:18px;overflow:hidden;margin-top:14px;border:1px solid var(--line2);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 36px rgba(91,33,182,.18)}.pageHead .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(1.05)}.pageHead .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,4,14,.88),rgba(6,4,14,.55) 48%,rgba(6,4,14,.15)),linear-gradient(180deg,transparent 40%,rgba(6,4,14,.85))}.pageHead .art{position:absolute;right:4px;bottom:-6px;height:112%;width:auto;filter:drop-shadow(0 0 14px rgba(139,92,246,.55))}.pageHead .ptWrap{position:absolute;left:16px;bottom:13px;right:110px}.pageHead .pt{font-size:21px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 10px #000}.pageHead .ps{font-size:11px;color:#bdb4ec;letter-spacing:.6px;margin-top:2px;text-shadow:0 1px 6px #000}.row{display:flex;gap:10px;margin-top:12px}.stat{flex:1 1;text-align:center;padding:11px 6px;border-radius:14px;background:rgba(6,4,14,.5);border:1px solid var(--line)}.stat .l{font-size:10.5px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.stat .v{font-size:19px;font-weight:800;margin-top:3px}.sys{margin-top:12px;padding:13px 15px;border-radius:16px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(139,92,246,.17),rgba(56,189,248,.05));box-shadow:0 0 24px rgba(91,33,182,.18)}.sys .h{font-size:11px;letter-spacing:2px;color:var(--accent2);font-weight:800}.sys .b{font-size:13px;color:#d4cef7;margin-top:5px;line-height:1.55}.secTitle{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 9px;font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#cfc8f2}.secTitle .more{color:var(--accent2);font-size:12px;letter-spacing:.5px;cursor:pointer;text-transform:none;font-weight:700}.q{display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;background:linear-gradient(180deg,var(--panel),rgba(16,11,34,.6));border:1px solid var(--line);margin-bottom:9px;cursor:pointer;transition:border-color .15s,transform .1s}.q:active{transform:scale(.985)}.q.done{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(16,11,34,.4));border-color:var(--line2)}.q .box{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;font-size:14px;background:rgba(6,4,14,.5)}.q.done .box{background:linear-gradient(135deg,var(--accent),var(--accent-deep));border-color:var(--accent);color:#fff;box-shadow:0 0 10px rgba(139,92,246,.6)}.q .nm{font-size:14px;font-weight:700}.q.done .nm{color:var(--muted);text-decoration:line-through}.q .sb{font-size:11px;color:var(--muted);margin-top:1px}.q .rw{margin-left:auto;text-align:right;font-size:11.5px;font-weight:700;color:var(--accent2);white-space:nowrap}button,input{font-family:inherit}.field{display:flex;gap:8px;align-items:center}.field input{flex:1 1;padding:13px;border-radius:12px;border:1px solid var(--line2);background:rgba(6,4,14,.7);color:var(--text);font-size:16px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.18)}.primary{padding:13px 18px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:15px;font-weight:800;cursor:pointer;letter-spacing:.4px;box-shadow:0 4px 16px rgba(91,33,182,.5),inset 0 1px 0 hsla(0,0%,100%,.18)}.primary:active{transform:translateY(1px)}.login{display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:80vh;align-items:center;text-align:center}.err{color:var(--danger);font-size:13px}.tabs{display:flex;gap:6px;margin-top:14px}.tab{flex:1 1;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:rgba(16,11,34,.7);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.3px}.tab.on{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border-color:var(--accent);box-shadow:0 0 14px rgba(139,92,246,.4)}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:12px}.cell{padding:0;border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line);text-align:center}.cell .portrait{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;background:radial-gradient(120px 120px at 50% 40%,rgba(91,33,182,.4),#0a0716 75%)}.cell.locked .portrait{filter:grayscale(1) brightness(.32) blur(1px)}.cell .meta{padding:9px 8px 11px}.cell .cn{font-size:13px;font-weight:800}.cell .ct{font-size:10.5px;color:var(--muted);margin-top:2px}.cell .ico{font-size:30px;line-height:1;padding-top:14px}.navlink{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:14px;background:var(--panel);border:1px solid var(--line2);margin-top:9px;cursor:pointer;color:var(--text);text-decoration:none;font-size:14px;font-weight:700}.navlink .arr{color:var(--accent2)}.dragonCard{display:flex;gap:14px;align-items:center}.dragonCard img{height:108px;width:auto;filter:drop-shadow(0 0 16px rgba(139,92,246,.55));animation:idle 3.6s ease-in-out infinite}.chestHero{display:flex;justify-content:center;padding:6px 0 0}.chestHero img{height:120px;filter:drop-shadow(0 0 20px rgba(251,191,36,.35));animation:idle 3.8s ease-in-out infinite}.spark{width:100%;height:120px;margin-top:6px}.histRow{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:12px;background:var(--panel);border:1px solid var(--line);margin-bottom:7px;font-size:13px}.histRow .d{color:var(--muted);font-size:11.5px;width:86px}.histRow .w{font-weight:800}.histRow .delta{margin-left:auto;font-size:12px;font-weight:700}.delta.down{color:var(--teal)}.delta.up{color:var(--danger)}.delta.flat{color:var(--muted)}.bnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));z-index:50;background:linear-gradient(180deg,rgba(6,4,14,0),rgba(6,4,14,.92) 26%,#06040e 60%)}.bnavInner{display:flex;border-radius:18px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(22,15,48,.96),rgba(13,9,28,.96));box-shadow:0 -4px 24px rgba(0,0,0,.5),0 0 28px rgba(91,33,182,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bnavItem{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;color:var(--muted);text-decoration:none;font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:16px;transition:color .15s}.bnavItem svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bnavItem.on{color:#fff}.bnavItem.on svg{filter:drop-shadow(0 0 7px var(--glow));stroke:var(--accent)}.bnavItem.on .nl{color:#d8caff}