@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+Vietnamese:wght@400;700&family=Inter:wght@400;600&display=swap";:root{--bg:#04090f;--bg-deep:#020508;--bg-soft:rgba(7,16,25,.92);--panel:rgba(10,19,30,.75);--panel-strong:rgba(5,10,18,.96);--line:rgba(24,211,178,.15);--line-gold:rgba(242,181,93,.3);--text:#e0f2fe;--muted:#94a3b8;--primary:#18d3b2;--primary-glow:rgba(24,211,178,.4);--accent:#f2b55d;--accent-glow:rgba(242,181,93,.4);--danger:#ef4444;--success:#10b981;--shadow:0 0 40px rgba(0,0,0,.6),0 0 20px rgba(24,211,178,.05);--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--container:1200px;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}.heading-cultivation,h1,h2,h3,h4{color:var(--accent);font-family:Cinzel,"Noto Serif Vietnamese",serif;letter-spacing:.05em;text-shadow:0 0 10px var(--accent-glow)}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background-attachment:fixed;background-color:var(--bg-deep);background-image:radial-gradient(circle at 50% 50%,rgba(24,211,178,.1),transparent 80%),radial-gradient(circle at 50% 0,rgba(24,211,178,.15),transparent 50%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%);color:var(--text);margin:0;overflow-x:hidden}body:before{background:url(https://www.transparenttextures.com/patterns/dark-matter.png),url(https://www.transparenttextures.com/patterns/carbon-fibre.png);bottom:0;content:"";opacity:.2;right:0}.clouds-overlay,body:before{left:0;pointer-events:none;position:fixed;top:0;z-index:-1}.clouds-overlay{animation:bg-drift 120s linear infinite;background:url(https://www.transparenttextures.com/patterns/clouds.png);height:100%;opacity:.1;width:100%}@keyframes bg-drift{0%{background-position:0 0}to{background-position:1000px 500px}}a{color:inherit;text-decoration:none;transition:color .2s}.container{margin:0 auto;max-width:var(--container);padding:0 20px}a:hover{color:var(--primary)}button,input,select,textarea{font:inherit}button{background:none;border:none;cursor:pointer}.page-shell{display:flex;flex-direction:column;min-height:100vh;position:relative}.container-shell{margin:0 auto;width:min(var(--container),calc(100% - 40px))}.corner-decor{filter:sepia(1) saturate(2) hue-rotate(130deg);height:150px;opacity:.6;pointer-events:none;position:fixed;width:150px;z-index:50}.corner-tl{border-left:2px solid var(--primary);clip-path:polygon(0 0,100% 0,0 100%);left:0}.corner-tl,.corner-tr{border-top:2px solid var(--primary);top:0}.corner-tr{border-right:2px solid var(--primary);clip-path:polygon(0 0,100% 100%,100% 0);right:0}.corner-bl{border-left:2px solid var(--primary);clip-path:polygon(0 0,0 100%,100% 100%);left:0}.corner-bl,.corner-br{border-bottom:2px solid var(--primary);bottom:0}.corner-br{border-right:2px solid var(--primary);clip-path:polygon(100% 0,100% 100%,0 100%);right:0}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.panel-jade{background:linear-gradient(135deg,var(--accent),var(--primary));padding:1.5px}.panel-jade,.panel-jade-inner{clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%)}.panel-jade-inner{background:var(--bg-deep);height:100%;padding:32px}.auth-wrap{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.aura-glow{background:radial-gradient(circle,rgba(24,211,178,.15) 0,transparent 70%);filter:blur(40px);height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:-1}.grid-line-h,.grid-line-v{background:#18d3b21a;pointer-events:none;position:absolute}.grid-line-v{height:100vh;top:0;width:1px}.grid-line-h{height:1px;left:0;width:100vw}.crosshair{color:var(--primary);font-family:serif;font-size:1.5rem;height:20px;line-height:20px;opacity:.5;position:absolute;text-align:center;width:20px}.auth-panel{max-width:600px;padding:60px;position:relative;width:100%;z-index:10}.auth-inner{background:transparent}.input-charm{background:#ffffff08;border:1px solid rgba(24,211,178,.2);border-radius:4px;color:var(--text);outline:none;padding:14px 18px;transition:all .3s;width:100%}.input-charm:focus{background:#18d3b214;border-color:var(--primary);box-shadow:0 0 20px #18d3b21a}.btn-minimal{align-items:center;background:#fff;border-radius:4px;color:#000;display:flex;font-size:1rem;font-weight:700;height:50px;justify-content:center;letter-spacing:0;text-transform:none;transition:all .3s;width:100%}.btn-minimal:hover{box-shadow:0 10px 30px #fff3;filter:brightness(.9);transform:translateY(-2px)}.auth-footer-links{font-size:.9rem;margin-top:30px;text-align:center}.auth-footer-links a{color:var(--primary);font-weight:600;text-decoration:none}.section-card{padding:32px}.header-floating{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a131ed9;border:1px solid var(--line);border-radius:50px;box-shadow:0 10px 40px #00000080,0 0 20px var(--primary-glow);display:flex;justify-content:space-between;left:50%;padding:8px 32px;position:fixed;top:20px;transform:translate(-50%);width:min(1000px,calc(100% - 40px));z-index:100}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-weight:600;gap:10px;justify-content:center;letter-spacing:.1em;min-height:48px;overflow:hidden;padding:0 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#0d7e6a,#18d3b2);box-shadow:0 4px 15px var(--primary-glow);color:#020508}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px) scale(1.05)}.btn-secondary{background:#ffffff0d;border:1px solid var(--line)}.btn-secondary:hover{background:#18d3b21a;border-color:var(--primary);color:var(--primary)}.grid-1{display:grid;gap:20px;grid-template-columns:1fr}.grid-2{gap:24px;grid-template-columns:repeat(2,1fr)}.grid-3{gap:30px;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.field{display:grid;gap:10px}.field label{color:var(--muted);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.field input,.field select,.field textarea{background:#0000004d;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);min-height:50px;outline:none;padding:12px 16px;transition:all .3s;width:100%}.field input:focus{background:#18d3b20d;border-color:var(--primary)}.muted{color:var(--muted)}.glow-text{text-shadow:0 0 15px var(--primary-glow)}.pill{align-items:center;background:#18d3b21a;border:1px solid var(--line);border-radius:999px;color:var(--primary);display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.1em;min-height:32px;padding:0 16px;text-transform:uppercase}.layout-circular{align-items:center;display:flex;flex-direction:column;padding:80px 0;text-align:center}.layout-circular .main-content{max-width:800px;position:relative;z-index:2}.array-container{flex-wrap:wrap;gap:30px;margin-top:60px}.array-container,.array-item{display:flex;justify-content:center}.array-item{aspect-ratio:4/5;background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 15%,100% 0,100% 85%,0 100%);cursor:pointer;flex-direction:column;padding:30px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:280px}.array-item:hover{border-color:var(--primary);box-shadow:0 20px 50px #18d3b233;transform:translateY(-20px) scale(1.05)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:32px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table-shell{border-collapse:separate;border-spacing:0;width:100%}.table-shell td,.table-shell th{border-bottom:1px solid var(--line);padding:16px;text-align:left}.table-shell th{color:var(--accent);font-family:Cinzel,serif;font-size:.9rem;font-weight:700;text-transform:uppercase}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:float 6s ease-in-out infinite}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.header-floating{padding:8px 16px;top:10px;width:calc(100% - 20px)}.layout-circular{padding:40px 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.bagua-bg{animation:spin-slow 60s linear infinite;border:1px solid var(--line);border-radius:50%;height:600px;opacity:.1;pointer-events:none;width:600px;z-index:-1}.bagua-bg,.bagua-bg:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bagua-bg:before{color:var(--primary);content:"☯";font-size:300px;opacity:.2}.hero-glow-text{color:var(--text);font-size:5rem;font-weight:700;letter-spacing:.1em;margin:0;text-shadow:0 0 20px var(--primary-glow),0 0 40px var(--primary-glow),0 0 60px rgba(24,211,178,.2);text-transform:uppercase}.server-stone{background:var(--line-gold);cursor:pointer;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4));padding:1.5px;transition:all .4s cubic-bezier(.165,.84,.44,1);width:280px}.server-stone,.server-stone-inner{clip-path:polygon(12% 0,88% 0,100% 18%,100% 82%,88% 100%,12% 100%,0 82%,0 18%);position:relative}.server-stone-inner{align-items:center;background:var(--panel);display:flex;flex-direction:column;height:100%;padding:35px 25px;width:100%;z-index:1}.server-stone:hover{background:var(--primary);filter:drop-shadow(0 15px 30px rgba(24,211,178,.2));transform:translateY(-12px) scale(1.02)}.server-stone:hover .server-stone-inner{background:linear-gradient(135deg,var(--panel-strong),var(--panel))}.btn-primary{background:var(--primary);border:none;color:var(--bg-deep);font-weight:800;padding:2px}.btn-primary,.btn-primary-inner{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.btn-primary-inner{align-items:center;background:linear-gradient(90deg,#0d7e6a,#18d3b2);display:flex;height:100%;justify-content:center;padding:0 40px;transition:all .3s;width:100%}.btn-primary:hover .btn-primary-inner{background:linear-gradient(90deg,#18d3b2,#5ffce1);filter:brightness(1.2)}.btn-secondary{background:var(--line-gold);border:none;color:var(--text);padding:1.5px}.btn-secondary,.btn-secondary-inner{clip-path:polygon(0 0,90% 0,100% 100%,10% 100%)}.btn-secondary-inner{align-items:center;background:var(--bg-deep);display:flex;height:100%;justify-content:center;padding:0 40px;transition:all .3s;width:100%}.btn-secondary:hover .btn-secondary-inner{background:#f2b55d1a;color:var(--accent)}.scroll-wrap{background:linear-gradient(90deg,transparent,rgba(242,181,93,.03),transparent);border-bottom:1px solid var(--line-gold);border-top:1px solid var(--line-gold);margin-bottom:80px;padding:50px 40px;position:relative}.scroll-decor-l,.scroll-decor-r{background:var(--accent);border-radius:10px;box-shadow:0 0 15px var(--accent-glow);height:calc(100% + 20px);position:absolute;top:-10px;width:20px}.scroll-decor-l{left:10px}.scroll-decor-r{right:10px}.game-ui-sidebar{display:grid;gap:40px;grid-template-columns:repeat(5,1fr);justify-items:center;max-width:1000px;padding:40px;width:100%;z-index:100}.game-ui-sidebar::-webkit-scrollbar{display:none}.menu-item-circle{cursor:pointer;flex-direction:column;gap:15px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:120px}.icon-wrap,.menu-item-circle{align-items:center;display:flex}.icon-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1.5px solid rgba(24,211,178,.2);border-radius:24px;box-shadow:0 10px 30px #00000080;color:var(--primary);height:100px;justify-content:center;overflow:hidden;position:relative;transition:all .3s;width:100px}.icon-wrap:before{background:radial-gradient(circle at center,var(--primary-glow),transparent 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.menu-item-circle:hover .icon-wrap{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.1)}.menu-item-circle:hover .icon-wrap:before{opacity:.3}.menu-item-circle:hover .menu-label{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.menu-item-circle.active .icon-wrap{background:#18d3b226;border-color:var(--primary);box-shadow:0 0 25px var(--primary-glow)}.menu-item-circle.active .menu-label{color:var(--primary)}.menu-label{color:#fff;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8);text-transform:uppercase;transition:all .3s;white-space:nowrap}.glow-text-gold{color:#f2b55d;text-shadow:0 0 10px rgba(242,181,93,.5),0 0 20px rgba(242,181,93,.3)}.text-gradient-silver{background:linear-gradient(180deg,#fff 0,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.aura-card{overflow:hidden;position:relative}.aura-card:before{background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(24,211,178,.15) 0,transparent 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.aura-card:hover:before{opacity:1}.btn-epic{background:linear-gradient(135deg,#18d3b2,#0a4f43);border:none;border-radius:8px;cursor:pointer;padding:2px;position:relative;transition:all .3s}.btn-epic-inner{background:#0a0f14;border-radius:6px;color:#fff;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;letter-spacing:.2em;padding:16px 48px;transition:all .3s}.btn-epic:hover{box-shadow:0 0 30px #18d3b299;transform:translateY(-2px) scale(1.05)}.btn-epic:hover .btn-epic-inner{background:transparent}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.section-title-wrap{margin-bottom:60px;position:relative;text-align:center}.section-title-wrap:after{background:linear-gradient(to right,transparent,var(--primary),transparent);content:"";display:block;height:2px;margin:20px auto 0;width:100px}.game-ui-layout{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.game-ui-overlay{background:linear-gradient(90deg,rgba(0,0,0,.7) 0,transparent 40%,transparent 60%,rgba(0,0,0,.7));inset:0;pointer-events:none;position:absolute}.header-currency{align-items:center;background:#0006;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;display:flex;gap:8px;margin-right:15px;padding:6px 16px}.coin-icon{background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent-glow);color:#000;font-size:12px;font-weight:900;height:20px;width:20px}.coin-icon,.desktop-icon-btn{align-items:center;display:flex;justify-content:center}.desktop-icon-btn{color:var(--text);cursor:pointer;height:40px;opacity:.8;transition:all .3s;width:40px}.desktop-icon-btn:hover{color:var(--primary);opacity:1;transform:scale(1.1)}.user-dropdown-wrap{position:relative}.admin-dropdown{background:#0a0f14;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 40px #000c;display:none;padding:10px;position:absolute;right:0;top:calc(100% + 15px);width:200px;z-index:1100}.user-dropdown-wrap:hover .admin-dropdown{display:block}.dropdown-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:.9rem;gap:12px;padding:12px;transition:all .2s}.dropdown-item:hover{background:#18d3b21a;color:var(--primary)}.dropdown-item.logout{color:var(--danger)}.dropdown-item.logout:hover{background:#ef44441a}