:root{color-scheme:dark;--bg:#090f1c;--panel:#10192b;--panel2:#131f34;--edge:#22314b;--txt:#e9f1ff;--muted:#889ab5;--blue:#5aaaff;--cyan:#72dcff;--green:#36d8a5;--red:#ff7187;--shadow:0 17px 60px rgba(0,0,0,.27)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--txt);font:14px/1.52 Inter,Segoe UI,system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.hidden{display:none!important}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.8px}h2{font-size:25px;letter-spacing:-.7px}h3{font-size:16px}p{line-height:1.6}a{color:var(--cyan)}.sky-logo{display:flex;align-items:center;gap:11px;letter-spacing:2.1px;font-weight:900;font-size:21px;color:#fff}.sky-logo small{display:block;letter-spacing:2.2px;font-size:8px;color:#78a5ca;font-weight:700;margin-top:-2px}.logo-mark{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:linear-gradient(145deg,#4ce1fc,#3971df);box-shadow:0 3px 25px #007dff55;color:#fff;font-weight:900;font-style:italic;font-size:26px;letter-spacing:-5px;padding-right:5px}.logo-mark svg{display:block}.login-shell{min-height:100vh;display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 9%,#153050 0,transparent 48%),#080e19}.login-glow{position:absolute;filter:blur(90px);opacity:.23;border-radius:50%;pointer-events:none}.glow-a{background:#1d73db;width:400px;height:500px;top:25%;left:-15%}.glow-b{background:#1582bd;width:260px;height:290px;bottom:-20%;right:5%}.auth-card{z-index:1;width:min(430px,calc(100% - 60px));align-self:center;justify-self:center;padding:40px 0}.sky-logo.large{font-size:28px;margin-bottom:42px}.sky-logo.large .logo-mark{width:53px;height:53px;border-radius:15px}.kicker{color:#6cbbff;font-weight:850;letter-spacing:3px;font-size:10px;margin-bottom:11px}.auth-card>h1{font-size:38px}.auth-card>.muted{margin:11px 0 33px}.auth-card form{display:grid;gap:21px}.auth-card label,.form-label{display:grid;gap:9px;font-size:10px;font-weight:850;letter-spacing:1.4px;color:#96abc6}.auth-card input,input,textarea,select{background:#0c1729;color:#f5f9ff;border:1px solid #293a58;border-radius:10px;padding:12px 14px;outline:none;transition:.15s}.auth-card input{height:49px}.auth-card input:focus,input:focus,textarea:focus{border-color:#52a8ff;box-shadow:0 0 0 3px #238afa22}textarea{resize:vertical}.btn{display:inline-flex;gap:10px;justify-content:center;align-items:center;background:#1d3456;color:#eff7ff;border:1px solid #2e527d;border-radius:9px;padding:11px 17px;font-weight:800;line-height:1.3;text-decoration:none;white-space:nowrap}.btn:hover{filter:brightness(1.15)}.btn.primary{background:linear-gradient(106deg,#249ded,#4076ee);border-color:#50b8ff;box-shadow:0 9px 25px #095dc32d}.btn.primary:hover{filter:brightness(1.12)}.btn.secondary{background:#1c2b43}.btn.subtle{background:#11213c;border-color:#2c4262}.btn.green{background:#126c63;border-color:#31a894}.btn.warn{background:#542331;border-color:#a8495e}.btn.full{width:100%}.btn.small{font-size:12px;padding:9px 12px}.auth-card .btn.primary{margin-top:4px;height:48px;justify-content:space-between;padding-left:20px;padding-right:20px}.auth-footer{padding:19px 0;margin-top:18px;border-top:1px solid #273850;text-align:center;color:var(--muted)}.text-button{border:0;background:none;color:var(--cyan);font-weight:750}.auth-trust{display:flex;align-items:center;justify-content:space-between;color:#607693;font-size:10px;margin-top:46px}.error{color:#ff9aa8;font-size:12px;min-height:14px;margin-top:10px}.auth-splash{background:linear-gradient(90deg,#06122044,#06122012),url('/static/istanbul.webp') center/cover;position:relative;box-shadow:inset 35px 0 65px #080e19}.auth-splash:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e19 3%,transparent 57%)}.auth-art{height:100%;display:flex;align-items:flex-end;padding:7% 10%}.auth-art-inner{z-index:1;position:relative}.auth-art h2{font-size:clamp(41px,5vw,80px);line-height:1.06;margin:13px 0 16px;text-shadow:0 4px 35px #0009}.auth-art h2 em{font-style:normal;color:#80d8ff}.auth-art p{font-size:16px;max-width:360px;color:#e6f2ff;text-shadow:0 4px 15px black;margin-bottom:20px}.eyebrow{color:#fff;font-size:10px;font-weight:900;letter-spacing:3px;background:#1e599c9f;border:1px solid #78bff6b5;border-radius:5px;padding:8px 12px}.pill{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid #74ddff83;background:#093f5ab6;border-radius:20px;font-weight:750;font-size:12px}.shell{display:grid;grid-template-columns:235px minmax(380px,1fr) 255px;height:100vh;min-height:550px}.sidebar{background:#0c1423;border-right:1px solid #1e2a3f;display:flex;flex-direction:column;padding:27px 12px 15px;overflow-y:auto}.sidebar .brand{font-size:19px;margin:0 10px 43px}.nav-heading{font-size:10px;font-weight:850;letter-spacing:1.65px;color:#5c7494;margin:0 16px 11px}.social-head{margin-top:31px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;background:transparent;border:1px solid transparent;border-radius:9px;padding:12px 15px;text-align:left;color:#9fb1ca;font-weight:650;margin:2px 0}.nav-item:hover{background:#13263f;color:#f1f7ff}.nav-item.active{background:linear-gradient(100deg,#15385f,#142946);border-color:#295184;color:#eaf7ff;box-shadow:inset 3px 0 #4cc4fa}.nav-icon{width:19px;text-align:center;font-size:20px;color:#77b0df;line-height:1}.nav-tail{margin-left:auto;background:#1b3a60;border-radius:6px;padding:1px 7px}.spacer{flex:1}.sidebar-bottom{border-top:1px solid #23304a;padding-top:10px}.self{display:flex;align-items:center;gap:10px;margin:16px 4px 0;padding:14px 8px;border-top:1px solid #20304a}.self strong{display:block;font-size:13px}.self small{color:#8ca6c0;font-size:10px}.avatar{width:35px;height:35px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#384f9b,#285c9e);border-radius:11px;color:#fff;font-size:16px;font-weight:900}.online-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#23dda3;border-radius:50%;box-shadow:0 0 10px #1ce3ac88;margin-right:4px}.offline-dot{display:inline-block;width:7px;height:7px;background:#6b788a;border-radius:50%;margin-right:5px}.logout{margin-left:auto;border:0;background:transparent;color:#829bbc;font-size:21px}.main{display:flex;flex-direction:column;min-width:0;overflow:auto;background:radial-gradient(ellipse at top,#12244177,transparent 55%),#0a1120}.topbar{height:72px;min-height:72px;border-bottom:1px solid #26334b;display:flex;align-items:center;justify-content:space-between;padding:0 29px}.breadcrumbs{color:#5a708f;font-size:12px;font-weight:850;letter-spacing:1.15px}.breadcrumbs span{padding:0 11px;color:#526c8e}.breadcrumbs strong{font-size:13px;color:#e9f2ff}.top-right{display:flex;align-items:center;gap:15px}.top-status{color:#76afca;font-size:10px;font-weight:850;letter-spacing:1px}.top-chip{border:1px solid #39547c;background:#182b46;color:#91c8ff;border-radius:5px;padding:5px 8px;font-size:9px;letter-spacing:1.4px;font-weight:850}.content{padding:30px;max-width:1200px;width:100%;margin:auto}.rightbar{background:#0d1626;border-left:1px solid #1f2e44;padding:31px 17px;display:flex;flex-direction:column;overflow:auto}.right-heading{font-size:11px;font-weight:850;letter-spacing:1px;color:#b1c3d9;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26344a;padding-bottom:19px}.right-heading button{color:#89bdf1;border:none;background:none;font-size:19px}.right-friends{padding-top:15px;min-height:170px}.friend-line{display:flex;align-items:center;gap:9px;padding:11px 6px;color:#c5d4e9;text-align:left;border:0;background:transparent;width:100%;border-radius:7px}.friend-line:hover{background:#182742}.friend-line .avatar{width:30px;height:30px;font-size:13px}.friend-line strong{display:block;font-size:12px}.friend-line small{font-size:10px;color:#88a0bb}.right-help{margin-top:auto;border:1px solid #274365;border-radius:13px;padding:17px;background:linear-gradient(145deg,#1c3555,#111e36)}.right-help-icon{font-size:26px;color:#6fcaff}.right-help strong{font-size:13px}.right-help p{font-size:11px;color:#9cb5cf;margin:5px 0 15px}.footer-text{text-align:center;color:#445b79;font-size:10px;padding-top:20px}.section-eyebrow{font-size:10px;color:#68bdfd;letter-spacing:1.8px;font-weight:900;margin-bottom:10px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.page-title p{color:#8ca3bf;margin-top:5px}.hero{min-height:350px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#12243d url('/static/istanbul.webp') center/cover;border:1px solid #375c79;border-radius:16px;box-shadow:var(--shadow)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071321e8 2%,#09223991 50%,#05111d33 100%),linear-gradient(0deg,#0b1729dd,transparent 52%)}.hero-content{position:relative;z-index:1;padding:35px;max-width:570px}.hero-content h1{font-size:clamp(32px,4vw,53px);line-height:1.08;margin:13px 0}.hero-content h1 span{color:#6fd6ff}.hero-content p{font-size:14px;color:#c5d5e8;margin-bottom:20px;max-width:450px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{background:#122941ad;border:1px solid #49739b9c;border-radius:20px;padding:5px 11px;color:#c9e3ff;font-size:11px}.subhead{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.subhead h3{font-size:17px}.subhead span{font-size:11px;color:#719bbd}.game-card{display:flex;gap:18px;padding:12px;border:1px solid #283c5b;border-radius:14px;background:linear-gradient(130deg,#17283f,#111d31)}.game-card img{width:190px;max-width:38%;object-fit:cover;border-radius:9px;aspect-ratio:16/9}.game-card>div{flex:1;min-width:0;padding:6px}.game-card h3{margin-bottom:5px}.game-card p{font-size:12px;color:#9aafc9}.game-card .game-footer{display:flex;align-items:center;gap:10px;margin-top:17px}.free{color:#43e4b8;font-size:12px;font-weight:850}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:15px}.stats-card{border:1px solid #2a3c56;border-radius:13px;padding:21px;background:#14233a}.stats-card small{font-size:10px;letter-spacing:1px;color:#9bb5ce}.stats-card strong{display:block;font-size:30px;margin:6px 0}.stats-card .tiny{font-size:12px;color:#8fa8c1}.panel{border:1px solid #273950;border-radius:13px;background:linear-gradient(145deg,#14243a,#101c2f);padding:20px;margin-bottom:18px}.panel h3{margin-bottom:15px}.input-row{display:flex;gap:9px;align-items:center}.input-row input{flex:1;min-width:0}.stack{display:grid;gap:12px}.list-card{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #263a53}.list-card:last-child{border-bottom:0}.list-card .grow{flex:1;min-width:0}.list-card small{color:#86a1bd}.list-card strong{display:block}.empty{text-align:center;background:#122037;border:1px dashed #355373;border-radius:12px;padding:40px 20px;color:#89a6c3}.empty .symbol{font-size:40px;color:#70c3f6;margin-bottom:8px}.message-list{height:min(400px,50vh);overflow:auto;border:1px solid #273c58;background:#0b172a;border-radius:10px;padding:13px;margin:13px 0}.bubble{max-width:80%;padding:10px 13px;background:#203754;border-radius:12px;margin:8px 0;font-size:13px;word-break:break-word}.bubble.mine{margin-left:auto;background:#205e80}.bubble small{display:block;color:#a4c8de;font-size:9px;margin-bottom:4px}.review{padding:18px;border-bottom:1px solid #29405a}.review:last-child{border:0}.review-head{display:flex;gap:10px;align-items:center}.review-head strong{flex:1}.stars{color:#ffc762;letter-spacing:3px}.review p{margin:9px 0;color:#bbcbdf;font-size:13px;white-space:pre-wrap}.review small{color:#708ba9}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;font-size:12px;color:#aec0d3}.form-grid input,.form-grid textarea{width:100%}.status{display:inline-block;padding:4px 8px;border-radius:7px;background:#133f3e;color:#71e3c3;font-size:11px;font-weight:750}.status.offline{background:#253042;color:#8594a9}.admin-note{border:1px solid #4b486e;background:#27233d;color:#ccc4ef;padding:13px;border-radius:9px;margin-bottom:18px;font-size:12px}.fileinput{background:#101f35;border:1px dashed #4e7ab6;border-radius:10px;padding:15px;width:100%}#toast-area{position:fixed;right:22px;bottom:22px;z-index:1000;display:grid;gap:9px}.toast{background:#204466;border:1px solid #4c9dcc;padding:13px 18px;border-radius:9px;box-shadow:0 8px 30px #0009;max-width:390px;font-weight:650}.toast.error-toast{background:#5b2736;border-color:#a84d61}@media(max-width:1180px){.shell{grid-template-columns:215px 1fr}.rightbar{display:none}}@media(max-width:750px){.login-shell{grid-template-columns:1fr}.auth-splash{display:none}.shell{grid-template-columns:66px 1fr}.sidebar{padding:16px 7px}.sidebar .brand{font-size:0;margin:0 0 25px;justify-content:center}.sidebar .brand small,.sidebar .nav-item>span:not(.nav-icon),.nav-heading,.self>div:not(.avatar),.self .logout{display:none}.sidebar .nav-item{justify-content:center;padding:13px 8px}.nav-icon{font-size:22px}.self{justify-content:center;padding:10px 0}.topbar{padding:0 15px}.top-status{display:none}.content{padding:17px}.hero{min-height:380px}.hero-content{padding:20px}.game-card{display:block}.game-card img{width:100%;max-width:100%}.input-row{flex-wrap:wrap}.page-title{flex-wrap:wrap}}