:root{--bg:#0f1117;--panel:#1a1d28;--panel-2:#232733;--border:#2e3342;--text:#d7dae3;--text-dim:#8b90a0;--accent:#c084fc;--accent-bg:#c084fc1a;--fire:#ff7a45;--boss:#e0457b;--student:#45c87a;--hp-track:#2a2e3c;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 50% -10%, #1b2030, var(--bg)) fixed;min-height:100vh}#root{max-width:1040px;margin:0 auto;padding:16px}button{font-family:inherit}:root{--navy:#0c1430;--navy2:#16224a;--panel:#0e1838;--gold1:#f6e2a0;--gold2:#d3a548;--gold3:#8a6322;--cyan:#7fdcff;--ice:#cdeeff;--gem:#3fa9e0;--crimson:#b8243a;--txt:#eaf2ff;--mut:#9fb2d8}.battle{flex-direction:column;gap:12px;font-family:Gowun Dodum,system-ui,sans-serif;display:flex;position:relative}.battle__header{justify-content:space-between;align-items:center;display:flex}.battle__title{color:var(--txt);margin:0;font-family:Jua,sans-serif;font-size:24px;font-weight:400}.battle__hint{color:var(--mut);font-size:13px}.arena{border:1px solid #7fdcff2e;border-radius:16px;width:960px;max-width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000008c}.arena__canvas{touch-action:none;background:#0a1024;width:100%;height:auto;display:block}.gem{background:linear-gradient(135deg,#e4faff,#4fb8ea 52%,#2a6bb0);border:1px solid #14406e;flex:none;width:12px;height:12px;display:inline-block;position:relative;transform:rotate(45deg);box-shadow:0 0 5px #78dcffb3}.gem:after{content:"";opacity:.85;background:#fff;width:35%;height:35%;position:absolute;top:1.5px;left:1.5px}.por{box-shadow:0 0 0 3px var(--gold2), 0 0 0 5px var(--navy), 0 4px 10px #00000080;background-color:#16224a;background-repeat:no-repeat;border-radius:50%;flex:none}.por--boss{background-image:url(/assets/boss-witch.png);background-position:-110px -80px;background-size:306px;width:52px;height:52px}.por--knight{background-image:url(/assets/knight.png);background-position:-152px -110px;background-size:342px;width:46px;height:46px}.hp-track{height:22px;box-shadow:0 0 0 2px var(--gold2);background:#140e26;border-radius:7px;position:relative;overflow:hidden}.hp-track--sm{height:18px}.hp-fill{border-radius:5px;height:100%;transition:width .25s}.hp-fill.boss{background:linear-gradient(90deg,#f4607f,#ee7a34)}.hp-fill.player{background:linear-gradient(90deg,#22c55e,#16a34a)}.hp-ticks{display:flex;position:absolute;inset:0}.hp-ticks i{border-right:1px solid #0a081673;flex:1}.hp-ticks i:last-child{border:0}.hud-name{color:#eaf2ff;text-shadow:0 2px 4px #000;font-family:Jua,sans-serif;font-size:15px}.hud-name--sm{font-size:13px}.hud-lv{color:#ffd9ec;margin-left:auto;font-size:12px}.boss-tag{letter-spacing:2px;color:#ffe1d0;border:1.5px solid var(--gold2);background:linear-gradient(#b8243a,#7a1020);border-radius:5px;padding:2px 9px;font-family:Jua,sans-serif;font-size:12px}.boss-hp{align-items:center;gap:12px;width:560px;max-width:calc(100% - 28px);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.boss-hp__col{flex:1}.boss-hp__top{align-items:center;gap:8px;margin-bottom:5px;display:flex}.player-hp{align-items:center;gap:10px;width:270px;max-width:calc(100% - 28px);display:flex;position:absolute;bottom:14px;left:14px}.player-hp__col{flex:1}.dmg{background:linear-gradient(#fff,#9be8ff);color:#0000;-webkit-text-stroke:4px #0a2348;paint-order:stroke fill;filter:drop-shadow(0 4px 7px #000000bf);pointer-events:none;-webkit-background-clip:text;background-clip:text;font-family:Jua,sans-serif;font-size:50px;animation:1.1s ease-out forwards dmgRise;position:absolute;top:54px;left:50%}@keyframes dmgRise{0%{opacity:0;transform:translate(-50%)rotate(-8deg)scale(.7)}18%{opacity:1;transform:translate(-50%,-10px)rotate(-8deg)scale(1.12)}to{opacity:0;transform:translate(-50%,-46px)rotate(-8deg)scale(1)}}.bubble{color:#1e3a72;border:2px solid var(--gold2);background:linear-gradient(#f6fcff,#dcecff);border-radius:12px;align-items:center;gap:7px;max-width:360px;padding:8px 13px;font-family:Gowun Dodum,sans-serif;font-size:12.5px;font-weight:700;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000073}.bubble:after{content:"";border:8px solid #0000;border-top-color:#dcecff;border-bottom:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.weapon-card{background:linear-gradient(180deg, var(--navy2), var(--navy));border:2.5px solid var(--gold2);border-radius:14px;width:162px;padding:10px;position:absolute;bottom:68px;right:14px}.weapon-card__glow{z-index:-1;filter:blur(8px);opacity:.85;border-radius:14px;position:absolute;inset:-3px}.grade-0 .weapon-card__glow{background:radial-gradient(circle at 50% 40%,#ef4444,#0000 70%)}.grade-1 .weapon-card__glow{background:radial-gradient(circle at 50% 40%,#facc15,#0000 70%)}.grade-2 .weapon-card__glow{background:radial-gradient(circle at 50% 40%,#4ade80,#0000 70%)}.weapon-slot{background:repeating-conic-gradient(#10204a 0 25%, #16285a 0 50%) 0 0 / 18px 18px;border:1.5px solid #2f5a8c;border-radius:9px;justify-content:center;align-items:center;height:92px;display:flex;position:relative;overflow:hidden}.weapon-slot__img{object-fit:cover;width:100%;height:100%}.weapon-badge{width:38px;height:38px;position:absolute;top:-10px;right:-10px}.weapon-name{color:#d7ffe2;text-align:center;margin-top:7px;font-family:Jua,sans-serif;font-size:13px}.slot-scores{flex-wrap:wrap;justify-content:center;gap:4px;max-width:560px;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.badge{border:1px solid var(--gold2);background:#0c1430c7;border-radius:6px;padding:2px 7px;font-family:Gowun Dodum,sans-serif;font-size:11px}.badge--0{color:#ff6b6b}.badge--1{color:#facc15}.badge--2{color:#4ade80}.hud-buttons{gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.gbtn{color:#fff;cursor:pointer;border:2px solid var(--gold2);border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-family:Jua,sans-serif;font-size:14px;display:flex;box-shadow:0 2px 7px #00000059}.gbtn:disabled{opacity:.55;cursor:not-allowed}.gbtn.craft{background:#2f4ea0}.gbtn.attack{background:#dd7a22}.gbtn.pulse{animation:.8s ease-in-out infinite alternate attackPulse}@keyframes attackPulse{to{box-shadow:0 0 16px #dd7a22d9}}.hud-status{color:var(--cyan);text-shadow:0 1px 3px #000;align-self:center;padding:9px 4px;font-family:Jua,sans-serif;font-size:14px}.hud-hint{color:var(--mut);text-shadow:0 1px 2px #000;pointer-events:none;font-size:11px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.overlay{z-index:5;background:#060912b8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.overlay__panel{background:linear-gradient(180deg, var(--navy2), var(--navy));border:2.5px solid var(--gold2);text-align:center;border-radius:16px;width:min(460px,100%);padding:20px;font-family:Gowun Dodum,sans-serif}.overlay__panel h2{margin:0 0 8px;font-family:Jua,sans-serif;font-weight:400}.overlay__title{margin:0 0 6px;font-family:Jua,sans-serif;font-weight:400}.overlay__sub{color:var(--mut);margin:0 0 12px;font-size:14px}.overlay__actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.outcome--victory h2{color:var(--gold1)}.outcome--defeat h2{color:#9fb2d8}.outcome__stat{color:var(--mut);margin:8px 0 14px;font-size:14px}.prompt__field{resize:vertical;width:100%;color:var(--txt);border:1.5px solid var(--gold2);background:#0a1330;border-radius:8px;padding:10px;font-family:Gowun Dodum,sans-serif;font-size:15px}.prompt__field:focus{outline:2px solid var(--cyan)}.prompt__error{color:#ff8a8a;text-align:left;margin:8px 0 0}.prompt__count{color:var(--mut);margin-right:auto;font-size:13px}.btn{color:var(--txt);border:2px solid var(--gold2);cursor:pointer;background:#1a2547;border-radius:9px;padding:9px 16px;font-family:Jua,sans-serif;font-size:14px}.btn:hover{filter:brightness(1.12)}.btn--primary{color:#fff;background:#dd7a22}.arena-wrap{width:960px;max-width:100%;margin:0 auto;position:relative}.screen-frame{aspect-ratio:960/600;border:1px solid #7fdcff2e;border-radius:16px;width:960px;max-width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000008c}.screen-overlay{z-index:6;background:var(--navy);border-radius:16px;position:absolute;inset:0;overflow:hidden}.screen-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.veil{position:absolute;inset:0}.veil--title{background:linear-gradient(#06091652,#06091614 40%,#0609168c)}.veil--win{background:radial-gradient(540px 320px at 50% 38%,#ffe6961f,#0000 70%),linear-gradient(#06091633,#06091680)}.veil--lose{background:linear-gradient(#0407108c,#0407104d 45%,#040710b3)}.screen-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.logo{font-family:Jua,sans-serif;line-height:.96}.logo__l1{color:#cdeeff;text-shadow:0 2px #1b3a6e,0 0 18px #7fdcff80;margin-bottom:2px;font-size:26px;display:block}.logo__l2{color:#e2f3ff;text-shadow:0 3px #1b3a6e,0 0 24px #7fdcff8c;filter:drop-shadow(0 4px 10px #00000080);font-size:58px;display:block}.tagline{color:#dfeaff;letter-spacing:3px;text-shadow:0 2px 6px #000;align-items:center;gap:10px;font-family:Jua,sans-serif;font-size:16px;display:flex}.tagline:before,.tagline:after{content:"";background:linear-gradient(90deg, transparent, var(--gold1));width:46px;height:1px}.tagline:after{transform:scaleX(-1)}.press{color:#bfe9ff;margin-top:8px;font-size:13px;animation:1.8s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:.3}50%{opacity:.9}}.banner{letter-spacing:4px;filter:drop-shadow(0 4px 10px #0000008c);font-family:Jua,sans-serif;font-size:68px}.banner.win{color:#ffe08a;text-shadow:0 3px #5a3a00,0 0 24px #ffc85a8c}.banner.lose{color:#bcc9dc;text-shadow:0 3px #0c1626,0 0 22px #96b4dc73}.stars{gap:10px;font-size:36px;display:flex}.stars .s{color:#2a3a5e;text-shadow:0 1px 2px #000}.stars .s.fill{color:#ffd45a;text-shadow:0 0 12px #ffc850b3}.scorebox{color:#dfeaff;background:#0a122899;border:1px solid #7fdcff2e;border-radius:10px;gap:18px;padding:8px 18px;font-family:Jua,sans-serif;font-size:15px;display:flex}.scorebox b{color:var(--cyan)}.resultmsg{color:#cfe0f5;text-shadow:0 2px 6px #000;max-width:380px;font-size:14px;line-height:1.6}.btnrow{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.btnrow .gbtn{padding:11px 26px;font-size:16px}.gbtn.cyan{background:#2f6aa8}.gbtn.amber{background:#dd7a22}.gbtn.ghost{background:#0e1838b3}