#root{min-height:100vh}:root{--bg:#050506;--surface:#1c1c1ed6;--surface-2:#2c2c2eb8;--line:#ffffff14;--text:#fff;--muted:#ffffff94;--dim:#ffffff5c;--blue:#0071e3;--blue-2:#2997ff;--green:#30d158;--red:#ff453a;--gold:#ffd60a;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0,#0071e333,#0000 30%),radial-gradient(circle at 86% 12%,#64d2ff21,#0000 26%),linear-gradient(#050506 0%,#09090b 58%,#030304 100%);min-width:320px;min-height:100vh;margin:0}button,textarea,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 80px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;min-height:620px;display:grid}.eyebrow,.section-head span{color:var(--blue-2);letter-spacing:.18em;font-size:12px;font-weight:700}h1{letter-spacing:-5px;margin:18px 0;font-size:clamp(48px,8vw,96px);line-height:.95}.hero-copy p{color:var(--muted);max-width:620px;margin:0 0 28px;font-size:19px;line-height:1.65}.hero-actions,.button-row{flex-wrap:wrap;gap:12px;display:flex}.primary,.secondary,.button{color:#fff;border:1px solid #0000;border-radius:999px;padding:13px 21px}.primary{background:var(--blue);box-shadow:0 12px 38px #0071e359}.secondary{border-color:var(--line);background:#ffffff14}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-stats span{color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:9px 12px;font-size:13px}.hero-card{border:1px solid var(--line);background:var(--surface);border-radius:36px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0000008c}.hero-card img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.hero-card-caption{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffdb;background:#00000085;border-radius:20px;padding:14px 16px;position:absolute;bottom:18px;left:18px;right:18px}.how{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.how article,.panel{border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:24px;box-shadow:0 22px 70px #00000047}.how b{color:var(--dim);margin-bottom:22px;display:block}.how strong{margin-bottom:8px;font-size:22px;display:block}.how p,.panel small{color:var(--muted);margin:0;line-height:1.55}.game-grid,.pvp-section{grid-template-columns:.9fr 1.1fr;gap:20px;margin-top:20px;display:grid}.section-head{margin-bottom:20px}.section-head h2{letter-spacing:-1px;margin:6px 0 0;font-size:28px}.classes{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.class-card{text-align:left;border:1px solid var(--line);color:var(--text);background:#ffffff0b;border-radius:20px;padding:16px;transition:all .2s}.class-card.active{background:#0071e32e;border-color:#2997ffb3;transform:translateY(-2px)}.class-card span{margin-bottom:10px;font-size:28px;display:block}.class-card strong{display:block}.prompt-label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}textarea{resize:none;border:1px solid var(--line);width:100%;min-height:112px;color:var(--text);background:#0000004d;border-radius:22px;outline:none;padding:16px;line-height:1.55}textarea:focus{border-color:var(--blue-2);box-shadow:0 0 0 4px #2997ff1f}.prompt-meta{color:var(--dim);justify-content:space-between;gap:10px;margin:10px 0 14px;font-size:12px;display:flex}.danger{color:var(--red)!important}.chips{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.chips button,.enemy-select button{border:1px solid var(--line);color:var(--muted);text-align:left;background:#ffffff0d;border-radius:14px;padding:10px 12px}.chips button:hover,.enemy-select button.active{color:#fff;border-color:#2997ff80}.score-card{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.score-card div{border:1px solid var(--line);background:#0000003d;border-radius:18px;padding:14px}.score-card span{color:var(--dim);margin-bottom:8px;font-size:12px;display:block}.score-card strong{font-size:26px}.arena-visual{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#2997ff33,#0000 24%),radial-gradient(circle at 60% 70%,#ff453a24,#0000 30%),linear-gradient(#ffffff0d,#00000040);border-radius:26px;min-height:250px;margin:18px 0;position:relative;overflow:hidden}.hunter{border:1px solid var(--line);background:#00000061;border-radius:24px;place-items:center;width:78px;height:78px;font-size:36px;display:grid;position:absolute;top:92px;left:44px;box-shadow:0 0 42px #2997ff59}.portal{border:2px solid #64d2ff73;border-radius:50%;width:120px;height:145px;position:absolute;top:58px;right:58px;box-shadow:inset 0 0 45px #64d2ff38,0 0 65px #0071e347}.event{color:var(--muted);background:#ffffff14;border-radius:999px;margin:16px 6px 0 135px;padding:7px 10px;font-size:12px;display:inline-flex;position:relative}.event.skill{color:var(--blue-2)}.event.heal{color:var(--green)}.event.dead{color:var(--red)}.event.wave{color:var(--gold)}.log-box{border:1px solid var(--line);background:#00000047;border-radius:20px;max-height:270px;padding:14px;overflow:auto}.log-box p{color:#ffffffb8;border-bottom:1px solid #ffffff0a;margin:0;padding:6px 0;font-size:13px}.log-box.compact{max-height:230px}.enemy-select{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.duel-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:14px;display:grid}.duelist{border:1px solid var(--line);text-align:center;background:#00000038;border-radius:24px;padding:20px}.duelist span{margin-bottom:8px;font-size:42px;display:block}.duelist strong,.duelist small{display:block}.versus{color:var(--dim);letter-spacing:.18em;font-weight:800}.pvp-result{text-align:center;border-radius:18px;margin:12px 0;padding:14px;font-size:24px;font-weight:800}.pvp-result.win{color:var(--green);background:#30d1581a}.pvp-result.lose{color:var(--red);background:#ff453a1a}.rank-row{border-bottom:1px solid #ffffff0f;grid-template-columns:46px 1fr 82px 90px;align-items:center;gap:10px;padding:14px 0;display:grid}.rank-row b{color:var(--gold)}.rank-row em{color:var(--muted);font-size:13px;font-style:normal}.rank-row strong{text-align:right}@media (width<=900px){main{width:min(100% - 24px,1180px);padding-top:24px}.hero,.game-grid,.pvp-section,.how{grid-template-columns:1fr}h1{letter-spacing:-3px}.hero{min-height:auto}.score-card,.classes{grid-template-columns:1fr}.rank-row{grid-template-columns:38px 1fr 70px}.rank-row em{display:none}}