:root{--bg:#06070a;--white:#f3f4f0;--muted:#858b94;--line:rgba(255,255,255,.13);--lime:#c9ff32;--cyan:#71e8ff;--red:#ff657d;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}#space{position:fixed;inset:0;width:100%;height:100%;z-index:-4}.noise{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{height:70px;position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;background:linear-gradient(#06070a,rgba(6,7,10,.2));backdrop-filter:blur(9px);font:10px var(--mono);letter-spacing:.14em}.brand{display:flex;gap:9px;align-items:center;color:var(--white);text-decoration:none;font-size:15px}.brand-mark{width:27px;height:27px;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime)}.nav-center{text-align:center;color:#9ca2aa}.nav-center span{color:#fff;margin-left:9px}.nav-right{text-align:right;color:var(--lime)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime);margin-right:7px}
.hero{min-height:100vh;padding:150px 8vw 80px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative}.kicker{font:10px var(--mono);letter-spacing:.18em;color:var(--lime);margin-bottom:24px}.hero h1{font-size:clamp(68px,11vw,160px);line-height:.78;letter-spacing:-.08em;margin:0;font-weight:900}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.scroll{margin-top:55px;font:10px var(--mono);letter-spacing:.2em;color:#7b828c}.hero-object{height:500px;display:grid;place-items:center;position:relative}.cube{width:170px;height:170px;display:grid;place-items:center;border:1px solid rgba(201,255,50,.7);color:var(--lime);font-size:75px;font-weight:900;transform:rotate(25deg);box-shadow:0 0 80px rgba(201,255,50,.08);animation:float 5s ease-in-out infinite}.ring{position:absolute;border:1px solid rgba(113,232,255,.25);border-radius:50%;transform:rotate(-20deg)}.r1{width:430px;height:180px;animation:spin 13s linear infinite}.r2{width:260px;height:430px;animation:spin 19s linear reverse infinite}@keyframes spin{to{transform:rotate(340deg)}}@keyframes float{50%{transform:rotate(35deg) translateY(-14px)}}
.gallery,.console{padding:110px 8vw}.gallery-title{display:grid;grid-template-columns:45px 1fr auto;align-items:end;border-top:1px solid var(--line);padding-top:15px;margin-bottom:35px}.gallery-title span,.gallery-title i{font:10px var(--mono);color:#68717d;font-style:normal}.gallery-title h2{margin:0;font-size:clamp(28px,4vw,58px);letter-spacing:-.05em}.gallery-title i{color:var(--lime)}.game-card{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:rgba(12,14,18,.72);position:relative;overflow:hidden}.game-card.reverse{grid-template-columns:.85fr 1.15fr}.game-card.reverse .card-art{order:2}.card-number{position:absolute;top:20px;left:22px;font:10px var(--mono);color:#707883;z-index:2}.card-art{position:relative;min-height:500px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(201,255,50,.1),transparent 55%),#090c11}.wallet-art{background:radial-gradient(circle at center,rgba(113,232,255,.1),transparent 55%),#090c11}.art-grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:45px 45px;transform:perspective(450px) rotateX(55deg) scale(1.5)}.art-core{width:220px;height:220px;border:1px solid rgba(201,255,50,.55);display:grid;place-items:center;color:var(--lime);font-size:85px;transform:rotate(45deg);box-shadow:0 0 90px rgba(201,255,50,.1);z-index:1}.wallet-art .art-core{color:var(--cyan);border-color:rgba(113,232,255,.55);box-shadow:0 0 90px rgba(113,232,255,.1)}.card-info{padding:80px 55px;display:flex;flex-direction:column;justify-content:center}.card-info h3{font-size:clamp(40px,5vw,80px);line-height:.82;letter-spacing:-.07em;margin:0 0 45px}.meta{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;font:9px var(--mono);color:#68717d}.meta b{color:#dce1e7}.play-btn{border:1px solid var(--lime);background:transparent;color:var(--lime);padding:15px 18px;font:10px var(--mono);letter-spacing:.12em;cursor:pointer;margin-top:25px;text-align:left}.play-btn:hover{background:var(--lime);color:#090b07}.full{width:100%}
.console-grid{display:grid;grid-template-columns:300px 1fr;gap:12px}.login-card,.query-card{border:1px solid var(--line);background:rgba(11,14,19,.82);padding:24px}.mini-head{font:9px var(--mono);display:flex;justify-content:space-between;color:#6e7682;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px}.mini-head b{color:var(--red)}input,select{width:100%;padding:14px 12px;background:#07090d;border:1px solid var(--line);color:white;margin-bottom:8px;font:10px var(--mono);outline:none}input:focus,select:focus{border-color:var(--lime)}label{display:block;font:9px var(--mono);color:#89919c;margin:16px 0 7px}.tabs{display:flex;gap:5px;margin-bottom:20px}.tab{flex:1;background:#090b10;border:1px solid var(--line);color:#727b86;padding:13px;font:9px var(--mono);cursor:pointer}.tab.active{color:var(--lime);border-color:rgba(201,255,50,.5)}.avatar{width:50px;height:50px;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font:18px var(--mono);margin-bottom:15px}.login-card h3{font:16px var(--mono);margin:0 0 4px}.login-card small{color:#68717d;font:9px var(--mono);line-height:1.6}.login-card #authError{color:var(--red)}.quota{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.quota span{padding:13px 5px;font:8px var(--mono);color:#68717d}.quota b{display:block;color:white;font-size:17px;margin-top:5px}.result{border:1px solid var(--line);padding:16px;margin-top:12px;display:flex;justify-content:space-between;font:10px var(--mono)}.result b{color:var(--lime)}.result span{color:#65707d}.status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-cards div{min-height:150px;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(12,15,20,.65)}.status-cards small,.status-cards span{font:9px var(--mono);color:#68717d}.status-cards b{font:24px var(--mono);color:var(--lime)}footer{padding:30px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:9px var(--mono);color:#68717d}.admin-body{background:var(--bg)}.admin-wrap{max-width:1100px;margin:auto;padding:100px 5vw}.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.admin-head h1{font-size:70px;line-height:.8;margin:10px 0}.admin-form{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr auto;gap:7px;margin-bottom:25px}.admin-form input,.admin-form select{margin:0}.notice{padding:13px;border:1px solid var(--line);font:10px var(--mono);margin-bottom:10px}.notice.ok{color:var(--lime)}.notice.bad{color:var(--red)}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font:10px var(--mono)}th{color:var(--lime)}
@media(max-width:800px){.nav-center{display:none}.nav{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;padding:130px 5vw 70px}.hero-object{height:300px;order:-1}.r1{width:270px;height:120px}.r2{width:190px;height:290px}.cube{width:110px;height:110px;font-size:45px}.gallery,.console{padding:80px 5vw}.game-card,.game-card.reverse{grid-template-columns:1fr}.game-card.reverse .card-art{order:0}.card-art{min-height:330px}.card-info{padding:45px 25px}.console-grid{grid-template-columns:1fr}.status-cards{grid-template-columns:1fr 1fr}.admin-form{grid-template-columns:1fr}.admin-head{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:480px){.status-cards{grid-template-columns:1fr}.gallery-title{grid-template-columns:35px 1fr}.gallery-title i{display:none}.card-info h3{font-size:48px}}
