:root{--bg:#101725;--surface:#182235;--surface2:#202b42;--primary:#7c6cff;--coral:#ff7a66;--mint:#61e6c4;--warm:#ffd36a;--text:#f7f8fc;--muted:#9ba8bd;--border:rgba(255,255,255,.09);font-family:Manrope,Inter,system-ui,-apple-system,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:14px;padding:13px 20px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#6959ff,#8d78ff);color:white;box-shadow:0 10px 30px rgba(124,108,255,.3)}.btn-ghost{background:rgba(255,255,255,.07);border:1px solid var(--border)}.btn-block{width:100%}
/* landing */.landing-body{min-height:100vh;background:radial-gradient(circle at 78% 20%,rgba(255,122,102,.16),transparent 30%),radial-gradient(circle at 65% 50%,rgba(124,108,255,.18),transparent 38%),#101725}.landing-shell{min-height:100vh;max-width:1400px;margin:auto;padding:64px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px}.landing-logo{width:230px;max-width:60%;margin-bottom:34px}.eyebrow{color:var(--mint);font-weight:800;letter-spacing:.15em;font-size:12px}.landing-copy h1{font-size:clamp(52px,6vw,94px);line-height:.95;margin:16px 0 24px;letter-spacing:-.05em}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:600px}.landing-actions{display:flex;gap:12px;margin-top:34px}.iso-card{height:min(620px,72vh);border-radius:42px;border:1px solid var(--border);background:linear-gradient(145deg,#1e2c4b,#111827);box-shadow:0 40px 90px #070b13;transform:rotateX(2deg) rotateY(-3deg);padding:45px;overflow:hidden;position:relative}.mini-city{height:100%;border-radius:28px;background:linear-gradient(#442f61 0 24%,#d48168 25%,#745064 26%,#212a43 27% 100%);position:relative;overflow:hidden}.mini-city:before{content:"";position:absolute;left:-12%;right:-12%;top:42%;bottom:-20%;background:repeating-linear-gradient(30deg,transparent 0 46px,rgba(255,255,255,.05) 47px 49px),repeating-linear-gradient(150deg,transparent 0 46px,rgba(255,255,255,.05) 47px 49px);transform:skewY(-8deg)}.building{position:absolute;background:#273551;border:3px solid #334567;box-shadow:0 16px 0 #131b2e}.b1{width:34%;height:35%;left:7%;top:20%}.b2{width:38%;height:30%;right:5%;top:15%}.b3{width:24%;height:25%;right:15%;bottom:10%}.fountain{position:absolute;left:45%;top:48%;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#61e6c4,#4867ff 55%,#1a2640 57%);box-shadow:0 0 30px #61e6c4;color:white;font-weight:900;font-size:42px}.palm{position:absolute;left:20%;bottom:20%;font-size:70px;color:var(--warm)}
/* auth */.auth-body{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(124,108,255,.35),transparent 42%),#0d1421}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(440px,100%);background:rgba(24,34,53,.94);border:1px solid var(--border);border-radius:28px;padding:36px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.auth-logo{width:165px;margin-bottom:24px}.auth-card h1{font-size:32px;margin:5px 0}.auth-card>p{color:var(--muted);margin-top:7px}.auth-card form{display:grid;gap:16px;margin-top:26px}.auth-card label{font-size:13px;font-weight:800;color:#cbd4e5;display:grid;gap:8px}.auth-card input{width:100%;border:1px solid var(--border);background:#0f1727;color:white;padding:14px 15px;border-radius:12px;outline:0}.auth-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,108,255,.15)}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.form-error{padding:12px;border-radius:12px;background:rgba(255,107,107,.12);color:#ff9696}.auth-foot{text-align:center;margin-top:22px!important}.auth-foot a{color:#a79cff;font-weight:800}
/* game */.game-body{overflow:hidden}.mosa-app{height:100vh;display:grid;grid-template-columns:118px minmax(0,1fr) 305px;background:#0b1220}.sidebar{background:linear-gradient(180deg,#151f35,#101827);border-right:1px solid var(--border);padding:20px 11px;display:flex;flex-direction:column}.sidebar-logo{width:92px;object-fit:contain;margin:0 auto 25px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:11px 10px;border-radius:11px;color:#c6d0e2;font-size:13px;display:flex;gap:9px;align-items:center}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(124,108,255,.17);color:white}.game-main{min-width:0;position:relative;display:grid;grid-template-rows:64px minmax(0,1fr) 65px}.topbar{background:rgba(14,22,38,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 18px}.top-spacer{flex:1}.currency{background:#17233a;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.coin{color:#ffd36a}.gem{color:#a5c9ff}.icon-btn,.circle-btn{border:1px solid var(--border);background:#17233a;color:white;border-radius:50%;width:38px;height:38px}.profile-chip{display:flex;align-items:center;gap:9px;margin-left:6px}.avatar-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--warm),var(--coral));font-weight:900;color:#202033}.profile-chip small{display:block;color:var(--muted);font-size:10px}.room-mobile{display:none}.game-canvas{min-height:0;position:relative;background:#151d2f;overflow:hidden}.game-canvas canvas{width:100%!important;height:100%!important;display:block}.chatbar{display:flex;gap:8px;align-items:center;padding:10px 14px;background:#101827;border-top:1px solid var(--border)}.chatbar input{flex:1;background:#121c2f;border:1px solid #334159;color:white;padding:12px 15px;border-radius:14px;outline:0}.send-btn{width:44px;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#6757ff,#8376ff);color:#fff;font-size:20px}.room-panel{background:#111a2b;border-left:1px solid var(--border);padding:15px;display:flex;flex-direction:column;gap:14px;overflow:auto}.room-card{background:#182238;border:1px solid var(--border);padding:13px;border-radius:17px}.room-cover{height:115px;border-radius:12px;background:linear-gradient(145deg,#463a64,#a05a62 45%,#17263a);position:relative;overflow:hidden}.room-cover:after{content:"MOSA City";position:absolute;left:20px;bottom:17px;font-weight:900;font-size:20px;color:#ffb6f0;text-shadow:0 0 16px #ff4fe2}.badge{position:absolute;right:8px;top:8px;background:rgba(7,12,22,.75);padding:6px 8px;border-radius:8px;font-size:10px}.room-card h2{margin:13px 0 4px;font-size:18px}.room-card p{color:var(--muted);font-size:12px;line-height:1.5}.tabs{display:flex;background:#0e1728;padding:4px;border-radius:12px}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:8px;border-radius:9px}.tabs button.active{background:#222f4c;color:white}.user-list{display:grid;gap:8px}.user-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:7px}.user-list i{width:34px;height:34px;border-radius:50%;font-style:normal;background:#2a3858;display:grid;place-items:center;font-weight:900}.user-list b{display:block;font-size:12px}.user-list small{display:block;color:var(--mint);font-size:10px}.user-list em{font-style:normal;color:var(--muted)}.invite{margin-top:auto}.mobile-nav{display:none}
/* simple */.page-body{background:radial-gradient(circle at 20% 0,rgba(124,108,255,.18),transparent 30%),var(--bg)}.simple-page{max-width:1080px;margin:auto;padding:48px 30px}.simple-logo{width:180px;display:block;margin:50px 0 35px}.simple-page h1{font-size:58px;margin:0}.simple-page>p{color:var(--muted);font-size:20px}.back-link{color:#b5adff;font-weight:800}.coming-card{margin-top:45px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px}.coming-card span{color:var(--mint);font-weight:900}
@media(max-width:900px){.landing-shell{grid-template-columns:1fr;padding:34px}.landing-art{display:none}.mosa-app{grid-template-columns:1fr;height:100dvh}.sidebar,.room-panel{display:none}.game-main{grid-template-rows:56px minmax(0,1fr) 62px;padding-bottom:69px}.room-mobile{display:block;font-weight:900}.profile-chip{display:none}.currency{font-size:11px;padding:6px 9px}.topbar{padding:0 10px}.chatbar{padding:8px}.chatbar .circle-btn:first-child,.chatbar .circle-btn:nth-of-type(3){display:none}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;height:70px;background:#11192a;border-top:1px solid var(--border);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:#bac5d9;display:grid;place-items:center;font-size:20px}.mobile-nav small{font-size:9px}.mobile-plus{width:50px!important;height:50px!important;border-radius:17px!important;background:linear-gradient(135deg,#6757ff,#8b78ff)!important;color:white!important;align-self:center;justify-self:center;font-size:28px!important}.landing-copy h1{font-size:56px}.auth-card{padding:28px 24px}.simple-page h1{font-size:45px}}