@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.woff2) format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-800.woff2) format("woff2");font-weight:800;font-display:swap}:root{--bg: #0b0e24;--bg2: #11143a;--panel: rgba(20, 22, 58, .86);--panel2: #1d1c4e;--line: #34306e;--gold: #ffb341;--gold2: #ffd860;--orange: #ff7a1a;--purple: #8b5cf6;--magenta: #d946ef;--cyan: #38bdf8;--golddk: #5b45c4;--text: #eef0ff;--muted: #a2a5cc;--red: #ff6b7a;--green: #4ade80;--serif: "Lilita One", "Arial Black", system-ui, sans-serif;--cta: linear-gradient(90deg, #ff6a14, #ffcf45);--pill: linear-gradient(90deg, #a855f7, #e879f9);--radius: 16px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Nunito,system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(1100px 700px at 80% -10%,#3b1d6e 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#2a1450 0%,transparent 55%),var(--bg) fixed;min-height:100vh}a{color:var(--gold2);cursor:pointer;text-decoration:none}h1,h2,h3,h4{font-family:var(--serif);color:#fff;margin:0 0 8px;font-weight:400;letter-spacing:.01em}h2{font-size:32px}h3{font-size:21px;color:var(--gold2)}h4{font-size:15px;color:var(--gold);margin-top:14px;letter-spacing:.06em;text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:13px}button{font:inherit;font-weight:700;color:var(--text);background:#1d1c4ee6;border:1px solid var(--line);border-radius:12px;padding:8px 16px;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}button:hover:not(:disabled){border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf62e}button:disabled{opacity:.45;cursor:default}button.cta,a.cta{background:var(--cta);color:#2a1204;border:1px solid rgba(255,240,190,.9);font-family:var(--serif);font-weight:400;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 22px;border-radius:999px;box-shadow:0 6px 22px #ff7a1a59}button.cta:hover:not(:disabled),a.cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff8c288c}button.big,a.big{font-size:19px;padding:14px 28px}button.ghost,a.ghost{background:#0b0e2459;border:1.5px solid rgba(255,255,255,.85);color:#fff;border-radius:999px;padding:10px 22px;display:inline-flex;align-items:center;gap:8px;font-weight:800}button.ghost:hover,a.ghost:hover{background:var(--pill);border-color:#fff;box-shadow:0 6px 22px #d946ef66}button.pill,a.pill{background:var(--pill);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:800;box-shadow:0 6px 22px #d946ef59}button.pill:hover,a.pill:hover{transform:translateY(-1px);box-shadow:0 8px 28px #d946ef8c}button.danger{color:var(--red)}button.link{background:none;border:none;color:var(--gold2);padding:4px 6px;box-shadow:none}input{font:inherit;color:var(--text);background:#050614b3;border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%}input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf640}label{display:grid;gap:5px;color:var(--gold2);font-size:14px;font-weight:800}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.center{display:grid;place-items:center;min-height:60vh}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:22px;padding:12px 28px;background:#080a1ed1;border-bottom:1px solid rgba(139,92,246,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.top.over{position:absolute;left:0;right:0;background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:22px clamp(18px,4vw,56px)}.brand{display:inline-flex;align-items:center}.brand img{height:44px;width:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.top.over .brand img{height:52px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button,.tabs a{background:none;border:none;color:#eef0ffc7;font-weight:800;font-size:16px;padding:6px 14px;border-radius:0;box-shadow:none;position:relative}.tabs button:hover,.tabs a:hover{color:#fff;box-shadow:none}.tabs button.on{color:#fff}.tabs button.on:after{content:"";position:absolute;left:50%;bottom:-4px;width:26px;height:4px;margin-left:-13px;border-radius:4px;background:var(--cta);box-shadow:0 0 10px #ff8c28b3}.tabs.mid{margin:0 auto}.tabs.small button{font-size:14px}.who{margin-left:auto;display:flex;gap:14px;align-items:center}.tabs.mid+.who{margin-left:0}.coins{color:var(--gold2);font-family:var(--serif);font-size:18px}.landing{position:relative}.hero{position:relative;min-height:min(860px,100vh);display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,#0b0e24,#2a1563 34%,#6d28d9 64%,#a21caf)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 18% 40%,rgba(217,70,239,.28),transparent 70%),radial-gradient(500px 500px at 75% 55%,rgba(255,140,60,.18),transparent 70%);pointer-events:none;z-index:1}.hero-3d{position:absolute;top:0;right:0;bottom:0;width:64%;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}.hero-3d canvas{width:100%;height:100%;display:block}.hero-3d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(11,14,36,.35),transparent 30%,transparent 70%,rgba(11,14,36,.65)),linear-gradient(90deg,#6d28d938,#a21caf14);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:130px clamp(20px,5vw,64px) 80px;max-width:760px}.kicker{display:inline-flex;gap:8px;align-items:center;font-weight:800;letter-spacing:.14em;font-size:13px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);padding:6px 14px;border-radius:999px;margin:0 0 18px}.headline{margin:0;line-height:.98}.headline .grad{display:block;white-space:nowrap;font-size:clamp(38px,5.6vw,86px);background:linear-gradient(90deg,#ff4fd8,#ffd2f6 40%,#fff 55%,#7dd3fc 80%,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(217,70,239,.35))}.headline .outline{display:inline-flex;white-space:nowrap;align-items:center;gap:18px;font-size:clamp(40px,6vw,92px);color:transparent;-webkit-text-stroke:2.5px #fff;text-shadow:0 0 22px rgba(255,255,255,.45),0 0 48px rgba(217,70,239,.55);letter-spacing:.04em}.headline .outline img{height:.78em;width:auto;filter:drop-shadow(0 0 14px rgba(255,200,80,.55));-webkit-text-stroke:0}.hero-copy .lead{font-size:clamp(17px,1.6vw,20px);color:#ffffffe6;max-width:560px;margin:22px 0 30px}.hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-stat{display:grid;line-height:1.15}.hero-stat b{font-family:var(--serif);font-size:30px;color:#fff;font-weight:400}.hero-stat span{color:#ffffffd9;font-size:14px}.side-dots{position:absolute;right:clamp(14px,2vw,32px);top:50%;transform:translateY(-50%);display:grid;gap:14px;z-index:3}.side-dots span{width:34px;height:34px;border-radius:50%;background:#ffffffeb;color:#3b0764;display:grid;place-items:center;font-size:16px;box-shadow:0 4px 14px #00000059}.strip{position:relative;z-index:2;display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:space-between;padding:30px clamp(20px,5vw,64px);background:linear-gradient(90deg,#7c3aed,#a855f7,#e879f9)}.strip p{margin:0;max-width:460px;color:#fff;font-weight:700}.strip .marks{display:flex;gap:clamp(18px,4vw,56px);flex-wrap:wrap}.strip .marks span{font-family:var(--serif);color:#fff;font-size:20px;letter-spacing:.03em;display:inline-flex;gap:8px;align-items:center;opacity:.95}.section{max-width:1120px;margin:0 auto;padding:56px 20px 10px}.section h2{text-align:center;margin-bottom:22px}.feature{position:relative;overflow:hidden}.feature .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:var(--pill);box-shadow:0 6px 18px #d946ef59;margin-bottom:12px}.feature:nth-child(2) .ico{background:var(--cta);box-shadow:0 6px 18px #ff7a1a59}.feature:nth-child(3) .ico{background:linear-gradient(90deg,#0ea5e9,#8b5cf6);box-shadow:0 6px 18px #38bdf859}.framed{position:relative;border:2px solid #f0457a;border-radius:6px;padding:34px clamp(20px,4vw,48px);background:linear-gradient(120deg,#4c1d958c,#9d174d73);box-shadow:0 0 40px #f0457a40 inset}.hero-banner{padding:30px 0 34px}.tag{color:var(--muted);font-size:20px;margin:4px 0 24px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.download .cta{margin:6px 0 10px}.steps{padding-left:20px;margin:8px 0 0}.steps li{margin:5px 0}.foot{color:var(--muted);font-size:14px;margin:40px auto 0;border-top:1px solid var(--line);padding:18px 20px 30px;max-width:1120px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.foot img{height:34px}.auth{display:grid;place-items:center;padding:60px 16px}.auth form{width:min(440px,100%);display:grid;gap:14px}.auth form .logo{justify-self:center;height:70px;margin-bottom:4px}.msg{color:var(--gold2);margin:0}.links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:700}.page{max-width:1080px;margin:0 auto;padding:30px 20px 50px;display:grid;gap:16px}.page-head{display:flex;align-items:baseline;justify-content:space-between}.studio{position:relative;height:calc(100vh - 69px);min-height:560px}.castle{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2a1563,#a21caf)}.castle-canvas{width:100%;height:100%;display:block;cursor:grab}.castle-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;pointer-events:none;padding:20px;text-align:center}.studio-panel{position:absolute;top:16px;right:16px;bottom:16px;width:430px;background:#090b20e0;border:1px solid rgba(139,92,246,.4);border-radius:22px;overflow-y:auto;padding:18px;display:grid;gap:14px;align-content:start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000073}.hero-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-card{display:grid;text-align:left;gap:2px;padding:12px 14px;background:linear-gradient(135deg,#4c1d958c,#1e1b4bcc);border-radius:14px}.hero-card b{font-family:var(--serif);font-weight:400;font-size:17px;letter-spacing:.02em}.hero-card span{color:var(--muted);font-size:13px}.hero-card.on{border-color:var(--gold2);box-shadow:0 0 0 2px #ffb34159,0 8px 24px #ff7a1a40}.hero-card.new{background:#ffffff0a;border-style:dashed}.hero-card.new b{color:var(--gold2)}.block{display:grid;gap:10px}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;overflow-y:auto}.char-grid button{font-size:13px;padding:7px}.char-grid button.on,.slot-tabs button.on{border-color:var(--gold2);color:#fff;background:linear-gradient(135deg,#7c3aed,#c026d3)}.slot-tabs{display:flex;gap:6px;flex-wrap:wrap}.slot-tabs button{position:relative;font-size:18px;padding:6px 10px}.slot-tabs .dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--gold2)}.items{display:grid;gap:6px}.item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:left}.item.on{border-color:var(--gold2);background:#2c2160}.em{font-size:20px}.r-common{border-left:4px solid #9aa0a6!important}.r-uncommon{border-left:4px solid #4caf50!important}.r-rare{border-left:4px solid #3b82f6!important}.r-epic{border-left:4px solid #a855f7!important}.r-legendary{border-left:4px solid #f59e0b!important}.r-mythic{border-left:4px solid #ef4444!important}.note{background:#ffb3411a;border:1px solid rgba(255,179,65,.45);padding:10px 12px;border-radius:12px;margin:0;font-size:14px}.potions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.shop-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:4px}.shop-item small{color:var(--muted)}.owned{color:var(--green);font-weight:800}.stat{display:grid;gap:6px}.big-num{font-family:var(--serif);font-size:32px;color:var(--gold2)}.bar{height:9px;background:#050614cc;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--magenta),var(--purple));border-radius:9px}.lots{margin:10px 0 0;padding-left:18px;color:var(--muted)}.code-card{display:grid;gap:4px;justify-items:start}.friend-code{font-family:var(--serif);font-size:40px;letter-spacing:.14em;background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}.friend{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.friend:last-child{border-bottom:none}.friend .link{margin-left:auto;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:#555;display:inline-block}.dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#141038f5;border:1px solid var(--purple);color:#fff;font-weight:700;padding:11px 20px;border-radius:999px;z-index:50;max-width:90vw;box-shadow:0 10px 30px #00000073}@media(max-width:900px){.studio{height:auto}.castle{position:relative;height:46vh}.studio-panel{position:relative;width:auto;inset:auto;margin:12px}.top{gap:10px;padding:10px 16px}.top.over{padding:14px 16px}.tabs.mid{order:3;margin:0;width:100%;justify-content:center}.who{margin-left:auto}.hero{min-height:auto;flex-direction:column;align-items:stretch}.hero-3d{position:relative;width:100%;height:52vh;order:2;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%);mask-image:linear-gradient(180deg,transparent 0%,#000 20%)}.hero-copy{padding:150px 18px 10px}.side-dots{display:none}}.row input{flex:1;width:auto;min-width:180px}.trailer{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(139,92,246,.45);box-shadow:0 0 0 6px #8b5cf61f,0 30px 80px #0000008c,0 0 60px #d946ef40;background:#000;aspect-ratio:16 / 9}.trailer video{width:100%;height:100%;display:block}.trailer-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:22px}