:root{--navy-950: #060917;--navy-900: #0a0e23;--navy-800: #10173a;--navy-700: #1a2352;--purple-800: #2a1b4e;--purple-600: #6d4ae7;--purple-400: #9d7dff;--gold-500: #e8b44a;--gold-300: #f5d67b;--gold-100: #fdf0cf;--blue-glow: #5fb7ff;--blue-soft: #8fe3ff;--parchment: #f3e7c9;--parchment-ink: #3a2c15;--danger: #ff6b6b;--success: #6bf0a8;--font-display: "Cinzel", serif;--font-fancy: "Cinzel Decorative", serif;--font-body: "Nunito", system-ui, sans-serif;--radius-card: 18px;--radius-pill: 999px;--shadow-glow-gold: 0 0 18px rgba(232, 180, 74, .35);--shadow-glow-blue: 0 0 22px rgba(95, 183, 255, .35);--nav-h: 68px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 700px at 80% -10%,rgba(109,74,231,.22),transparent 60%),radial-gradient(900px 600px at 10% 20%,rgba(95,183,255,.1),transparent 55%),var(--navy-900);color:#e9ecff;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--blue-soft);text-decoration:none}button{font-family:var(--font-body);cursor:pointer}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.04em}.container{width:min(1180px,92vw);margin:0 auto}.navbar{position:fixed;inset:0 0 auto;height:var(--nav-h);z-index:60;display:flex;align-items:center;background:linear-gradient(180deg,#060917eb,#060917b8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,180,74,.18)}.navbar .container{display:flex;align-items:center;gap:22px}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand img{width:44px;height:44px;border-radius:50%;box-shadow:var(--shadow-glow-gold)}.nav-brand .brand-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;background:linear-gradient(180deg,var(--gold-100),var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.12em}.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}.nav-links a{color:#cfd6ff;font-weight:700;font-size:.86rem;padding:8px 12px;border-radius:10px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--gold-300);background:#e8b44a14}.nav-links a.active{color:var(--gold-300);background:#e8b44a1f}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:800;font-size:.92rem;padding:11px 22px;transition:transform .15s ease,box-shadow .2s ease,filter .2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:active{transform:translateY(0)}.btn-gold{background:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:#2a1c05;box-shadow:var(--shadow-glow-gold)}.btn-ghost{background:#6d4ae724;color:#e9ecff;border-color:#9d7dff66}.btn-ghost:hover{border-color:var(--purple-400);box-shadow:var(--shadow-glow-blue)}.btn-blue{background:linear-gradient(180deg,#79c8ff,#3f8fe0);color:#04121f;box-shadow:var(--shadow-glow-blue)}.btn-sm{padding:8px 14px;font-size:.82rem}.page{padding-top:calc(var(--nav-h) + 24px);padding-bottom:60px}.page-hero{text-align:center;padding:46px 0 16px}.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--blue-soft);border:1px solid rgba(95,183,255,.35);padding:6px 14px;border-radius:var(--radius-pill);margin-bottom:16px;background:#5fb7ff12}.page-hero h1{font-size:clamp(1.8rem,4vw,3rem);background:linear-gradient(180deg,#fff6df,var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero p.lead{color:#b9c2f0;max-width:640px;margin:14px auto 0;font-size:1.02rem}.section{padding:54px 0}.section-title{font-size:clamp(1.4rem,2.6vw,2rem);color:var(--gold-300);margin-bottom:8px}.section-sub{color:#a9b3e6;margin-bottom:28px;max-width:700px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:linear-gradient(160deg,#1a2352bf,#10173ae6);border:1px solid rgba(157,125,255,.22);border-radius:var(--radius-card);padding:24px;transition:transform .2s ease,border-color .2s,box-shadow .25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:#e8b44a80;box-shadow:var(--shadow-glow-gold)}.card h3{color:var(--gold-300);font-size:1.05rem;margin-bottom:8px}.card p{color:#b7c0ee;font-size:.92rem;line-height:1.55}.card .card-icon{font-size:1.9rem;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(95,183,255,.5))}.hero{position:relative;min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center;margin-top:var(--nav-h);overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0}.hero-banner{position:absolute;inset:0;z-index:1;background:url(../assets/textures/veloria-banner.jpg) center 30% / cover no-repeat;opacity:.35;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);animation:heroDrift 26s ease-in-out infinite alternate}@keyframes heroDrift{0%{transform:scale(1.02) translateY(0)}to{transform:scale(1.09) translateY(-14px)}}.hero-content{position:relative;z-index:2;text-align:center;padding:30px 16px}.hero-logo{width:clamp(120px,16vw,180px);height:auto;margin:0 auto 18px;border-radius:50%;box-shadow:0 0 46px #e8b44a73,0 0 90px #5fb7ff40;animation:logoFloat 5.5s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-family:var(--font-fancy);font-size:clamp(2rem,6vw,4.2rem);line-height:1.05;background:linear-gradient(180deg,#fff8e0 15%,var(--gold-300) 55%,#b07d20 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(232,180,74,.35))}.hero-subtitle{font-family:var(--font-display);letter-spacing:.34em;text-transform:uppercase;color:var(--blue-soft);font-size:clamp(.7rem,1.6vw,.95rem);margin-top:10px}.hero-tagline{color:#ccd4ff;margin:18px auto 26px;max-width:560px;font-size:1.05rem}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translate(-50%);color:#e9ecff80;font-size:.75rem;letter-spacing:.2em;z-index:2;animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.token-panel{border-radius:var(--radius-card);padding:26px;border:1px solid rgba(232,180,74,.3);background:radial-gradient(400px 200px at 90% 0%,rgba(109,74,231,.25),transparent),linear-gradient(160deg,#1a2352e6,#0a0e23f2)}.token-symbol{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--gold-300)}.token-tag{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-soft)}.token-list{list-style:none;margin-top:14px}.token-list li{padding:7px 0;color:#b7c0ee;font-size:.9rem;border-bottom:1px dashed rgba(157,125,255,.15)}.token-list li:before{content:"✦ ";color:var(--gold-500)}.roadmap{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.roadmap-item{border-left:3px solid var(--purple-600);padding:14px 18px;background:#10173ab3;border-radius:0 14px 14px 0}.roadmap-item .phase{color:var(--gold-300);font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.15em}.roadmap-item ul{margin:8px 0 0 16px;color:#aab4e8;font-size:.87rem;line-height:1.7}.cta-band{text-align:center;padding:66px 20px;border-radius:var(--radius-card);border:1px solid rgba(232,180,74,.35);background:radial-gradient(500px 240px at 50% 0%,rgba(232,180,74,.14),transparent),linear-gradient(180deg,#2a1b4ed9,#0a0e23f2)}.cta-band h2{font-size:clamp(1.5rem,3vw,2.3rem);color:var(--gold-100);margin-bottom:10px}.cta-band p{color:#b9c2f0;margin-bottom:24px}.footer{border-top:1px solid rgba(157,125,255,.18);padding:34px 0;color:#8b94c9;font-size:.85rem;background:#060917cc}.footer .container{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}.footer .foot-brand{display:flex;align-items:center;gap:10px}.footer img{width:30px;height:30px;border-radius:50%}.path-column{display:flex;flex-direction:column;gap:14px}.path-head{font-family:var(--font-display);color:var(--blue-soft);letter-spacing:.12em;font-size:.9rem;text-transform:uppercase;text-align:center;padding:8px;border-bottom:1px solid rgba(95,183,255,.3)}.class-card .tier{font-size:.68rem;letter-spacing:.2em;color:var(--purple-400);text-transform:uppercase}.class-card .cname{font-family:var(--font-display);font-size:1.15rem;color:var(--gold-300);margin:4px 0 10px}.stat-row{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;padding:5px 0;border-bottom:1px dashed rgba(157,125,255,.14)}.stat-row .k{color:#8b94c9}.stat-row .v{color:#dbe1ff;text-align:right}.beast-art{height:130px;border-radius:12px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;font-size:3.4rem;background:radial-gradient(140px 90px at 50% 40%,var(--beast-glow, rgba(95,183,255,.35)),rgba(10,14,35,.6));border:1px solid rgba(157,125,255,.25);text-shadow:0 0 24px var(--beast-glow, rgba(95,183,255,.8))}.rarity{display:inline-block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill);font-weight:800}.rarity-common{background:#aab4c82e;color:#c8d2e8}.rarity-uncommon{background:#6bf0a826;color:var(--success)}.rarity-rare{background:#5fb7ff26;color:var(--blue-soft)}.rarity-epic{background:#9d7dff2e;color:var(--purple-400)}.rarity-legendary{background:#e8b44a2e;color:var(--gold-300)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filters select,.filters input{background:var(--navy-800);color:#e9ecff;border:1px solid rgba(157,125,255,.3);border-radius:10px;padding:9px 12px;font-family:var(--font-body);font-size:.88rem}.price-tag{font-family:var(--font-display);color:var(--gold-300);font-weight:700}.district{padding:18px;border-radius:14px;border:1px solid rgba(157,125,255,.25);background:linear-gradient(160deg,#1a2352cc,#0a0e23e6)}.district .owner{color:var(--gold-300);font-weight:800}.tax-bar{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:8px}.tax-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--purple-600),var(--gold-500))}table.lb{width:100%;border-collapse:collapse;font-size:.9rem}table.lb th{text-align:left;color:var(--blue-soft);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid rgba(95,183,255,.25)}table.lb td{padding:11px 12px;border-bottom:1px dashed rgba(157,125,255,.14);color:#ccd4ff}table.lb tr:hover td{background:#6d4ae714}.paper{background:linear-gradient(180deg,#f3e7c90a,#f3e7c905);border:1px solid rgba(232,180,74,.2);border-radius:var(--radius-card);padding:clamp(22px,4vw,46px);max-width:860px;margin:0 auto}.paper h2{color:var(--gold-300);margin:34px 0 12px;font-size:1.3rem}.paper h2:first-child{margin-top:0}.paper p,.paper li{color:#c3cbf5;line-height:1.75;font-size:.96rem}.paper ul{margin:10px 0 10px 20px}.paper .divider{height:1px;margin:26px 0;background:linear-gradient(90deg,transparent,rgba(232,180,74,.5),transparent)}.modal-backdrop{position:fixed;inset:0;background:#040610b8;backdrop-filter:blur(6px);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(420px,94vw);border-radius:20px;padding:26px;background:linear-gradient(165deg,var(--navy-700),var(--navy-900));border:1px solid rgba(232,180,74,.35);box-shadow:0 20px 70px #0009,var(--shadow-glow-gold);animation:popIn .22s cubic-bezier(.2,1.4,.4,1)}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{color:var(--gold-300);margin-bottom:4px}.modal .modal-sub{color:#9aa4d8;font-size:.85rem;margin-bottom:18px}.wallet-option{display:flex;align-items:center;gap:14px;width:100%;background:#10173ad9;border:1px solid rgba(157,125,255,.25);border-radius:14px;padding:13px 16px;margin-bottom:10px;color:#e9ecff;font-weight:800;font-size:.95rem;transition:border-color .2s,transform .15s,box-shadow .2s}.wallet-option:hover{border-color:var(--gold-500);transform:translateY(-1px);box-shadow:var(--shadow-glow-gold)}.wallet-option img{width:38px;height:38px;border-radius:10px}.wallet-option .w-meta{text-align:left;flex:1}.wallet-option .w-sub{display:block;font-size:.72rem;color:#8b94c9;font-weight:600}.wallet-option .w-state{font-size:.7rem;color:var(--blue-soft);letter-spacing:.08em}.modal .close-x{float:right;background:none;border:none;color:#8b94c9;font-size:1.2rem;line-height:1}.wallet-pill{display:inline-flex;align-items:center;gap:8px;background:#6bf0a81a;border:1px solid rgba(107,240,168,.4);color:var(--success);border-radius:var(--radius-pill);padding:8px 14px;font-weight:800;font-size:.82rem}.wallet-pill img{width:20px;height:20px;border-radius:6px}@media (max-width: 860px){.nav-links a{padding:6px 8px;font-size:.78rem}.navbar{height:auto;min-height:var(--nav-h);padding:8px 0;position:absolute}.navbar .container{flex-wrap:wrap;row-gap:4px}.hero{min-height:92vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.game-root{position:fixed;inset:0;background:#060917;z-index:40;overflow:hidden}.game-root canvas.game-canvas{position:absolute;inset:0;display:block}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body)}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:flex-start;gap:12px}.res-bar{display:flex;gap:8px;flex-wrap:wrap;background:#060917c7;border:1px solid rgba(232,180,74,.3);border-radius:14px;padding:8px 12px;backdrop-filter:blur(8px)}.res-chip{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.82rem;color:#e9ecff}.res-chip .ico{font-size:1rem;filter:drop-shadow(0 0 6px rgba(95,183,255,.6))}.res-chip .amt{color:var(--gold-300);min-width:22px}.player-plate{display:flex;align-items:center;gap:10px;background:#060917c7;border:1px solid rgba(157,125,255,.35);border-radius:14px;padding:8px 14px;backdrop-filter:blur(8px)}.player-plate img{width:36px;height:36px;border-radius:50%;box-shadow:0 0 10px #e8b44a66}.player-plate .pname{font-family:var(--font-display);font-weight:700;color:var(--gold-300);font-size:.9rem}.xp-wrap{width:140px}.xp-track{height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden}.xp-track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue-glow),var(--purple-400));transition:width .4s ease}.xp-label{font-size:.64rem;color:#9aa4d8;margin-top:3px;letter-spacing:.06em}.hud-top-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.minimap{width:168px;height:168px;border-radius:16px;overflow:hidden;border:2px solid rgba(232,180,74,.45);box-shadow:0 6px 24px #00000080;background:#0a0e23;position:relative}.minimap canvas{width:100%;height:100%;display:block}.minimap .mm-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.62rem;letter-spacing:.18em;color:var(--gold-300);text-transform:uppercase;text-shadow:0 1px 4px #000}.quest-tracker{position:absolute;right:12px;top:208px;width:250px;background:#060917c7;border:1px solid rgba(95,183,255,.3);border-radius:14px;padding:12px 14px;backdrop-filter:blur(8px)}.quest-tracker h4{font-family:var(--font-display);color:var(--blue-soft);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.quest-item{padding:7px 0;border-bottom:1px dashed rgba(157,125,255,.15)}.quest-item:last-child{border-bottom:none}.quest-item .q-name{font-weight:800;font-size:.8rem;color:#e9ecff}.quest-item .q-obj{font-size:.74rem;color:#9aa4d8;margin-top:2px}.quest-item.done .q-name{color:var(--success);text-decoration:line-through}.quest-item.done .q-obj{color:var(--success)}.chat-mock{position:absolute;left:12px;bottom:96px;width:300px;max-height:168px;background:#06091799;border:1px solid rgba(157,125,255,.2);border-radius:12px;padding:10px 12px;overflow-y:auto;font-size:.76rem;backdrop-filter:blur(6px)}.chat-line{padding:2px 0;color:#b7c0ee}.chat-line .who{color:var(--gold-300);font-weight:800}.chat-line.sys{color:var(--blue-soft);font-style:italic}.hud-bottom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:10px}.skill-bar{display:flex;gap:8px;background:#060917c7;padding:8px;border-radius:16px;border:1px solid rgba(232,180,74,.3)}.skill-slot{width:52px;height:52px;border-radius:12px;position:relative;background:linear-gradient(160deg,#1a2352,#10173a);border:1px solid rgba(157,125,255,.35);color:#e9ecff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:border-color .2s,transform .12s,box-shadow .2s}.skill-slot:hover{border-color:var(--gold-500);transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.skill-slot .key{position:absolute;top:-7px;right:-5px;font-size:.6rem;font-weight:800;background:var(--gold-500);color:#2a1c05;border-radius:6px;padding:1px 5px}.skill-slot .slabel{position:absolute;bottom:-16px;font-size:.58rem;color:#9aa4d8;white-space:nowrap}.interact-hint{position:absolute;bottom:150px;left:50%;transform:translate(-50%);background:#060917d9;border:1px solid var(--gold-500);color:var(--gold-100);border-radius:var(--radius-pill);padding:9px 20px;font-weight:800;font-size:.88rem;box-shadow:var(--shadow-glow-gold);animation:hintPulse 1.6s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 0 10px #e8b44a40}50%{box-shadow:0 0 22px #e8b44a8c}}.interact-hint kbd{background:var(--gold-500);color:#2a1c05;border-radius:6px;padding:1px 7px;font-family:var(--font-body);font-weight:800}.toast-stack{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:5}.toast{background:#060917e6;border:1px solid rgba(95,183,255,.45);color:#dbe9ff;border-radius:12px;padding:10px 18px;font-weight:700;font-size:.85rem;animation:toastIn .25s ease,toastOut .4s ease 2.8s forwards;box-shadow:0 8px 30px #00000080}.toast.gold{border-color:var(--gold-500);color:var(--gold-100)}.toast.bad{border-color:var(--danger);color:#ffd3d3}@keyframes toastIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{to{transform:translateY(-8px);opacity:0}}.gpanel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:84vh;overflow-y:auto;background:linear-gradient(180deg,rgba(42,27,78,.35),transparent 120px),linear-gradient(165deg,#17203f,#0b1128);border:1px solid rgba(232,180,74,.5);border-radius:18px;padding:22px;z-index:20;box-shadow:0 24px 80px #000000a6,var(--shadow-glow-gold);animation:popIn .22s cubic-bezier(.2,1.4,.4,1)}.gpanel h3{font-family:var(--font-display);color:var(--gold-300);letter-spacing:.1em;border-bottom:1px solid rgba(232,180,74,.3);padding-bottom:10px;margin-bottom:14px}.gpanel .close-x{float:right;background:none;border:none;color:#8b94c9;font-size:1.25rem}.gpanel .hintline{font-size:.74rem;color:#8b94c9;margin-top:12px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}.inv-slot{background:#10173ad9;border:1px solid rgba(157,125,255,.25);border-radius:12px;padding:10px 6px;text-align:center}.inv-slot .i-ico{font-size:1.5rem}.inv-slot .i-name{font-size:.66rem;color:#b7c0ee;margin-top:4px}.inv-slot .i-amt{font-size:.78rem;color:var(--gold-300);font-weight:800}.inv-section{margin:16px 0 8px;font-size:.72rem;letter-spacing:.2em;color:var(--blue-soft);text-transform:uppercase}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.build-item{background:#10173ad9;border:1px solid rgba(157,125,255,.25);border-radius:12px;padding:12px 8px;text-align:center;color:#e9ecff;transition:border-color .2s,transform .12s}.build-item:hover{border-color:var(--gold-500);transform:translateY(-2px)}.build-item.selected{border-color:var(--gold-500);box-shadow:var(--shadow-glow-gold)}.build-item .b-ico{font-size:1.6rem}.build-item .b-name{font-weight:800;font-size:.78rem;margin:4px 0}.build-item .b-cost{font-size:.68rem;color:#9aa4d8}.build-item .b-cost .lack{color:var(--danger);font-weight:800}.pet-row{display:flex;gap:12px;align-items:center;padding:12px;background:#10173ad9;border:1px solid rgba(157,125,255,.25);border-radius:14px;margin-bottom:10px}.pet-row.active{border-color:var(--gold-500);box-shadow:var(--shadow-glow-gold)}.pet-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;background:radial-gradient(40px 30px at 50% 40%,var(--beast-glow, rgba(95,183,255,.4)),rgba(10,14,35,.7))}.pet-row .p-meta{flex:1}.pet-row .p-name{font-weight:800;color:var(--gold-100)}.pet-row .p-sub{font-size:.74rem;color:#9aa4d8}.bond-track{height:6px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:6px}.bond-track span{display:block;height:100%;background:linear-gradient(90deg,#ff8fb0,var(--gold-500))}.combat-overlay{position:absolute;inset:0;z-index:30;background:radial-gradient(700px 380px at 50% 20%,rgba(109,74,231,.28),transparent),#040610e0;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease}.combat-panel{width:min(760px,96vw);border-radius:22px;overflow:hidden;border:1px solid rgba(232,180,74,.55);background:linear-gradient(170deg,#1a2352,#0a0e23);box-shadow:0 30px 100px #000000b3,var(--shadow-glow-gold)}.combat-stage{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 30px 18px;background:radial-gradient(280px 130px at 20% 80%,rgba(232,180,74,.12),transparent),radial-gradient(280px 130px at 80% 20%,rgba(95,183,255,.12),transparent)}.fighter{text-align:center;flex:1}.fighter .f-sprite{font-size:4rem;filter:drop-shadow(0 0 20px var(--beast-glow, rgba(95,183,255,.6)));transition:transform .12s ease;display:inline-block}.fighter.hit .f-sprite{animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-9px) rotate(-4deg)}60%{transform:translate(7px) rotate(3deg)}}.fighter.attack-right .f-sprite{animation:lungeR .3s ease}.fighter.attack-left .f-sprite{animation:lungeL .3s ease}@keyframes lungeR{40%{transform:translate(26px) scale(1.08)}}@keyframes lungeL{40%{transform:translate(-26px) scale(1.08)}}.fighter .f-name{font-family:var(--font-display);font-weight:700;color:var(--gold-100);margin-top:6px}.fighter .f-lv{font-size:.7rem;color:var(--blue-soft)}.hp-track{height:12px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:8px;border:1px solid rgba(0,0,0,.4)}.hp-track span{display:block;height:100%;background:linear-gradient(90deg,#6bf0a8,#2fbf71);transition:width .35s ease}.hp-track.low span{background:linear-gradient(90deg,#ffb36b,#ff6b6b)}.en-track{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:4px}.en-track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue-glow),var(--purple-400));transition:width .3s ease}.hp-num{font-size:.68rem;color:#9aa4d8;margin-top:3px}.vs-badge{font-family:var(--font-fancy);font-size:1.6rem;color:var(--gold-500);filter:drop-shadow(0 0 12px rgba(232,180,74,.6))}.turn-flag{text-align:center;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--blue-soft);padding:4px 0 2px}.combat-skills{display:flex;gap:10px;padding:12px 20px;flex-wrap:wrap;justify-content:center}.skill-btn{flex:1;min-width:130px;border-radius:12px;padding:11px 12px;background:linear-gradient(160deg,#241b4e,#141a3c);border:1px solid rgba(157,125,255,.4);color:#e9ecff;font-weight:800;font-size:.85rem;transition:border-color .2s,transform .12s,box-shadow .2s}.skill-btn:hover:not(:disabled){border-color:var(--gold-500);transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.skill-btn:disabled{opacity:.45;cursor:not-allowed}.skill-btn .sk-sub{display:block;font-size:.66rem;color:#9aa4d8;font-weight:600;margin-top:2px}.combat-log{max-height:120px;overflow-y:auto;margin:0 20px 18px;padding:10px 14px;background:#04061099;border:1px solid rgba(157,125,255,.2);border-radius:12px;font-size:.78rem;color:#b7c0ee}.combat-log .log-line{padding:2px 0}.combat-log .log-line.crit{color:var(--gold-300);font-weight:800}.combat-log .log-line.good{color:var(--success)}.combat-log .log-line.bad{color:var(--danger)}.combat-result{text-align:center;padding:26px}.combat-result h2{font-family:var(--font-fancy);font-size:2rem;color:var(--gold-300);margin-bottom:10px}.combat-result p{color:#b7c0ee;margin-bottom:18px}.dialogue-box{position:absolute;bottom:96px;left:50%;transform:translate(-50%);width:min(620px,94vw);z-index:22;background:linear-gradient(165deg,#1a2352ee,#0a0e23f2);border:1px solid rgba(232,180,74,.5);border-radius:18px;padding:18px 22px;box-shadow:0 18px 60px #0009;animation:popIn .2s ease}.dialogue-box .npc-name{font-family:var(--font-display);color:var(--gold-300);font-weight:700;margin-bottom:6px}.dialogue-box .npc-text{color:#d5dbff;font-size:.93rem;line-height:1.6;min-height:44px}.dialogue-choices{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.dialogue-choices button{background:#6d4ae72e;border:1px solid rgba(157,125,255,.4);color:#e9ecff;border-radius:10px;padding:8px 14px;font-weight:700;font-size:.82rem;transition:border-color .2s}.dialogue-choices button:hover{border-color:var(--gold-500)}.onboard{position:absolute;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#040610cc;backdrop-filter:blur(4px);animation:fadeIn .3s ease}.onboard-card{width:min(560px,94vw);border-radius:22px;padding:30px;background:linear-gradient(170deg,#1a2352,#0a0e23);border:1px solid rgba(232,180,74,.5);text-align:center;box-shadow:0 30px 100px #000000b3}.onboard-card img{width:92px;margin:0 auto 14px;border-radius:50%;box-shadow:var(--shadow-glow-gold)}.onboard-card h2{font-family:var(--font-fancy);color:var(--gold-300);margin-bottom:6px}.onboard-card p{color:#b7c0ee;font-size:.9rem;margin-bottom:18px}.keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;text-align:left;margin-bottom:22px}.keys-grid .keyrow{font-size:.8rem;color:#ccd4ff;background:#10173acc;padding:8px 12px;border-radius:10px;border:1px solid rgba(157,125,255,.2)}.keys-grid kbd{background:var(--gold-500);color:#2a1c05;border-radius:6px;padding:1px 7px;font-weight:800;font-family:var(--font-body);margin-right:6px}.game-menu-row{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:8}.icon-btn{width:42px;height:42px;border-radius:12px;font-size:1.15rem;background:#060917cc;border:1px solid rgba(157,125,255,.35);color:#e9ecff;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s}.icon-btn:hover{border-color:var(--gold-500);box-shadow:var(--shadow-glow-gold)}.icon-btn .key{position:absolute;top:-6px;right:-5px;font-size:.56rem;font-weight:800;background:var(--gold-500);color:#2a1c05;border-radius:5px;padding:0 4px}@media (max-width: 820px){.quest-tracker,.chat-mock{display:none}.minimap{width:120px;height:120px}.xp-wrap{width:90px}}.ic{display:inline-block}.res-chip .ico{display:inline-flex;align-items:center}.hp-wrap{margin-top:2px}.hp-track{width:148px;height:8px;background:#781e2873;border:1px solid rgba(255,120,120,.25);border-radius:6px;overflow:hidden}.hp-track span{display:block;height:100%;background:linear-gradient(90deg,#d84a5a,#ff7a6a);transition:width .25s ease}.hp-track span.low{background:linear-gradient(90deg,#a82a2a,#ff4a3a);animation:hpPulse .8s infinite}@keyframes hpPulse{50%{filter:brightness(1.5)}}.hp-label{font-size:.62rem;color:#ffb9b0;margin-top:1px}.clock-label{font-size:.66rem;color:#ffe2a8;letter-spacing:.04em;margin:1px 0 2px}.battle-ui{position:absolute;inset:0;pointer-events:none;z-index:40;font-family:inherit}.battle-vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px #96141400;transition:box-shadow .15s}.battle-vignette.hurt{animation:hurtFlash .5s ease-out}@keyframes hurtFlash{0%{box-shadow:inset 0 0 160px #dc1e1ed9}to{box-shadow:inset 0 0 120px #96141400}}.battle-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:6px 18px;background:linear-gradient(180deg,#3c1414e6,#1e0c0ee6);border:1px solid rgba(255,180,100,.4);border-radius:999px;color:#ffd9a8;font-weight:800;letter-spacing:.14em;font-size:.78rem;animation:bannerIn .5s ease-out}@keyframes bannerIn{0%{transform:translate(-50%) translateY(-30px);opacity:0}}.battle-enemy{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:8px 16px;background:#0e0a14d1;border:1px solid rgba(255,140,120,.35);border-radius:14px;min-width:300px}.be-head{width:44px;height:44px;display:grid;place-items:center;background:#ff825a1f;border-radius:10px}.be-info{flex:1}.be-name{color:#ffd9c2;font-weight:700;font-size:.86rem}.be-lv{color:#ffaa7a;font-size:.72rem;margin-left:6px}.bar{position:relative;height:14px;background:#0000008c;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);margin-top:4px}.bar .fill{height:100%;transition:width .18s ease;border-radius:8px}.enemy-fill{background:linear-gradient(90deg,#d84a3a,#ff9a5a)}.be-num,.hp-num{position:absolute;inset:0;display:grid;place-items:center;font-size:.62rem;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.battle-bottom{position:absolute;bottom:86px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px;pointer-events:none}.bb-left{width:220px}.hp-bar .fill.hp-fill{background:linear-gradient(90deg,#3ac96a,#8ae87a)}.hp-bar .fill.hp-fill.low{background:linear-gradient(90deg,#d8452a,#ff7a3a);animation:hpPulse .7s infinite}.en-bar{height:9px;margin-top:5px}.en-fill{background:linear-gradient(90deg,#3a9ad8,#7ae0ff)}.en-bar.flash{animation:enFlash .4s}@keyframes enFlash{50%{box-shadow:0 0 12px #7ae0ff}}.bb-skills{display:flex;gap:8px}.bb-skills .skill-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:76px;padding:8px 4px 6px;background:#0e0a18d9;border:1px solid rgba(140,150,255,.3);border-radius:12px;color:#cdd7ee;overflow:hidden}.bb-skills .ss-key{position:absolute;top:3px;left:6px;font-size:.6rem;color:#8a95c8;font-weight:800}.bb-skills .ss-name{font-size:.58rem;font-weight:700;text-align:center;line-height:1.1}.bb-skills .ss-cost{font-size:.56rem;color:#7ae0ff}.bb-skills .ss-cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#141a3cbf;transition:height .1s linear}.bb-skills .skill-slot.cooling{filter:saturate(.4)}.bb-capture{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#0e1814d9;border:1px solid rgba(90,220,170,.25);border-radius:12px;color:#6a8a7d;font-size:.74rem;font-weight:700}.bb-capture.ready{color:#9de8c8;border-color:#78f0beb3;animation:capturePulse 1s infinite}@keyframes capturePulse{50%{box-shadow:0 0 16px #5ae6aa80}}.battle-hint{position:absolute;bottom:52px;left:50%;transform:translate(-50%);color:#b9c2e8;font-size:.72rem;background:#0a0812b8;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.battle-hint.pulse{animation:hintPulse .5s}@keyframes hintPulse{50%{transform:translate(-50%) scale(1.08);color:#ffd9a8}}.battle-result{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:resultIn .45s cubic-bezier(.2,1.6,.4,1)}@keyframes resultIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.br-icon{margin-bottom:6px}.br-title{font-size:2.4rem;font-weight:900;letter-spacing:.2em;text-shadow:0 4px 24px rgba(0,0,0,.8)}.battle-result.victory .br-title{color:#ffd76a}.battle-result.captured .br-title{color:#9de8c8}.battle-result.defeat .br-title{color:#ff8a7a}.br-rewards{margin-top:8px;color:#e8dcc2;font-size:.84rem;background:#0a0812b3;padding:6px 16px;border-radius:999px;display:inline-block}.charselect{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#080610d1;backdrop-filter:blur(6px)}.cs-card{display:flex;gap:22px;padding:22px;background:linear-gradient(160deg,#1e1830fa,#100c1efa);border:1px solid rgba(232,180,74,.35);border-radius:20px;max-width:720px;width:min(94vw,720px);max-height:92vh;overflow:auto}.cs-left{display:flex;flex-direction:column;align-items:center;gap:6px}.cs-canvas{width:300px;height:380px;background:radial-gradient(circle at 50% 30%,rgba(90,74,158,.35),transparent 70%);border-radius:16px;border:1px solid rgba(140,150,255,.18)}.cs-title{color:#ffd76a;font-weight:800;font-size:1rem}.cs-desc{color:#b7c0ee;font-size:.74rem;text-align:center;max-width:290px;line-height:1.45}.cs-right{flex:1;min-width:280px}.cs-right h2{color:#f5e6c8;margin:0 0 6px}.cs-label{display:block;margin:10px 0 5px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8a95c8;font-weight:700}.cs-name{width:100%;padding:9px 12px;background:#00000059;border:1px solid rgba(140,150,255,.3);border-radius:10px;color:#f5e6c8;font-size:.9rem;font-family:inherit}.cs-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cs-preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;background:#ffffff0a;border:1px solid rgba(140,150,255,.2);border-radius:10px;color:#cdd7ee;font-size:.62rem;font-weight:700;cursor:pointer;transition:.15s;font-family:inherit}.cs-preset:hover{background:#ffffff17}.cs-preset.active{border-color:#e8b44a;background:#e8b44a24;color:#ffd76a}.cs-swatches{display:flex;gap:6px;flex-wrap:wrap}.cs-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer;transition:.12s}.cs-swatch:hover{transform:scale(1.12)}.cs-swatch.active{border-color:#ffd76a;box-shadow:0 0 8px #e8b44ab3}.cs-styles{display:flex;gap:6px}.cs-style{padding:6px 12px;background:#ffffff0a;border:1px solid rgba(140,150,255,.2);border-radius:999px;color:#cdd7ee;font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit}.cs-style.active{border-color:#e8b44a;color:#ffd76a;background:#e8b44a24}.cs-go{width:100%;margin-top:16px}.story-intro{position:absolute;inset:0;z-index:70;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#1e1634f0,#08060ef7)}.si-card{max-width:520px;width:min(92vw,520px);text-align:center;padding:34px 30px 26px;background:linear-gradient(170deg,#221a36fa,#100c1cfa);border:1px solid rgba(232,180,74,.35);border-radius:20px}.si-card.pop{animation:siPop .4s cubic-bezier(.2,1.4,.4,1)}@keyframes siPop{0%{transform:scale(.94);opacity:.4}}.si-icon{margin-bottom:8px}.si-title{color:#ffd76a;margin:0 0 10px;letter-spacing:.04em}.si-text{color:#cdd0e8;line-height:1.65;font-size:.92rem}.si-dots{display:flex;gap:7px;justify-content:center;margin:16px 0}.si-dot{width:8px;height:8px;border-radius:50%;background:#ffffff29}.si-dot.on{background:#e8b44a}.si-actions{display:flex;gap:10px;justify-content:center}.nft-art{display:grid;place-items:center;height:96px}.hero-v2{position:relative;overflow:hidden}.hero-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 118%,rgba(232,180,74,.22),transparent 55%),radial-gradient(ellipse at 78% 8%,rgba(120,150,255,.2),transparent 50%),linear-gradient(180deg,#0b0e24,#171a3e 42%,#33254e 78%,#4c3157)}.hero-peaks{position:absolute;left:-4%;right:-4%;bottom:-2px;height:34vh;background-repeat:repeat-x;background-position:bottom;background-size:1200px 100%;pointer-events:none;transition:transform .2s ease-out}.hero-peaks-far{opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V190L90 90l70 60 90-110 110 120 80-70 110 100 90-130 120 140 80-60 100 80 90-100 90 90 80-40v130z' fill='%23231d45'/%3E%3C/svg%3E")}.hero-peaks-near{opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V230l120-90 90 70 120-130 140 140 100-80 130 110 110-140 130 150 100-70 160 110v0z' fill='%23161233'/%3E%3C/svg%3E")}.hero-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -120px 160px -60px #060510e6,inset 0 60px 120px -60px #060510b3}.hero-content{transition:transform .25s ease-out;will-change:transform}.hero-v2 .hero-title{display:flex;justify-content:center;gap:.02em;font-size:clamp(3.4rem,9vw,7.2rem);letter-spacing:.16em;background:linear-gradient(180deg,#fff5d8 18%,#ffd97a 48%,#c98f2e 82%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(232,180,74,.35))}.hero-v2 .hero-title span{display:inline-block;animation:letterRise .9s cubic-bezier(.2,1.4,.3,1) backwards}.hero-v2 .hero-title span:nth-child(1){animation-delay:.05s}.hero-v2 .hero-title span:nth-child(2){animation-delay:.12s}.hero-v2 .hero-title span:nth-child(3){animation-delay:.19s}.hero-v2 .hero-title span:nth-child(4){animation-delay:.26s}.hero-v2 .hero-title span:nth-child(5){animation-delay:.33s}.hero-v2 .hero-title span:nth-child(6){animation-delay:.4s}.hero-v2 .hero-title span:nth-child(7){animation-delay:.47s}@keyframes letterRise{0%{transform:translateY(34px) scale(.9);opacity:0}}.hero-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 14px;color:#ffdf9e;letter-spacing:.42em;font-size:.78rem;font-weight:700;animation:fadeUp .8s .5s backwards}.hero-ornament i{display:block;width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,180,74,.8))}.hero-ornament i:last-child{transform:scaleX(-1)}.hero-v2 .hero-tagline{animation:fadeUp .8s .65s backwards}.hero-v2 .hero-cta{animation:fadeUp .8s .8s backwards}@keyframes fadeUp{0%{transform:translateY(18px);opacity:0}}.hero-v2 .hero-logo{animation:logoDrop 1s cubic-bezier(.2,1.5,.35,1) backwards;box-shadow:0 0 44px #e8b44a73}@keyframes logoDrop{0%{transform:translateY(-26px) scale(.7);opacity:0}}.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:8px;letter-spacing:.3em;font-size:.64rem}.hs-mouse{width:22px;height:34px;border:2px solid rgba(255,226,168,.6);border-radius:12px;display:block;position:relative}.hs-wheel{position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:#ffe2a8;animation:wheelDrop 1.4s infinite}@keyframes wheelDrop{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{opacity:0}}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.3,1)}.reveal.in{opacity:1;transform:none}.orna-line{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;color:#e8b44a}.orna-line i{width:70px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,180,74,.7));display:block}.orna-line i:last-child{transform:scaleX(-1)}.calling-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.calling-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.calling-grid{grid-template-columns:1fr}}.calling-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 18px 26px;border-radius:18px;border:1px solid rgba(255,255,255,.09);text-decoration:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,1.2,.3,1),border-color .3s,box-shadow .3s;min-height:300px}.calling-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent);box-shadow:0 18px 44px -14px var(--accent)}.cc-glow{position:absolute;inset:-30%;background:radial-gradient(circle at 50% 12%,var(--accent),transparent 55%);opacity:.16;transition:opacity .3s}.calling-card:hover .cc-glow{opacity:.34}.cc-icon{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 30px -6px var(--accent);transition:transform .35s}.calling-card:hover .cc-icon{transform:scale(1.1) rotate(-4deg)}.cc-title{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:#c8b8e8;font-weight:700}.cc-name{color:#ffe9c2;font-weight:800;font-size:1.05rem}.cc-desc{color:#b8b4d8;font-size:.78rem;line-height:1.55;flex:1}.cc-cta{color:var(--accent);font-weight:800;font-size:.78rem;filter:brightness(1.6);opacity:0;transform:translateY(6px);transition:.3s}.calling-card:hover .cc-cta{opacity:1;transform:none}.beast-strip{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 18px;scroll-snap-type:x mandatory}.beast-strip>*{flex:0 0 210px;scroll-snap-align:center}.beast-strip::-webkit-scrollbar{height:8px}.beast-strip::-webkit-scrollbar-thumb{background:#e8b44a59;border-radius:6px}.side-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:30}.side-dots a{display:grid;place-items:center;width:18px;height:18px}.side-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff47;transform:rotate(45deg);transition:.25s;display:block}.side-dots a:hover i,.side-dots a.on i{background:#e8b44a;box-shadow:0 0 10px #e8b44acc;width:10px;height:10px}@media (max-width: 760px){.side-dots{display:none}}.hero-art{position:relative;overflow:hidden;background:#0b0e24}.ha-art{position:absolute;inset:0;background:url(../assets/keyart.jpg) center 32% / cover no-repeat;transform:scale(1.08);transition:transform .35s ease-out;will-change:transform;animation:kenBurns 26s ease-in-out infinite alternate}@keyframes kenBurns{0%{background-position:42% 30%}to{background-position:58% 38%}}.ha-rays{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.5;background:linear-gradient(112deg,transparent 38%,rgba(255,226,150,.16) 43%,transparent 49%),linear-gradient(108deg,transparent 55%,rgba(255,226,150,.1) 60%,transparent 66%);animation:raysDrift 9s ease-in-out infinite alternate}@keyframes raysDrift{0%{transform:translate(-2.5%);opacity:.32}to{transform:translate(2.5%);opacity:.6}}.ha-motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ha-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,8,22,.55) 0%,transparent 22%,transparent 46%,rgba(7,8,22,.62) 78%,rgba(7,8,22,.94) 100%),radial-gradient(ellipse at 50% 100%,rgba(232,180,74,.14),transparent 55%)}.hero-art .hero-content{position:relative;z-index:3;margin-top:30vh;text-shadow:0 3px 22px rgba(5,6,16,.9)}.hero-art .hero-title{display:flex;justify-content:center;gap:.02em;font-size:clamp(3.4rem,9vw,7rem);letter-spacing:.16em;background:linear-gradient(180deg,#fff7dd 15%,#ffd97a,#c98f2e 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(20,14,4,.85)) drop-shadow(0 0 34px rgba(232,180,74,.35))}.hero-art .hero-title span{display:inline-block;animation:letterRise .9s cubic-bezier(.2,1.4,.3,1) backwards}.hero-art .hero-title span:nth-child(1){animation-delay:.05s}.hero-art .hero-title span:nth-child(2){animation-delay:.12s}.hero-art .hero-title span:nth-child(3){animation-delay:.19s}.hero-art .hero-title span:nth-child(4){animation-delay:.26s}.hero-art .hero-title span:nth-child(5){animation-delay:.33s}.hero-art .hero-title span:nth-child(6){animation-delay:.4s}.hero-art .hero-title span:nth-child(7){animation-delay:.47s}.hero-art .hero-tagline{animation:fadeUp .8s .6s backwards;color:#f2e6cc}.hero-art .hero-cta{animation:fadeUp .8s .75s backwards}.hero-art .hero-scroll{z-index:3}.cs-v2 .cs-canvas{width:320px;height:400px}.cs-lede{color:#b7c0ee;font-size:.84rem;margin:4px 0 14px}.cs-sub{color:#c8a0e8;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-top:-2px}.cs-chars{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}.cs-char{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(140,150,255,.2);border-radius:14px;cursor:pointer;transition:.18s;font-family:inherit}.cs-char:hover{background:#ffffff14;transform:translate(4px)}.cs-char.active{border-color:var(--accent);background:#ffffff12;box-shadow:0 0 22px -6px var(--accent),inset 3px 0 0 var(--accent)}.csc-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#ffffff0f;flex:none}.cs-char.active .csc-icon{box-shadow:0 0 16px -2px var(--accent)}.csc-text{display:flex;flex-direction:column;gap:2px}.csc-name{color:#ffe9c2;font-weight:800;font-size:.92rem}.csc-title{color:#9aa2cc;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.tutorial-banner{position:absolute;top:84px;left:50%;transform:translate(-50%);z-index:35;min-width:320px;max-width:460px;padding:10px 18px 12px;text-align:center;background:linear-gradient(180deg,#18102ceb,#0c091aeb);border:1px solid rgba(140,108,232,.45);border-radius:14px;box-shadow:0 8px 30px #06041099,0 0 24px -8px #8a6ce899;pointer-events:none}.tutorial-banner.pop{animation:tbPop .45s cubic-bezier(.2,1.5,.35,1)}@keyframes tbPop{0%{transform:translate(-50%) scale(.86);opacity:.3}}.tb-head{font-size:.6rem;letter-spacing:.26em;color:#b0a0e8;font-weight:800;margin-bottom:4px}.tb-text{color:#efe6ff;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.tb-dots{display:flex;gap:6px;justify-content:center;margin-top:8px}.tb-dots i{width:22px;height:4px;border-radius:3px;background:#ffffff24}.tb-dots i.on{background:#8a6ce8;box-shadow:0 0 8px #8a6ce8cc}.tb-dots i.done{background:#5ac98a}.btn-royal{position:relative;padding:14px 30px;letter-spacing:.14em;font-weight:900;border-radius:10px;border:1px solid rgba(232,180,74,.75);box-shadow:0 0 0 3px #e8b44a1f,0 10px 30px -10px #e8b44a8c,inset 0 1px #ffffff40;text-transform:uppercase}.btn-royal:before,.btn-royal:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:#e8b44a;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 8px #e8b44ae6}.btn-royal:before{left:-5px}.btn-royal:after{right:-5px}.btn-royal:hover{filter:brightness(1.12);box-shadow:0 0 0 3px #e8b44a40,0 14px 36px -10px #e8b44abf,inset 0 1px #ffffff4d}.btn-coin{background:linear-gradient(180deg,#1e1832d9,#100c1ee6);color:#ffd97a}.ht-big{font-size:1.25em;color:#ffe9c2;font-weight:800;letter-spacing:.06em}.select-page{position:relative;min-height:100vh;overflow:hidden;background:#0b0e24}.sp-bg{position:absolute;inset:0;background:url(../assets/keyart.jpg) center 40% / cover no-repeat;filter:blur(3px) brightness(.55) saturate(1.1);transform:scale(1.06)}.sp-grade{position:absolute;inset:0;background:linear-gradient(180deg,#080816b8,#08081680 40%,#080816e0)}.sp-inner{position:relative;z-index:2;max-width:1060px;margin:0 auto;padding:54px 20px 60px;text-align:center}.sp-back{position:absolute;top:18px;left:18px;color:#cdd0e8;text-decoration:none;font-size:.8rem;font-weight:700;opacity:.8}.sp-back:hover{opacity:1;color:#ffd97a}.sp-title{font-size:clamp(1.9rem,4.6vw,3.1rem);letter-spacing:.2em;margin:8px 0 6px;background:linear-gradient(180deg,#fff5d8 20%,#ffd97a 55%,#c98f2e 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(20,14,4,.8))}.sp-sub{color:#c9cdea;margin:0 0 26px}.sp-layout{display:flex;gap:26px;align-items:stretch;justify-content:center;flex-wrap:wrap}.sp-cards{display:flex;flex-direction:column;gap:14px;min-width:280px;flex:1;max-width:340px}.sp-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:16px 18px;background:linear-gradient(160deg,#1c1832e0,#0e0b1ceb);border:1px solid rgba(140,150,255,.22);border-radius:16px;cursor:pointer;transition:.22s;font-family:inherit}.sp-card:hover{transform:translate(6px);border-color:#e8b44a80}.sp-card.active{border-color:var(--accent);box-shadow:0 0 30px -8px var(--accent),inset 4px 0 0 var(--accent);transform:translate(8px)}.spc-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#ffffff0f;margin-bottom:6px}.sp-card.active .spc-icon{box-shadow:0 0 18px -2px var(--accent)}.spc-name{color:#ffe9c2;font-weight:900;font-size:1.05rem}.spc-type{color:#9aa2cc;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.sp-preview{flex:1;min-width:320px;max-width:460px;padding:18px 22px 26px;background:linear-gradient(170deg,#1c1832e6,#0e0b1cf0);border:1px solid rgba(232,180,74,.35);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:6px}.sp-canvas{width:380px;max-width:100%;height:440px;border-radius:14px;cursor:grab;background:radial-gradient(circle at 50% 24%,rgba(90,74,158,.4),transparent 68%)}.sp-canvas:active{cursor:grabbing}.sp-hint{font-size:.62rem;color:#8a95c8;letter-spacing:.16em;text-transform:uppercase;margin-top:-4px}.sp-name{color:#ffe9c2;font-weight:900;font-size:1.3rem;margin-top:6px}.sp-type{color:#c8a0e8;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.sp-desc{color:#c2c6e4;font-size:.84rem;line-height:1.6;max-width:400px}.sp-feel{list-style:none;padding:0;margin:8px 0 12px;display:flex;flex-direction:column;gap:4px}.sp-feel li{color:#ffdf9e;font-size:.76rem;font-weight:700}.sp-enter{width:100%;max-width:340px}.hero-online{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 16px;border-radius:999px;background:#0a0e0c8c;border:1px solid rgba(90,220,140,.35);color:#b8e8c8;font-size:.76rem;font-weight:700;letter-spacing:.06em;animation:fadeUp .8s .9s backwards}.hero-online i{width:9px;height:9px;border-radius:50%;background:#4ae884;box-shadow:0 0 10px #4ae884;animation:onlinePulse 1.6s infinite}@keyframes onlinePulse{50%{transform:scale(.72);opacity:.6}}.ho-num{color:#7af0a8;font-weight:900}.chatbox{position:absolute;right:14px;bottom:14px;width:300px;z-index:26;display:flex;flex-direction:column;background:linear-gradient(180deg,#120f22e0,#0a0816eb);border:1px solid rgba(140,150,255,.25);border-radius:14px;overflow:hidden;pointer-events:auto;backdrop-filter:blur(4px)}.cb-head{display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#cdd0e8;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.cb-online{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:#8ae8a8;font-size:.6rem;letter-spacing:.08em}.cb-online i{width:6px;height:6px;border-radius:50%;background:#4ae884;box-shadow:0 0 6px #4ae884;animation:onlinePulse 1.6s infinite}.cb-list{height:148px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}.cb-list::-webkit-scrollbar{width:6px}.cb-list::-webkit-scrollbar-thumb{background:#8c96ff40;border-radius:4px}.cb-line{font-size:.74rem;color:#d6d9ee;line-height:1.4;word-break:break-word;animation:cbIn .25s ease-out}@keyframes cbIn{0%{transform:translateY(6px);opacity:0}}.cb-line.sys{color:#9aa2cc;font-style:italic}.cb-line.me{color:#fff2d8}.cb-who{font-weight:800;margin-right:2px}.cb-row{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(255,255,255,.07)}.cb-input{flex:1;padding:8px 11px;background:#00000059;border:1px solid rgba(140,150,255,.25);border-radius:9px;color:#f0ead8;font-size:.78rem;font-family:inherit;outline:none}.cb-input:focus{border-color:#e8b44aa6;box-shadow:0 0 12px -4px #e8b44a99}.cb-send{width:38px;display:grid;place-items:center;background:linear-gradient(180deg,#e8b44a,#c98f2e);border:none;border-radius:9px;cursor:pointer}.cb-send:hover{filter:brightness(1.12)}@media (max-width: 720px){.chatbox{width:240px}.cb-list{height:110px}}.chat-mock{display:none!important}.home-v2{--v2-gold: #f0c766;--v2-gold-soft: #ffe6a8;--v2-teal: #7fe4cf;--v2-ink: #e9ecff;--v2-line: rgba(240, 199, 102, .22);--v2-panel: linear-gradient(158deg, rgba(20, 27, 60, .82), rgba(9, 13, 32, .94));background:radial-gradient(1100px 620px at 82% -8%,rgba(127,228,207,.1),transparent 60%),radial-gradient(1000px 700px at 8% 6%,rgba(240,199,102,.1),transparent 58%),var(--navy-950)}.home-v2 .section{padding:82px 0;position:relative}.home-v2 .section+.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(680px,80%);height:1px;background:linear-gradient(90deg,transparent,var(--v2-line) 20%,var(--v2-line) 80%,transparent)}.home-v2 #s-calling,.home-v2 #s-economy{background:radial-gradient(900px 400px at 50% 0%,rgba(109,74,231,.1),transparent 70%)}.home-v2 .section-title{font-family:var(--font-fancy);font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:.06em;background:linear-gradient(180deg,#fff7e4 10%,var(--v2-gold) 60%,#c08e2c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(240,199,102,.25));margin-bottom:12px}.home-v2 .section-sub{color:#c2cbf2;font-size:1.02rem;line-height:1.7}.home-v2 .eyebrow{color:var(--v2-teal);border-color:#7fe4cf66;background:#7fe4cf14;letter-spacing:.32em}.home-v2 .orna-line i{background:linear-gradient(90deg,transparent,rgba(240,199,102,.85));width:84px}.home-v2 .orna-line{color:var(--v2-gold);margin-bottom:16px}.home-v2 .hero{min-height:calc(100vh - var(--nav-h))}.home-v2 .hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,transparent 52%,rgba(4,6,16,.72) 100%)}.home-v2 .hero-content{padding:40px 18px}.home-v2 .hero-title{letter-spacing:.02em}.home-v2 .hero-title span{background:linear-gradient(180deg,#fff8e6 8%,var(--v2-gold-soft) 45%,var(--v2-gold) 72%,#b07d20 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 22px rgba(240,199,102,.4))}.home-v2 .hero-ornament{color:var(--v2-teal);letter-spacing:.5em;font-size:.82rem}.home-v2 .hero-ornament i{background:linear-gradient(90deg,transparent,rgba(127,228,207,.8));width:110px}.home-v2 .hero-tagline .ht-big{font-family:var(--font-display);font-size:clamp(1.05rem,2.2vw,1.5rem);color:var(--v2-gold-soft);letter-spacing:.02em}.home-v2 .hero-tagline{color:#d4dcff;margin-top:20px}.home-v2 .hero-cta{margin-top:30px;gap:16px}.home-v2 .hero-online{margin-top:22px;color:#aab4e0}.home-v2 .hero-online i{box-shadow:0 0 10px var(--v2-teal);background:var(--v2-teal)}.home-v2 .card{background:var(--v2-panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 26px;backdrop-filter:blur(3px)}.home-v2 .card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(240,199,102,.5),transparent 42%,transparent 62%,rgba(127,228,207,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .3s}.home-v2 .card:hover{transform:translateY(-6px);border-color:#f0c7668c;box-shadow:0 22px 50px -22px #f0c76666}.home-v2 .card:hover:before{opacity:1}.home-v2 .card h3{font-family:var(--font-display);color:var(--v2-gold-soft);letter-spacing:.02em}.home-v2 .card .card-icon{filter:drop-shadow(0 0 10px rgba(127,228,207,.55))}.home-v2 .calling-card{border-radius:16px;min-height:320px;border:1px solid rgba(255,255,255,.08)}.home-v2 .calling-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff1f,inset 0 0 60px -30px var(--accent)}.home-v2 .cc-name{font-family:var(--font-display);color:var(--v2-gold-soft)}.home-v2 .cc-icon{box-shadow:0 0 34px -4px var(--accent)}.home-v2 .token-panel{border:1px solid var(--v2-line);background:radial-gradient(420px 210px at 88% 0%,rgba(127,228,207,.16),transparent),linear-gradient(158deg,#141b3ceb,#080b1cf5)}.home-v2 .token-symbol{font-family:var(--font-fancy);color:var(--v2-gold);font-size:1.55rem}.home-v2 .token-tag{color:var(--v2-teal)}.home-v2 .token-list li:before{color:var(--v2-gold)}.home-v2 .roadmap{gap:18px}.home-v2 .roadmap-item{border-left:3px solid transparent;border-image:linear-gradient(180deg,var(--v2-gold),rgba(127,228,207,.5)) 1;background:linear-gradient(158deg,#141b3ccc,#0a0e23e6);border-radius:0 14px 14px 0}.home-v2 .roadmap-item .phase{color:var(--v2-gold-soft)}.home-v2 .beast-strip::-webkit-scrollbar-thumb{background:#7fe4cf66}.home-v2 .cta-band{border:1px solid var(--v2-line);padding:78px 24px;background:radial-gradient(560px 260px at 50% 0%,rgba(240,199,102,.18),transparent),radial-gradient(500px 300px at 50% 120%,rgba(127,228,207,.14),transparent),linear-gradient(180deg,#1e163ae6,#080b1cf5)}.home-v2 .cta-band h2{font-family:var(--font-fancy);color:var(--v2-gold-soft)}.home-v2~.side-dots a:hover i,.home-v2~.side-dots a.on i,.home-v2 .side-dots a:hover i,.home-v2 .side-dots a.on i{background:var(--v2-teal);box-shadow:0 0 10px var(--v2-teal)}@media (max-width: 720px){.home-v2 .section{padding:60px 0}}