@charset "UTF-8";:root{--cyan: #4db8ff;--cyan-bright: #8fd6ff;--edge: rgba(77, 184, 255, .35);--text: #dbe8f7;--text-2: #a9c2de;--dim: #6f89ac;--dim-2: #5f7899;--hp: #ff3b57;--hp-d: #7a1226;--mp: #2f7bff;--mp-d: #123a7a;--xp: #43e0a0;--xp-d: #12603f;--gold: #ffd23f;--danger: #ff2f4d;--panel-a: rgba(18, 28, 48, .72);--panel-b: rgba(8, 14, 28, .72);--f-body: "Rajdhani", sans-serif;--f-orb: "Orbitron", sans-serif;--f-mono: "Share Tech Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{min-height:100dvh;font-family:var(--f-body);color:var(--text);background:radial-gradient(1200px 800px at 50% -10%,#0a1430,#05070d 55%,#02030a);background-attachment:fixed;-webkit-font-smoothing:antialiased}@media(min-width:520px){body{display:grid;place-items:center}}::-webkit-scrollbar{width:0;height:0}h1,h2,h3,h4{margin:0}a{color:var(--cyan);text-decoration:none}input,select,button{font-family:var(--f-body)}input:focus,select:focus{outline:none}.device{position:relative;width:min(100vw,460px);min-height:100dvh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(900px 700px at 50% -8%,#0b1636,#060a17 48%,#04060e);color:var(--text)}@media(min-width:520px){.device{min-height:unset;height:min(940px,96dvh);border-radius:16px;box-shadow:0 0 0 1px #4db8ff1f,0 30px 90px #000000b3}}.ambient{position:absolute;pointer-events:none;filter:blur(22px);animation:breathe 7s ease-in-out infinite}.ambient--tl{top:-140px;left:-80px;width:340px;height:340px;background:radial-gradient(circle,rgba(47,123,255,.35),transparent 65%)}.ambient--br{bottom:40px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(120,80,255,.22),transparent 65%);animation-duration:9s}.panel{position:relative;background:linear-gradient(160deg,var(--panel-a),var(--panel-b));border:1px solid var(--edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px -14px #4db8ff4d}.panel--hi{box-shadow:0 0 34px -12px #4db8ff59}.sweep{position:absolute;top:0;left:0;width:70px;height:2px;background:linear-gradient(90deg,transparent,#8fd6ff,transparent);animation:borderSweep 4s ease-in-out infinite}.clip2{clip-path:polygon(2px 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) 100%,0 100%,0 2px)}.clip3{clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px)}.clip4{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.clip5{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.clip6{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.clip8{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.clip10{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.clip12{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.clip14{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.clip16{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.clip20{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.orb{font-family:var(--f-orb)}.mono{font-family:var(--f-mono)}.dim{color:var(--dim)}.bar{position:relative;background:#040a16cc;border:1px solid rgba(77,184,255,.18);overflow:hidden}.bar__fill{position:absolute;inset:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}.bar__shine{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:barShine 2.6s ease-in-out infinite}.btn-blue{cursor:pointer;color:#eaf4ff;background:linear-gradient(160deg,#183460f2,#0c1a34f2);border:1px solid rgba(77,184,255,.6);box-shadow:0 0 26px -6px #4db8ffb3;transition:transform .1s,box-shadow .2s}.btn-blue:hover{box-shadow:0 0 38px -4px #4db8ff}.btn-blue:active{transform:translateY(2px) scale(.99)}.btn-gold{cursor:pointer;color:#1a1204;background:linear-gradient(160deg,#ffe07a,#ffbe2e);border:1px solid var(--gold);box-shadow:0 0 22px -6px var(--gold);transition:transform .1s}.btn-gold:active{transform:scale(.98)}.btn-ghost{cursor:pointer;color:#8fa6c4;background:#060e1c99;border:1px solid rgba(77,184,255,.3);transition:transform .1s}.btn-ghost:active{transform:scale(.98)}.chip{cursor:pointer;color:var(--cyan-bright);background:#060e1c99;border:1px solid rgba(77,184,255,.3);transition:transform .1s,background .15s}.chip:hover{background:#4db8ff1f}.chip:active{transform:scale(.94)}.pm{cursor:pointer;line-height:1;transition:transform .1s}.pm:active{transform:scale(.88)}.pm:disabled{opacity:.35;cursor:not-allowed}.field-input{background:#040a16b3;border:1px solid rgba(77,184,255,.25);color:#eaf4ff;font-family:var(--f-mono)}.field-input:focus{border-color:var(--edge);box-shadow:0 0 12px -2px var(--cyan)}@keyframes riseIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}60%{opacity:1;transform:translateY(-50%) scale(1.03)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-24px) scale(.9)}12%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes borderSweep{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes glowPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes penaltyPulse{0%,to{box-shadow:inset 0 0 30px #ff2f4d47,0 0 12px #ff2f4d59;opacity:.92}50%{box-shadow:inset 0 0 46px #ff2f4d8c,0 0 22px #ff2f4d99;opacity:1}}@keyframes barShine{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes surge{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes ariseGlow{0%,to{text-shadow:0 0 12px rgba(143,214,255,.8),0 0 32px rgba(77,184,255,.7)}50%{text-shadow:0 0 22px rgb(143,214,255),0 0 60px rgb(77,184,255),0 0 90px rgba(47,123,255,.8)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}94%{opacity:.72}96%{opacity:1}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes numPop{0%{transform:scale(1)}40%{transform:scale(1.28);color:#fff}to{transform:scale(1)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}