:root{--navy:#07122f;--card:#102250;--line:rgba(255,255,255,.12);--cyan:#4eeaff;--gold:#ffd761;--text:#f7fbff;--muted:#9fb0d6;--purple:#684fff}*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,#234c92 0,transparent 38%),linear-gradient(#09173c,#050b20 70%);min-height:100vh}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#6bdcff 1px,transparent 1px);background-size:41px 41px,73px 73px;background-position:0 0,17px 23px}.app{position:relative;width:min(100%,520px);margin:auto;padding:20px 16px 60px}.topbar,.brand,.energy-top,.section-title,.level-row{display:flex;align-items:center;justify-content:space-between}.topbar{margin:4px 2px 18px}.brand{gap:10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #69ecff;border-radius:12px;background:linear-gradient(145deg,#263fa0,#5d33bf);font-weight:900;color:#fff;box-shadow:0 0 20px #37d7ff55}.brand b{display:block;font-size:14px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.icon-button,.close{border:1px solid var(--line);background:#ffffff0b;color:white;border-radius:50%;width:38px;height:38px;font-size:17px}.hero-card,.energy-card,.journey-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(31,59,128,.9),rgba(11,27,67,.95));box-shadow:0 20px 50px #0005}.hero-card{min-height:252px;padding:30px 24px;margin-bottom:14px}.hero-card:after{content:"";position:absolute;inset:auto -50px -100px auto;width:260px;height:260px;background:radial-gradient(circle,#606fff55,transparent 68%)}.hero-copy{position:relative;z-index:3;width:62%}.eyebrow,.section-kicker,.battle-label{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:800}.hero-copy h1{font-size:25px;line-height:1.15;margin:10px 0 8px}.hero-copy p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 26px}.level-row{font-size:11px;margin-bottom:7px}.level-row span{color:var(--muted)}.progress{height:7px;border-radius:10px;background:#02071980;overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39d9ff,#9d75ff);box-shadow:0 0 12px #5ae9ff;transition:width .5s}.tiga-wrap{position:absolute;right:28px;bottom:12px;width:100px;height:205px;z-index:2;filter:drop-shadow(0 15px 15px #0007);transition:transform .4s}.glow{position:absolute;width:160px;height:160px;left:-30px;top:22px;border-radius:50%;background:radial-gradient(circle,#5eeaff44,transparent 65%);animation:pulse 2.4s infinite}.tiga-head{position:absolute;left:31px;top:3px;width:42px;height:52px;background:linear-gradient(110deg,#e6f3fa 20%,#8da5b7 48%,#fff 60%);clip-path:polygon(50% 0,65% 12%,90% 26%,84% 77%,62% 100%,38% 100%,15% 76%,10% 26%,35% 12%);z-index:2}.tiga-head:before,.tiga-head:after{content:"";position:absolute;top:23px;width:14px;height:6px;background:#ffe55d;box-shadow:0 0 10px #fff35d}.tiga-head:before{left:6px;transform:skewY(12deg)}.tiga-head:after{right:6px;transform:skewY(-12deg)}.tiga-head i{position:absolute;left:19px;top:5px;width:5px;height:22px;background:#6e61c8}.tiga-body{position:absolute;left:24px;top:49px;width:58px;height:105px;background:linear-gradient(90deg,#543bb7 0 22%,#e1edf2 23% 42%,#ba3944 43% 59%,#e8f0f3 60% 76%,#543bb7 77%);clip-path:polygon(25% 0,75% 0,100% 25%,78% 100%,22% 100%,0 25%)}.tiga-body:before{content:"";position:absolute;top:18px;left:23px;width:13px;height:13px;border-radius:50%;background:#78f5ff;box-shadow:0 0 12px #78f5ff}.tiga-body span{position:absolute;inset:0;background:linear-gradient(150deg,transparent 43%,#bd3548 44% 55%,transparent 56%)}.tiga-arm{position:absolute;top:57px;width:24px;height:104px;border-radius:15px;background:linear-gradient(90deg,#714cce,#d9e7ed 45%,#b63746);transform-origin:top}.tiga-arm.left{left:13px;transform:rotate(14deg)}.tiga-arm.right{right:5px;transform:rotate(-18deg)}.tiga-wrap:before,.tiga-wrap:after{content:"";position:absolute;top:142px;width:28px;height:68px;background:linear-gradient(90deg,#5136b1,#dce7eb 48%,#b63445);border-radius:0 0 12px 12px}.tiga-wrap:before{left:25px;transform:rotate(3deg)}.tiga-wrap:after{right:17px;transform:rotate(-3deg)}.orbit{position:absolute;border:1px solid #80ecff29;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:230px;height:80px;right:-50px;top:60px}.orbit-two{width:280px;height:110px;right:-75px;top:40px}.energy-card,.journey-card{padding:20px;margin-bottom:24px}.energy-top h2{font-size:28px;margin:5px 0 0}.energy-top small{font-size:12px;color:var(--muted);font-weight:500}.spark-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#f3c64c;color:#4c3200;box-shadow:0 0 24px #ffd33d55}.energy-slots{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:18px 0}.energy-slot{height:44px;border-radius:10px;background:#03092366;border:1px solid var(--line);display:grid;place-items:center;color:#40517e;transition:.35s}.energy-slot.filled{background:linear-gradient(150deg,#ffe968,#eb9f21);color:#fff;box-shadow:0 0 18px #ffc93a55;transform:translateY(-2px)}.energy-slot span{font-size:20px;transform:rotate(-12deg)}button{font:inherit;cursor:pointer}.battle-button,.attack-button{width:100%;border:0;border-radius:15px;padding:14px;color:#091230;background:linear-gradient(90deg,#53eaff,#65afff);font-weight:800;box-shadow:0 8px 24px #40cfff33}.battle-button:disabled{cursor:not-allowed;color:#7180a5;background:#1b2c54;box-shadow:none}.battle-button span{margin-right:8px}.tasks-section{margin-bottom:28px}.section-title{margin:0 3px 14px}.section-title h2{font-size:20px;margin:4px 0}.section-title>span{font-size:12px;color:var(--muted);background:#ffffff0c;padding:7px 10px;border-radius:20px}.task-list{display:grid;gap:10px}.task{position:relative;display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(110deg,#132958cc,#0c1b40dd);transition:.25s;cursor:pointer}.task:hover{transform:translateY(-1px);border-color:#50dcff77}.task.done{background:#0e3046;border-color:#4eeaff55}.task-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#ffffff0d;font-size:20px}.task-copy{flex:1}.task-copy b{display:block;font-size:14px}.task-copy small{color:var(--muted);font-size:11px}.check{width:26px;height:26px;border:2px solid #52648c;border-radius:50%;display:grid;place-items:center;color:transparent;font-weight:900}.done .check{color:#07252c;border-color:var(--cyan);background:var(--cyan)}.done .task-copy b{text-decoration:line-through;color:#8ba8bb}.path{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding-top:8px}.path:before{content:"";position:absolute;height:3px;left:27px;right:27px;top:31px;background:#273b66}.path-node{position:relative;text-align:center;width:25%;z-index:1}.path-node i{font-style:normal;margin:auto;display:grid;place-items:center;width:48px;height:48px;border:3px solid #283c68;border-radius:50%;background:#101f43;font-size:19px}.path-node b{display:block;font-size:10px;margin-top:8px}.path-node small{font-size:9px;color:var(--muted)}.path-node.active i{border-color:var(--cyan);box-shadow:0 0 18px #4eeaff55;background:#18355f}.path-node.passed i{border-color:var(--gold);background:#765c19}footer{text-align:center;color:#7082ab;font-size:10px;line-height:1.7;padding:4px 30px}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#020617db;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.3s}.modal.open{opacity:1;visibility:visible}.battle-stage{position:relative;width:min(100%,420px);padding:30px 22px 22px;text-align:center;border:1px solid #6deaff44;border-radius:25px;background:radial-gradient(circle at 50% 40%,#273b92,#0b173c 70%);box-shadow:0 0 80px #437cff33}.battle-stage h2{margin:7px 0 15px}.close{position:absolute;right:14px;top:14px}.versus{height:180px;display:flex;align-items:center;justify-content:center;gap:28px}.versus b{font-size:20px;font-style:italic;color:var(--gold)}.mini-tiga{width:75px;height:130px;display:grid;place-items:center;clip-path:polygon(30% 0,70% 0,88% 20%,77% 100%,23% 100%,12% 20%);background:linear-gradient(90deg,#6b4bd0 30%,#dbe6ea 31% 47%,#b93848 48% 62%,#dbe6ea 63% 75%,#6b4bd0 76%);font-size:25px;font-weight:900;text-shadow:0 0 5px white}.monster{position:relative;width:90px;height:110px;border-radius:50% 50% 35% 35%;background:linear-gradient(145deg,#8ea133,#344d2b);box-shadow:inset 0 -20px #20321f}.monster:before,.monster:after{content:"";position:absolute;top:-22px;width:24px;height:45px;background:#758431;clip-path:polygon(50% 0,100% 100%,0 100%)}.monster:before{left:8px;transform:rotate(-20deg)}.monster:after{right:8px;transform:rotate(20deg)}.monster i:before,.monster i:after{content:"";position:absolute;top:40px;width:18px;height:8px;background:#ff4b37;box-shadow:0 0 9px #ff321f}.monster i:before{left:16px}.monster i:after{right:16px}.monster span{position:absolute;width:30px;height:14px;border-bottom:5px solid #152015;border-radius:50%;bottom:23px;left:30px}.battle-stage p{color:var(--muted);font-size:12px}.attack-button{margin-top:10px}.battle-stage.attacking{animation:shake .12s 4}.battle-stage.attacking:after{content:"";position:absolute;left:28%;right:23%;top:48%;height:10px;background:white;box-shadow:0 0 10px #fff,0 0 35px #4eeaff;transform:rotate(-4deg);animation:beam .75s forwards}.battle-stage.won .monster{animation:defeat .7s forwards}.toast{position:fixed;left:50%;bottom:34px;z-index:30;transform:translate(-50%,30px);opacity:0;background:#f6fbff;color:#101b3d;padding:11px 18px;border-radius:30px;font-size:12px;font-weight:700;box-shadow:0 10px 35px #0008;transition:.3s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{transform:scale(1.15);opacity:.65}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes beam{0%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1.3);transform-origin:left;opacity:0}}@keyframes defeat{to{transform:scale(.1) rotate(35deg);opacity:0}}@media(max-width:360px){.hero-card{padding-left:18px}.hero-copy h1{font-size:21px}.tiga-wrap{right:12px}.task{padding:12px 10px}}