:root{color:#f8fbff;background:#160d36;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#0d0821}body{margin:0}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding-bottom:96px;background:linear-gradient(180deg,rgba(255,211,0,.94) 0 25%,transparent 25%),radial-gradient(circle at 20% 12%,rgba(69,180,255,.32),transparent 24%),linear-gradient(180deg,#20124f,#170f3c 48%,#28155a)}.hero{position:relative;min-height:248px;padding:34px 16px 28px;overflow:hidden;border-bottom:4px solid #111;background:linear-gradient(180deg,#ffd6401a,#160c32eb),radial-gradient(circle at 65% 80%,rgba(255,103,28,.24),transparent 30%),linear-gradient(145deg,#6984bb,#2c2354 58%,#151034)}.hero-art{position:absolute;inset:0;opacity:.9}.pyramid{position:absolute;bottom:48px;width:120px;height:86px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#daa95cb8,#50302c85)}.pyramid-one{left:17%}.pyramid-two{right:16%;transform:scale(.78)}.sun{position:absolute;right:18%;top:44px;width:72px;height:72px;border-radius:50%;background:#ffb34880;box-shadow:0 0 60px #ffb34861}.dragon{position:absolute;right:6%;top:32px;color:#23163ad9;font-size:86px;transform:rotate(-18deg)}.hero-content{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.eyebrow{display:inline-block;margin:0 0 8px;padding:6px 12px;border:3px solid #111;background:#ffd400;color:#111;font-size:12px;font-weight:900;letter-spacing:0;box-shadow:5px 5px #111}h1,h2,h3,p{margin:0}.hero h1{color:#fff;font-size:clamp(34px,8vw,66px);line-height:1.04;text-shadow:4px 4px 0 rgba(0,0,0,.36)}.pill{display:inline-flex;max-width:100%;margin:12px 0 22px;padding:9px 18px;border:2px solid rgba(255,255,255,.18);border-radius:999px;background:#140f26bf;color:#fff;font-size:13px;font-weight:800}.stats-panel{display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;margin:0 auto;border:2px solid rgba(150,124,255,.78);border-radius:18px;background:#25194aeb;box-shadow:0 14px 28px #0000004d}.stat-item{display:grid;gap:3px;padding:14px 8px 13px;border-right:1px solid rgba(255,255,255,.22)}.stat-item:last-child{border-right:0}.stat-item span{color:#ffd71c;font-size:18px}.stat-item strong{font-size:19px;line-height:1}.stat-item small{color:#bfc8ff;font-size:12px;font-weight:800}.category-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1120px,calc(100% - 32px));margin:-24px auto 18px;padding:14px;border:2px solid rgba(131,95,255,.74);border-radius:20px;background:#21154df5;box-shadow:0 18px #100b25}.category-card{position:relative;min-height:112px;padding:18px;overflow:hidden;border:3px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;text-align:left;box-shadow:7px 7px #0000004d}.category-card.active{border-color:#ffdd1f;box-shadow:0 0 0 2px #ffdd1f59,7px 7px #00000057}.category-card:after{content:"";position:absolute;right:-18px;top:-18px;width:86px;height:86px;border:16px solid rgba(255,255,255,.1);border-radius:50%}.category-card.violet{background:linear-gradient(135deg,#643eff,#a62bb3)}.category-card.blue{background:linear-gradient(135deg,#1aa8f5,#2579dc)}.category-card.pink{background:linear-gradient(135deg,#8938d9,#e02a7e)}.category-card.rose{background:linear-gradient(135deg,#c21da4,#db174d)}.category-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:50%;background:#fff3;font-size:22px}.category-card strong{display:block;font-size:18px}.category-card small{display:block;margin-top:6px;color:#ffffffb8;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;width:min(1180px,calc(100% - 32px));margin:44px auto 0}.dashboard-grid.single-column{grid-template-columns:minmax(0,1fr)}.side-nav{align-self:start;padding:0 10px 14px;border:4px solid #111;background:#f7f7f5;box-shadow:7px 7px #111}.side-nav h2{margin:-4px -10px 18px;padding:20px 16px;border-bottom:4px solid #111;background:#f0bd00;color:#111;font-size:13px;font-weight:900}.side-nav button{width:100%;margin-bottom:9px;padding:14px 12px;border:3px solid #111;background:#fff;color:#111;text-align:left;font-size:14px;font-weight:900;box-shadow:4px 4px #111}.side-nav button.active{background:#f3c100}.content-area{min-width:0}.promo-board{margin-bottom:20px;border:4px solid #111;background:#111;color:#fff;box-shadow:8px 8px #050505}.promo-board .label{display:inline-block;margin:30px 28px 14px;padding:6px 10px;border:2px solid #111;background:#ffd400;color:#111;font-size:11px;font-weight:900}.promo-board h2{max-width:760px;padding:0 28px;font-size:clamp(28px,5vw,42px);line-height:1.05}.promo-board p{max-width:620px;padding:12px 28px 24px;color:#bfc1ca;line-height:1.7}.promo-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #333;background:#1c1c1c}.promo-steps span{display:block;padding:18px 12px;color:#ffd400;text-align:center;font-size:22px;font-weight:950}.promo-steps small{color:#bfc1ca;font-size:10px}.tab-bar{display:flex;gap:24px;margin:0 -16px;padding:18px 16px 0;background:#170f35;border-bottom:1px solid rgba(126,101,227,.36)}.tab-bar button{position:relative;padding:0 0 16px;border:0;background:transparent;color:#bbb8e8;font-size:15px;font-weight:900}.tab-bar button.active{color:#ffdd1f}.tab-bar button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:4px;border-radius:4px 4px 0 0;background:#ffdd1f}.search-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:24px 0;padding:10px 12px;border:1px solid rgba(110,101,219,.72);border-radius:12px;background:#261c5be0}.search-row span{color:#8ba4ff}.search-row input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.search-row input::placeholder{color:#8990cd}.search-row button{width:38px;height:38px;border:1px solid rgba(119,104,255,.7);border-radius:8px;background:#3b2ca0;color:#ffd400;font-size:20px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-title>span{width:6px;height:18px;border-radius:4px;background:#ffdd1f}.section-title h2{font-size:20px}.section-title p{margin-top:3px;color:#98a3e5;font-size:13px;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{padding:14px 12px;border:1px solid rgba(95,74,184,.88);border-radius:12px;background:#2b185f;box-shadow:inset 0 0 0 1px #ffffff08}.game-card.selected{border-color:#ffb900}.game-thumb{position:relative;display:grid;place-items:center;width:74px;height:74px;margin:0 auto 12px;overflow:hidden;border:2px solid rgba(255,255,255,.28);border-radius:11px}.game-thumb:before,.game-thumb:after{content:"";position:absolute;background:#ffffff2e}.game-thumb:before{inset:12px 18px auto;height:12px;border-radius:8px}.game-thumb:after{left:12px;right:12px;bottom:13px;height:18px;border-radius:5px}.game-thumb.mint{background:linear-gradient(145deg,#fff4a4,#88d6ba 54%,#ee8b9b)}.game-thumb.aqua{background:linear-gradient(145deg,#38d9ec,#2376d7 55%,#95ef96)}.game-thumb.steel{background:linear-gradient(145deg,#94b7bc,#59656d 50%,#af493f)}.game-thumb.field{background:linear-gradient(145deg,#99d7d4,#79b65c 60%,#e3ece6)}.game-thumb.logo{background:linear-gradient(145deg,#1ea4ff,#ffd33f 55%,#3b237b)}.game-thumb.pastel{background:linear-gradient(145deg,#7bdfff,#ffdda2 58%,#ad86e8)}.game-thumb.pipe{background:linear-gradient(90deg,#f4f8ff 0 34%,#f8cc26 34% 60%,#7fb84c 60%)}.game-thumb.quiz{background:linear-gradient(145deg,#e7d6b9,#b79f72)}.game-thumb.farm{background:linear-gradient(145deg,#b2db72,#80c25e 60%,#e8cd82)}.game-thumb.arcade{background:radial-gradient(circle at 50% 20%,#ffe349,transparent 20%),linear-gradient(145deg,#ff5a5f,#4930ce)}.new-tag,.badge{position:absolute;z-index:2;top:-1px;padding:3px 5px;border-radius:3px;font-size:8px;font-weight:950}.new-tag{left:-1px;background:#20d99a;color:#fff}.badge{right:-1px;background:#ffdd1f;color:#111}.game-screen{position:relative;z-index:1;color:#fff;font-size:17px;font-weight:950;text-shadow:0 2px 4px rgba(0,0,0,.4)}.game-card h3{min-height:24px;color:#fff;text-align:center;font-size:16px}.game-card p{display:flex;justify-content:center;gap:8px;margin:8px 0 12px;color:#93a5eb;font-size:12px;font-weight:800}.game-card p span{padding:2px 5px;border:1px solid rgba(118,143,255,.7);border-radius:4px;color:#b8c5ff}.game-card .play-button{display:grid;place-items:center;width:100%;min-height:34px;border:0;border-radius:8px;background:linear-gradient(180deg,#ffd21e,#ff9e00);color:#141011;font-size:14px;font-weight:950;text-decoration:none;box-shadow:0 3px #d15a00}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.insight-card{border:4px solid #111;background:#f4f4f0;color:#111;box-shadow:8px 8px #111}.insight-card header{display:flex;gap:12px;align-items:center;padding:17px 18px;border-bottom:3px solid #111;background:#f7a400}.insight-card header strong{font-size:15px;font-weight:950}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.metric-row b{display:block;font-size:36px;line-height:1}.metric-row small{color:#5b5e68;font-size:10px;font-weight:900}.metric-row em{padding:9px 12px;border:4px solid #111;background:#bd1721;color:#fff;font-style:normal;font-weight:950;transform:rotate(2deg);box-shadow:4px 4px #111}.bar-list{display:grid;gap:10px;padding:8px 18px 18px}.bar-row{display:grid;grid-template-columns:88px minmax(0,1fr) 42px;gap:8px;align-items:center;font-size:10px;font-weight:900}.bar-row i{height:9px;border:2px solid #111;background:#eee}.bar-row b{display:block;height:100%}.bar-row .red{background:#ff3b2e}.bar-row .yellow{background:#ffa400}.bar-row .purple{background:#9c27b0}.insight-card footer{display:flex;justify-content:space-between;padding:13px 18px;border-top:3px solid #111;background:#181818;color:#ff3131;font-size:12px;font-weight:950}.insight-card footer span{color:#ffdf00}.contact-button{position:fixed;left:50%;bottom:24px;z-index:20;width:min(408px,calc(100% - 32px));min-height:50px;transform:translate(-50%);border:0;border-radius:12px;background:linear-gradient(90deg,#ffc400,#ff6b15);color:#fff;font-size:18px;font-weight:950;box-shadow:0 9px 22px #ff701761}.contact-dialog-mask{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#080515c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-dialog{position:relative;display:grid;gap:16px;width:min(356px,100%);padding:28px 22px 24px;border:2px solid rgba(255,221,31,.9);border-radius:14px;background:radial-gradient(circle at 20% 10%,rgba(255,221,31,.16),transparent 28%),linear-gradient(180deg,#29145e,#170a36);color:#fff;text-align:center;box-shadow:0 18px 38px #0000006b,inset 0 0 0 1px #ffffff0f}.contact-dialog strong{color:#ffdd1f;font-size:23px;text-shadow:2px 2px 0 rgba(0,0,0,.32)}.contact-dialog a{color:#fff;font-size:27px;font-weight:950;text-decoration:none}.dialog-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:2px solid rgba(255,221,31,.9);border-radius:8px;background:#120a2aeb;color:#ffdd1f;font-size:22px;font-weight:950;line-height:1}.qr-placeholder{position:relative;width:148px;height:148px;margin:2px auto 0;border:2px solid rgba(255,221,31,.78);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),#ffffff0f;background-size:12px 12px;box-shadow:inset 0 0 0 8px #0000001a}.qr-placeholder:before,.qr-placeholder:after{content:"";position:absolute;width:28px;height:28px;border:4px solid #ffdd1f;border-radius:5px}.qr-placeholder:before{left:16px;top:16px;box-shadow:84px 0 0 -4px #ffdd1f,0 84px 0 -4px #ffdd1f}.qr-placeholder:after{right:22px;bottom:22px;width:16px;height:16px;border-width:0;background:#ffdd1f;box-shadow:-24px -12px #ffdd1f,-48px 8px #ffdd1f,-8px -46px #ffdd1f}.mode-switch{position:sticky;top:0;z-index:30;display:flex;gap:8px;justify-content:center;padding:10px;border-bottom:3px solid #111;background:#ffd400}.mode-switch button{min-height:36px;padding:0 18px;border:3px solid #111;background:#fff;color:#111;font-size:14px;font-weight:950;box-shadow:3px 3px #111}.mode-switch button.active{background:#111;color:#ffd400}.load-alert{width:min(1180px,calc(100% - 32px));margin:14px auto 0;padding:10px 14px;border:3px solid #111;background:#fff;color:#111;font-size:13px;font-weight:900;box-shadow:5px 5px #111}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;width:min(1240px,calc(100% - 32px));margin:30px auto 0;color:#111}.admin-login-shell{display:grid;place-items:start center;width:min(520px,calc(100% - 32px));margin:72px auto 0;color:#111}.admin-login{display:grid;gap:14px;width:100%;padding:24px;border:4px solid #111;background:#f7f7f5;box-shadow:8px 8px #111}.admin-login h1{margin:0 0 6px;font-size:28px}.admin-login input{width:100%;min-height:44px;padding:10px 12px;border:3px solid #111;background:#fff;color:#111;outline:0}.admin-login button{min-height:44px;border:3px solid #111;background:#ffd400;color:#111;font-weight:950;box-shadow:4px 4px #111}.admin-menu{align-self:start;padding:18px;border:4px solid #111;background:#f4f4f0;box-shadow:7px 7px #111}.admin-menu h1{margin:0 0 16px;font-size:24px}.admin-menu button{width:100%;margin-bottom:10px;padding:12px;border:3px solid #111;background:#fff;color:#111;text-align:left;font-weight:950;box-shadow:4px 4px #111}.admin-menu button.active{background:#f3c100}.admin-panel{min-width:0;padding:22px;border:4px solid #111;background:#f7f7f5;box-shadow:8px 8px #111}.admin-notice{margin:0 0 14px;padding:10px 12px;border:3px solid #111;background:#ffd400;color:#111;font-size:13px;font-weight:950;box-shadow:4px 4px #111}.admin-section h2{margin-bottom:16px;font-size:28px}.admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;padding:14px;border:3px solid #111;background:#fff}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:38px;padding:8px 10px;border:2px solid #111;background:#fff;color:#111;outline:0}.admin-form label{display:flex;gap:6px;align-items:center;min-height:38px;font-weight:900}.admin-form label input{width:auto;min-height:auto}.admin-form textarea{grid-column:span 2;min-height:92px;resize:vertical}.admin-form button{min-height:38px;border:3px solid #111;background:#ffd400;color:#111;font-weight:950;box-shadow:3px 3px #111}.admin-form button[type=button]{background:#fff}.admin-table{display:grid;border:3px solid #111;background:#fff}.admin-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .6fr 1fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:2px solid #111;font-size:13px;font-weight:800}.admin-row:last-child{border-bottom:0}.admin-row.head{background:#111;color:#ffd400;font-weight:950}.admin-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row button{margin-right:8px;padding:6px 9px;border:2px solid #111;background:#ffd400;color:#111;font-size:12px;font-weight:950}.admin-row button:last-child{background:#fff}@media(max-width:960px){.page-shell{background:linear-gradient(180deg,rgba(255,211,0,.35) 0 12%,transparent 12%),linear-gradient(180deg,#211050,#160e3a 48%,#28155a)}.category-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{display:block;width:100%;margin-top:26px}.side-nav{display:none}.content-area{padding:0 16px}.promo-board{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid{grid-template-columns:1fr}.admin-shell{display:block;width:min(720px,calc(100% - 24px));margin-top:18px}.admin-menu{margin-bottom:16px;padding:14px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.admin-row{grid-template-columns:1fr;gap:8px;align-items:start;padding:14px}.admin-row span{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start;white-space:normal;overflow:visible;text-overflow:clip}.admin-row span:before{content:attr(data-label);color:#7a6400;font-weight:950}.admin-row.head{display:none}.admin-row span:last-child{align-items:center}.admin-row button{margin:0 8px 0 0}}@media(max-width:520px){.hero{min-height:248px;padding-top:40px}.hero h1{font-size:34px}.pill{font-size:11px}.stats-panel{max-width:384px;border-radius:16px}.category-wrap{width:calc(100% - 32px);gap:12px;margin-top:-20px;padding:12px}.category-card{min-height:108px;padding:14px 12px}.category-card strong{font-size:16px}.tab-bar{margin:0 -16px}.tab-bar button{font-size:14px}.game-grid{gap:12px}.game-card{padding:14px 12px 12px}.game-thumb{width:74px;height:74px}.mode-switch{padding:8px}.mode-switch button{min-height:34px;padding:0 14px}.admin-shell{width:calc(100% - 24px)}.admin-panel{padding:14px;box-shadow:5px 5px #111}.admin-section h2{font-size:22px}.admin-form{grid-template-columns:1fr}.admin-form textarea{grid-column:auto}.admin-row{font-size:13px}}