:root{--bg:#0d1426;--panel:#17233d;--panel2:#1e2d4b;--line:#2b3b5a;--text:#f5f7ff;--muted:#a8b8d4;--purple:#784dff;--aqua:#00d6bf;--gold:#ffbb3e;--pink:#ff528f;--danger:#f75a76;--shadow:0 18px 50px rgba(0,0,0,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.topbar{height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:#111b32;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:19px;letter-spacing:-.8px;white-space:nowrap}.brand strong{color:var(--aqua)}.brand-icon{width:38px;height:38px;color:var(--gold)}.topnav{display:flex;align-items:center;gap:25px}.topnav>a:not(.pill),.nav-logout{color:#cbd5e9;font-size:13px;font-weight:650}.topnav a:hover,.nav-logout:hover{color:var(--aqua)}.topnav form{margin:0}.nav-logout{background:none;border:0}.pill{padding:10px 18px;border-radius:12px;background:var(--purple);font-weight:700;font-size:13px}.mobile-toggle{display:none;border:0;background:var(--panel2);color:#fff;border-radius:10px;padding:9px}.public-main{max-width:1360px;margin:auto;padding:0 32px 70px;min-height:72vh}.hero{min-height:510px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;padding:58px 20px}.eyebrow{color:var(--aqua);font-size:11px;letter-spacing:2.5px;font-weight:850}.hero h1{font-size:clamp(49px,6.4vw,92px);line-height:1.03;letter-spacing:-4px;margin:20px 0}.hero h1 em{font-style:normal;color:#a38bff}.hero p{color:var(--muted);max-width:530px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:750;border:1px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#794fff,#956cff);color:#fff;box-shadow:0 10px 25px rgba(112,72,255,.23)}.btn-outline{background:rgba(255,255,255,.04);border-color:#405074;color:#fff}.btn-danger{color:#fff;background:#a3294b}.btn-small{font-size:12px;padding:7px 11px}.full{width:100%}.hero-points{display:flex;gap:20px;flex-wrap:wrap;color:#b7c3de;font-size:12px;margin-top:32px}.hero-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(117,76,255,.52),rgba(13,20,38,0) 72%)}.art-tile{z-index:1;position:absolute;width:112px;height:155px;border:7px solid #e6e8ed;border-radius:15px;background:linear-gradient(160deg,#fff,#d9dfed);color:#131e38;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:900;box-shadow:0 20px 35px rgba(0,0,0,.36)}.art-tile small{font-size:20px;margin-left:5px}.tile-1{transform:translate(-105px,-42px) rotate(-23deg);color:#f04c7b}.tile-2{transform:translate(0,-70px) rotate(0deg);color:#254fdd}.tile-3{transform:translate(105px,-42px) rotate(23deg);color:#df9b00}.art-caption{position:absolute;bottom:24px;letter-spacing:5px;font-size:12px;font-weight:900;color:#a4b7de}.section-block{padding:30px 0 65px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-title h2,.feature-row h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1px;margin:10px 0}.section-title>a{font-weight:750;color:var(--aqua);font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.game-card{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;border:1px solid #344563;border-radius:22px;padding:23px 18px;overflow:hidden;transition:transform .2s,border-color .2s;background:#202a48}.game-card:hover{transform:translateY(-5px);border-color:#8b71ec}.game-card.purple{background:linear-gradient(145deg,#43316e,#222943)}.game-card.green{background:linear-gradient(145deg,#145c56,#172c3d)}.game-card.orange{background:linear-gradient(145deg,#7b4d26,#312b36)}.game-card.pink{background:linear-gradient(145deg,#702e60,#2b2747)}.game-card.blue{background:linear-gradient(145deg,#255480,#222d48)}.game-card h3{font-size:24px;margin:3px 0 0}.game-card p{color:#e1e8fc;font-size:12px;margin:4px 0 10px}.game-bigicon{margin-bottom:auto;padding:15px;border-radius:18px;background:#ffffff20;transform:rotate(-9deg)}.game-bigicon .icon{width:44px;height:44px}.coming{font-size:11px;background:#ffffff21;padding:6px 9px;border-radius:8px;color:#ecedff}.feature-row{border:1px solid var(--line);background:linear-gradient(120deg,#1b2746,#18203a);padding:38px;border-radius:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.feature-row>div:first-child{max-width:570px}.feature-row p,.muted{color:var(--muted)}.feature-badges{display:flex;flex-direction:column;gap:12px}.feature-badges span{display:flex;gap:10px;align-items:center;color:#d9e2f6}.feature-badges .icon{color:var(--aqua)}.footer{text-align:center;padding:26px 15px;color:#8397bd;font-size:12px;border-top:1px solid #24304b}.footer a{color:#b4c4ef}.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);max-width:1640px;margin:auto;min-height:calc(100vh - 137px)}.sidebar{background:#111c33;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column}.side-caption{font-size:10px;letter-spacing:2px;color:#7990b4;font-weight:850;padding:7px 14px 18px}.side-links{display:flex;flex-direction:column;gap:5px}.side-links a{display:flex;align-items:center;gap:12px;border-radius:11px;padding:12px 13px;color:#b9c8e1;font-size:13px;font-weight:650}.side-links a:hover{background:#233452;color:#fff}.side-links a.active{background:#332d70;color:#f5f0ff}.side-links .icon{width:19px;height:19px}.side-bottom{font-size:11px;display:flex;gap:10px;align-items:center;margin-top:auto;color:#7e90b1;padding:20px 12px}.workspace{min-width:0;padding:35px clamp(18px,3vw,50px) 70px}.page-heading{margin-bottom:29px}.page-heading h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:0 0 6px}.page-heading p{color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:22px}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#34346e;border-radius:12px;color:#b5a0ff}.stat-value{font-size:31px;font-weight:850;letter-spacing:-1px;margin:13px 0 0}.stat-card .muted{font-size:12px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #00000010}.panel h2{font-size:19px;letter-spacing:-.3px;margin:0 0 13px}.panel p{line-height:1.65}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.panel-heading h2{margin:0}.small-tag{color:#c8bdff;background:#473782;padding:5px 10px;border-radius:8px;font-size:11px}.stack{display:flex;flex-wrap:wrap;gap:8px}.status{display:inline-flex;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:750;white-space:nowrap}.status.ok{background:#0d4d44;color:#7bffe1}.status.off{background:#3d344b;color:#d5b8dd}.check-list{padding-left:20px;color:#c9d6ec}.check-list li{margin:8px 0}.accent-panel{border-color:#6359b0;background:linear-gradient(120deg,#282657,#17233d)}.levelbar{height:8px;background:#334568;border-radius:20px;overflow:hidden}.levelbar span{background:var(--aqua);display:block;height:100%}.small{font-size:12px}.profile-wrap{display:flex;align-items:center;gap:19px}.profile-avatar{border-radius:50%;width:72px;height:72px;display:grid;place-items:center;background:#714dff;font-size:28px;font-weight:900}.narrow{max-width:700px}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}.table-scroll th{background:#23334f;color:#b2c4e5;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.table-scroll td,.table-scroll th{padding:12px 13px;border-bottom:1px solid var(--line)}.table-scroll td{font-size:13px}.table-scroll a{color:#95dbfc}.inline-form{display:inline}.empty-state{text-align:center;padding:40px 10px;color:var(--muted)}.empty-state .icon{width:50px;height:50px;color:#9780f4}.auth-area{display:grid;place-items:center;min-height:calc(100vh - 220px);padding:48px 12px}.auth-card{width:100%;max-width:450px;background:var(--panel);border:1px solid #394a6b;border-radius:23px;padding:35px;box-shadow:var(--shadow)}.auth-card h1{font-size:29px;letter-spacing:-1px;margin:10px 0 5px}.auth-card>p{font-size:13px;margin-bottom:23px}label{display:block;font-size:12px;color:#c4d2ea;font-weight:700;margin:0 0 16px}input:not([type=checkbox]),textarea{display:block;margin-top:7px;width:100%;background:#0e182e;border:1px solid #344460;border-radius:11px;color:#fff;padding:12px 13px;outline:0;transition:border-color .2s}input:focus,textarea:focus{border-color:#9d83ff}input[readonly]{opacity:.65;cursor:not-allowed}textarea{resize:vertical}.check{display:flex;gap:10px;align-items:start;font-weight:400;line-height:1.5}.check input{margin-top:4px}.auth-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:19px}.auth-foot a{color:#b39aff;font-weight:800}.alert{padding:12px 15px;border-radius:10px;margin:0 0 20px;font-size:13px}.alert-error{background:#512b3d;color:#ffd3df;border:1px solid #944963}.alert-success{background:#15443e;color:#a6ffdd;border:1px solid #287466}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.topnav{gap:15px}.hero h1{letter-spacing:-2px}}@media(max-width:800px){.topbar{height:66px}.mobile-toggle{display:block}.topnav{display:none;position:absolute;top:66px;left:0;right:0;background:#141f36;padding:15px 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.topnav.open{display:flex}.topnav a,.topnav form{padding:10px}.app-shell{grid-template-columns:1fr}.sidebar{padding:10px 12px;overflow:auto}.side-caption,.side-bottom{display:none}.side-links{flex-direction:row;white-space:nowrap;overflow:auto}.side-links a{padding:9px}.workspace{padding:22px 15px 40px}.hero{grid-template-columns:1fr;padding:65px 0 24px}.hero-art{min-height:250px}.hero h1{font-size:60px}.art-tile{width:86px;height:116px;font-size:34px}.tile-1{transform:translate(-80px,-22px) rotate(-23deg)}.tile-2{transform:translate(0,-40px)}.tile-3{transform:translate(80px,-22px) rotate(23deg)}.public-main{padding:0 18px 45px}.feature-row{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr}}@media(max-width:530px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{padding:14px;min-height:205px}.game-card h3{font-size:21px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-value{font-size:25px}.hero h1{font-size:48px}.hero p{font-size:15px}.hero-actions .btn{width:100%}.hero-points{gap:9px;font-size:10px}.feature-row{padding:22px}.auth-card{padding:24px}.brand{font-size:16px}.brand-icon{width:30px;height:30px}}

/* v1.1.0 Social UI */
select{display:block;margin-top:7px;width:100%;background:#0e182e;border:1px solid #344460;border-radius:11px;color:#fff;padding:12px 13px}select:focus{outline:2px solid #8d73ed}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.social-card{margin:0}.social-card h2{margin:7px 0}.avatar-small{width:53px;height:53px;font-size:21px}.social-actions{display:flex;flex-wrap:wrap;gap:7px}.social-actions form{margin:0}.filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-form label{flex:1;min-width:180px;margin:0}.message-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:18px}.contact-link{display:block;padding:12px;border-radius:9px;border-bottom:1px solid #354461}.contact-link:hover{background:#293957}.chat-thread{height:400px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:14px;background:#111c32;border-radius:12px;margin-bottom:18px}.chat-bubble{background:#2e3e5f;padding:10px 14px;align-self:flex-start;max-width:80%;border-radius:13px;overflow-wrap:anywhere}.chat-bubble.own{background:#533faf;align-self:flex-end}.chat-bubble small{display:block;opacity:.65;font-size:10px;margin-top:8px}.notification-unread{border-color:#7857e8}.secret-text{display:block;overflow-wrap:anywhere;padding:12px;background:#10192c;border-radius:9px;letter-spacing:1px}@media(max-width:1050px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.social-grid,.message-layout{grid-template-columns:1fr}.chat-thread{height:300px}}