@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#f7f7fb;font-synthesis:none;text-rendering:optimizelegibility;--border:#ffffff1a;--text-dim:#ffffff94;--blue:#2997ff;--green:#30d158;--red:#ff453a;--gold:#fc6;--violet:#9d7cff;background:#07070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% -10%,#2997ff3d,#0000 34%),radial-gradient(circle at 78% 8%,#9d7cff33,#0000 32%),linear-gradient(#07070a,#050506 58%,#0b0b0f);min-width:320px;min-height:100vh;margin:0}button,textarea,a{font:inherit}button{cursor:pointer}main{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 64px}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;min-height:620px;display:grid}.eyebrow,.section-head{color:var(--blue);letter-spacing:.14em;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.section-head{letter-spacing:0;color:#fff;margin-bottom:12px;display:flex}.section-head span{color:var(--blue);margin-left:auto}h1{letter-spacing:-.07em;margin:18px 0;font-size:clamp(42px,7vw,78px);line-height:.96}.hero p{color:var(--text-dim);max-width:580px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary,.secondary,.ghost{border:0;border-radius:999px;padding:13px 22px;font-weight:900}.primary{color:#060609;background:#fff;box-shadow:0 14px 40px #ffffff24}.primary:disabled{opacity:.55;cursor:not-allowed}.primary.compact{padding:10px 16px}.secondary,.ghost{border:1px solid var(--border);color:#fff;background:#ffffff14}.hook-cards{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hook-cards span{border:1px solid var(--border);color:#ffffffd1;background:#ffffff0d;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.pixel-preview{background:linear-gradient(#2997ff14,#00000047),radial-gradient(circle at 50% 70%,#ffcc6624,#0000 36%);border:1px solid #ffffff1f;border-radius:34px;justify-content:center;align-items:center;gap:110px;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.hero-badge{background:#0000008f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:flex;position:absolute;bottom:24px;left:24px}.loop-strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.loop-strip div{border:1px solid var(--border);background:#ffffff0e;border-radius:22px;padding:20px}.loop-strip strong{color:var(--blue);font-size:13px;display:block}.loop-strip span{font-weight:900}.game-header{z-index:20;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 18px;display:flex;position:relative}.game-header div{display:grid}.game-header b{font-size:20px}.game-header span{color:var(--text-dim);font-size:13px;font-weight:800}.battle-layout{grid-template-columns:minmax(0,1fr) 350px;gap:18px;display:grid}.combat-column,.side-column{gap:16px;display:grid}.combat-arena{background:linear-gradient(#101525,#08090e 68%,#16100b);border:1px solid #ffffff1f;border-radius:30px;min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 24px 70px #0000006b}.combat-arena.active{box-shadow:0 0 0 1px #2997ff47,0 28px 90px #2997ff26}.arena-bg{position:absolute;inset:0;overflow:hidden}.arena-bg:before{content:"";transform-origin:100% 0;background:linear-gradient(#0000,#ffcc6614),repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 34px);height:34%;position:absolute;bottom:0;left:0;right:0;transform:skewY(-2deg)}.arena-bg span{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.5;background:linear-gradient(#253047,#101522);width:80px;height:120px;position:absolute;bottom:30%}.arena-bg span:first-child{height:160px;left:8%}.arena-bg span:nth-child(2){height:100px;left:38%}.arena-bg span:nth-child(3){height:145px;right:22%}.arena-bg span:nth-child(4){height:90px;right:6%}.arena-topline{z-index:4;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:18px;left:18px;right:18px}.arena-topline span,.speed-btn{color:#ffffffd6;background:#0000005c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex}.speed-btn{color:#fff}.fighters-stage{z-index:2;grid-template-columns:minmax(170px,1fr) 130px minmax(170px,1fr);align-items:end;height:390px;padding:76px 34px 28px;display:grid;position:relative}.fighter-wrap{justify-items:center;gap:10px;min-width:150px;display:grid}.enemy-wrap,.hero-wrap{justify-self:center}.nameplate{text-align:center;background:#00000059;border:1px solid #ffffff17;border-radius:16px;gap:2px;padding:8px 12px;display:grid}.nameplate b{font-size:15px}.nameplate small{color:var(--text-dim);font-weight:800}.projectile-lane{justify-content:center;align-self:center;align-items:center;height:220px;display:flex;position:relative}.damage-pop{text-align:center;color:#fff;text-shadow:0 2px #000;z-index:4;background:#000000b3;border:1px solid #ffffff29;border-radius:999px;min-width:74px;padding:8px 12px;font-size:20px;font-weight:1000;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.slash{opacity:0;filter:drop-shadow(0 0 12px #ffcc66b3);border:8px solid #fff;border-color:#fff #ffd780 #0000 #0000;border-radius:50%;width:110px;height:110px;position:absolute;transform:rotate(36deg)}.spell-orb{opacity:0;background:radial-gradient(circle,#fff,#8ab4ff 42%,#0000 70%);border-radius:50%;width:26px;height:26px;position:absolute;box-shadow:0 0 30px #8ab4ff}.action-attack .slash,.action-skill .slash{animation:.55s ease-in-out slash}.action-skill .spell-orb{animation:.65s ease-in-out orb}.battle-caption{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000085;border:1px solid #ffffff1c;border-radius:20px;gap:5px;padding:16px 18px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.battle-caption strong{color:var(--blue);letter-spacing:.12em;font-size:12px}.battle-caption span{font-size:18px;font-weight:900}.combo-ribbon,.loot-pop{z-index:5;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:1000;display:flex;position:absolute}.combo-ribbon{color:#ffe0a3;background:#ffcc6624;border:1px solid #ffcc663d;top:62px;right:18px}.loot-pop{color:#d9fff0;background:#30d1581a;border:1px solid #30d15838;bottom:92px;right:18px}.pixel-sprite{width:96px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 22px 18px #0000006b);position:relative;transform:scale(1.24)}.pixel-sprite i,.pixel-sprite b,.pixel-sprite em,.pixel-sprite span,.pixel-sprite strong{display:block;position:absolute}.pixel-sprite i{background:#ffd39b;border-radius:10px 10px 7px 7px;width:40px;height:36px;top:10px;left:28px;box-shadow:inset 0 -8px #0000001f}.pixel-sprite b{background:var(--class-color,#8ab4ff);border-radius:10px;width:52px;height:44px;top:44px;left:22px;box-shadow:inset 0 -10px #0003}.pixel-sprite em{background:#ffd39b;border-radius:9px;width:20px;height:42px;top:54px;left:10px;box-shadow:58px 0 #ffd39b}.pixel-sprite span{background:#253047;border-radius:8px;width:16px;height:34px;top:86px;left:28px;box-shadow:25px 0 #253047}.pixel-sprite strong{background:#e9edf7;border-radius:8px;width:9px;height:62px;top:48px;right:2px;transform:rotate(-24deg);box-shadow:0 -8px #fff}.pixel-sprite.ranger strong{width:44px;height:58px;box-shadow:none;background:0 0;border:5px solid #e3b86a;border-left-color:#0000;border-radius:50%;top:45px;right:-6px}.pixel-sprite.mage b{background:linear-gradient(#9d7cff,#4053f3)}.pixel-sprite.mage strong{background:#6b4b2a;width:10px;height:70px;top:40px;right:2px;box-shadow:0 -10px #8ab4ff}.pixel-sprite.role-enemy{--class-color:#6bd38b;transform:scale(1.22)rotateY(180deg)}.pixel-sprite.goblin i{background:#7cdb7a}.pixel-sprite.goblin b{background:#566b35}.pixel-sprite.skeleton i{background:#ded6bd}.pixel-sprite.skeleton b{background:#c7c0a8}.pixel-sprite.imp i{background:#bd5cff}.pixel-sprite.imp b{background:#52226c}.pixel-sprite.ogre{transform:scale(1.42)rotateY(180deg)}.pixel-sprite.ogre i{background:#92c767}.pixel-sprite.ogre b{background:#6b4b2a;width:66px;left:15px}.pixel-sprite.boss{transform:scale(1.72)rotateY(180deg)}.pixel-sprite.boss i{background:#ff665e;box-shadow:inset 0 -8px #0000002e,-12px -5px #ffd166,12px -5px #ffd166}.pixel-sprite.boss b{background:linear-gradient(#7431ff,#2a123f);width:70px;height:54px;left:13px}.active .role-hero.attack,.active .role-hero.skill{animation:.62s heroStrike}.active .role-enemy.hit,.active .role-enemy.skill,.action-attack .role-enemy,.action-skill .role-enemy{animation:.5s enemyHit}.action-hit .role-hero,.action-block .role-hero{animation:.48s heroHit}.action-heal .role-hero{animation:.7s healGlow}.bar{color:#fffc;grid-template-columns:auto auto;gap:5px;width:min(220px,100%);font-size:11px;font-weight:1000;display:grid}.bar b{justify-self:end}.bar i{background:#ffffff1c;border-radius:99px;grid-column:1/-1;height:9px;overflow:hidden}.bar em{border-radius:inherit;background:linear-gradient(90deg,#ff453a,#fc6);height:100%;display:block}.bar.mp em{background:linear-gradient(90deg,#2997ff,#8ab4ff)}.prompt-dock,.log-panel,.score-card,.loot-card,.pvp-card,.leaderboard,.history,.risk-box{border:1px solid var(--border);background:#ffffff0e;border-radius:24px;padding:18px}.class-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.class-card{text-align:left;color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;gap:7px;padding:14px;display:grid}.class-card.selected{border-color:var(--class-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--class-color) 30%,transparent),0 12px 34px color-mix(in srgb,var(--class-color) 12%,transparent)}.class-card svg{color:var(--class-color)}.class-card strong{font-size:16px}.class-card span,.class-card em{color:var(--text-dim);font-size:12px;line-height:1.35}.class-card em{color:var(--class-color);font-style:normal;font-weight:900}.prompt-label{color:#ffffffd1;justify-content:space-between;margin:14px 0 8px;font-size:13px;font-weight:900;display:flex}textarea{resize:vertical;color:#fff;background:#00000040;border:1px solid #ffffff1a;border-radius:18px;outline:none;width:100%;min-height:96px;padding:14px;line-height:1.5}textarea:focus{border-color:#2997ff8c;box-shadow:0 0 0 4px #2997ff1f}.policy-meter{background:#2997ff14;border:1px solid #2997ff2e;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:12px 0 8px;padding:10px 12px;display:grid}.policy-meter span{color:#cfe7ff;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.policy-meter b{color:#fff;font-size:18px}.policy-meter i,.risk-box i{background:#ffffff14;border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.policy-meter em{background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit;height:100%;display:block}.policy-tags,.prompt-actions{flex-wrap:wrap;gap:7px;display:flex}.policy-tags span,.prompt-actions button{color:#ffffffdb;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.mutate-btn,.share-btn{color:#dce9ff;background:#8ab4ff1a;border:1px solid #8ab4ff40;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;margin:10px 0;padding:10px 12px;font-weight:900;display:inline-flex}.meta-hint{color:#ffffffb8;align-items:flex-start;gap:7px;font-size:12px;line-height:1.45;display:flex}.log-row{border-bottom:1px solid #ffffff0f;grid-template-columns:44px 1fr;gap:10px;padding:10px 0;display:grid}.log-row:last-child{border-bottom:0}.log-row span{color:var(--blue);font-size:12px;font-weight:1000}.log-row p{color:#ffffffd1;margin:0;font-size:13px;font-weight:800}.log-row.skill p{color:#dce9ff}.log-row.heal p{color:#b9f6ca}.log-row.death p{color:#ffb0aa}.score-card{text-align:center;background:linear-gradient(#ffcc661a,#ffffff0b)}.grade{color:#08090e;background:#fff;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 10px;font-size:32px;font-weight:1000;display:grid}.score-card span,.score-card p{color:var(--text-dim)}.score-card strong{letter-spacing:-.05em;font-size:40px;display:block}.score-card p{line-height:1.45}.score-delta{border-radius:14px;margin:10px 0;padding:10px;font-size:13px;font-weight:900}.score-delta.up{color:#b9f6ca;background:#30d1581a}.score-delta.down{color:#ffb0aa;background:#ff453a1a}.badges{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.badges span{color:#ffe0a3;background:#ffcc661a;border:1px solid #ffcc663d;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card{border:1px solid var(--border);background:#ffffff0e;border-radius:18px;padding:14px}.stat-card span{color:var(--text-dim);font-size:12px;font-weight:800;display:block}.stat-card strong{font-size:22px}.loot-card{gap:8px;display:grid}.loot-card div{color:var(--gold);align-items:center;gap:8px;font-weight:1000;display:flex}.loot-card strong{font-size:19px}.loot-card small{color:var(--text-dim);font-weight:800}.risk-box{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.risk-box span{color:#fffc;align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.risk-box em{background:linear-gradient(90deg,var(--green),var(--gold),var(--red));border-radius:inherit;height:100%;display:block}.rival-list{gap:8px;display:grid}.rival-list button{text-align:left;color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;padding:10px}.rival-list button.selected{background:#2997ff1a;border-color:#2997ff73}.rival-list span{color:var(--text-dim);margin-top:2px;font-size:12px;display:block}.pvp-result{border-radius:16px;gap:4px;margin-top:10px;padding:12px;display:grid}.pvp-result.win{background:#30d1581a;border:1px solid #30d1582e}.pvp-result.lose{background:#ff453a1a;border:1px solid #ff453a2e}.pvp-result span,.pvp-result em{color:#ffffffc2;font-size:12px;font-style:normal}.rank-row,.history-row{border-bottom:1px solid #ffffff0f;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.rank-row:last-child,.history-row:last-child{border-bottom:0}.rank-row span{color:var(--gold);font-weight:1000}.rank-row em,.history-row b{font-style:normal;font-weight:1000}.rank-row small{color:var(--text-dim);grid-column:2/-1}.history-row span{background:#ffffff17;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:1000;display:grid}.history-row em{color:var(--text-dim);grid-column:2/-1;font-size:12px;font-style:normal}.empty{color:var(--text-dim);font-size:13px;line-height:1.5}@keyframes heroStrike{0%,to{transform:scale(1.24)translate(0)}45%{transform:scale(1.24)translate(46px)}}@keyframes enemyHit{0%,to{filter:drop-shadow(0 22px 18px #0000006b);opacity:1}40%{filter:drop-shadow(0 0 18px #ff453ae6);opacity:.68;transform:scale(1.22)rotateY(180deg)translate(-16px)}}@keyframes heroHit{0%,to{transform:scale(1.24)translate(0)}45%{filter:drop-shadow(0 0 16px #ff453acc);transform:scale(1.24)translate(-20px)}}@keyframes healGlow{0%,to{filter:drop-shadow(0 22px 18px #0000006b)}50%{filter:drop-shadow(0 0 26px #30d158e6)}}@keyframes slash{0%{opacity:0;transform:rotate(20deg)scale(.55)}45%{opacity:1;transform:rotate(36deg)scale(1.15)}to{opacity:0;transform:rotate(70deg)scale(1.35)}}@keyframes orb{0%{opacity:0;transform:translate(-70px)scale(.3)}30%{opacity:1}to{opacity:0;transform:translate(72px)scale(1.4)}}@media (width<=980px){.hero,.battle-layout{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.combat-arena{min-height:500px}.fighters-stage{grid-template-columns:1fr 80px 1fr;padding-left:10px;padding-right:10px}.pixel-sprite{transform:scale(1.02)}.pixel-sprite.role-enemy{transform:scale(1.02)rotateY(180deg)}.pixel-sprite.boss{transform:scale(1.32)rotateY(180deg)}}@media (width<=720px){main{width:min(100% - 20px,1180px);padding-top:14px}.game-header{flex-wrap:wrap;align-items:stretch}.game-header>div{order:-1;width:100%}.side-column,.class-row,.loop-strip{grid-template-columns:1fr}.combat-arena{min-height:560px}.fighters-stage{grid-template-columns:1fr;align-items:center;gap:4px;height:410px;padding-top:70px}.projectile-lane{order:2;height:64px}.hero-wrap{order:1}.enemy-wrap{order:3}.loot-pop,.combo-ribbon{margin:8px 18px;position:static}.battle-caption{bottom:12px}.pixel-preview{gap:30px;min-height:360px}.pixel-sprite.boss{transform:scale(1.1)rotateY(180deg)}}.forecast-card{background:linear-gradient(135deg,#2997ff29,#ffcc6614);border:1px solid #2997ff3d;border-radius:18px;gap:4px;margin:10px 0;padding:12px 14px;display:grid}.forecast-card span{color:#cfe7ff;font-size:12px;font-weight:900}.forecast-card strong{letter-spacing:-.03em;font-size:22px}.forecast-card em{font-size:12px;font-style:normal;font-weight:1000}.forecast-card em.up{color:#b9f6ca}.forecast-card em.down{color:#ffb0aa}.strategy-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0;display:grid}.strategy-chip{background:#ffffff0b;border:1px solid #ffffff14;border-radius:15px;gap:5px;padding:10px;display:grid}.strategy-chip.good{background:#30d15813;border-color:#30d1583d}.strategy-chip.warn{background:#ffcc660f;border-color:#ffcc6638}.strategy-chip.bad{background:#ff453a12;border-color:#ff453a40}.strategy-chip b{color:#fff;font-size:12px}.strategy-chip span{color:#ffffffad;font-size:11px;font-weight:800;line-height:1.35}.strategy-chip i{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.strategy-chip em{background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit;height:100%;display:block}.battle-caption em{color:#ffe0a3;font-size:13px;font-style:normal;font-weight:900;line-height:1.35}.action-block .damage-pop,.action-heal .damage-pop{color:#b9f6ca}.action-hit .damage-pop{color:#ffb0aa}@media (width<=720px){.strategy-grid{grid-template-columns:1fr}.forecast-card strong{font-size:18px}}