:root{--kb-navy-950:#040d1a;--kb-navy-900:#060f1e;--kb-navy-800:#0a1628;--kb-navy-700:#0f2a4e;--kb-blue-400:#3b82f6;--kb-blue-300:#60a5fa;--kb-blue-200:#93c5fd;--kb-text:#0a1628;--kb-muted:#64748b;--kb-border:#e2e8f0;--kb-page:#f1f5f9;--kb-card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--kb-text)}a{text-decoration:none;color:inherit}.kg-body{background:var(--kb-page)}.kg-public{min-height:100vh;background:#fff}.kg-public-header{height:62px;background:var(--kb-navy-700);display:flex;align-items:center;padding:0 32px;gap:24px;color:#fff;box-shadow:0 2px 12px #0003}.kg-brand,.kg-admin-brand{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.4px}.kg-brand img,.kg-admin-brand img{height:25px;width:auto}.kg-brand-divider,.kg-admin-brand span{color:#93c5fd;font-weight:600}.kg-public-header nav{display:flex;align-items:center;gap:28px;margin-left:auto;color:#dbeafe;font-size:13px}.kg-btn{display:inline-flex;align-items:center;gap:18px;background:var(--kb-blue-400);color:#fff!important;border-radius:8px;padding:13px 20px;font-size:13px;font-weight:700;box-shadow:0 5px 12px #1e4d8c22}.kg-btn-small{padding:9px 14px;font-size:12px;gap:8px}.kg-mobile-menu{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:23px}.kg-hero{max-width:1180px;margin:auto;padding:90px 32px 105px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.kg-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--kb-blue-400)}.kg-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-4px;margin:18px 0 24px}.kg-hero h1 span{color:var(--kb-blue-400)}.kg-hero p{max-width:430px;color:var(--kb-muted);font-size:17px;line-height:1.7;margin-bottom:30px}.kg-hero-visual{height:360px;position:relative;background:radial-gradient(circle,#dbeafe 0,transparent 68%);display:grid;place-items:center}.kg-visual-card{width:270px;height:300px;border-radius:24px;background:linear-gradient(145deg,#0a1628,#1e4d8c);color:#fff;padding:28px;transform:rotate(-8deg);box-shadow:0 25px 55px #0a162855;position:relative}.kg-visual-card span{font-size:10px;letter-spacing:2px;color:#93c5fd}.kg-visual-card b{display:block;font-size:38px;line-height:1;letter-spacing:-2px;margin-top:75px}.kg-visual-card i{position:absolute;right:28px;bottom:22px;color:#60a5fa;font-size:42px}.kg-visual-dot{position:absolute;border-radius:50%;background:#3b82f6}.dot-one{width:18px;height:18px;top:35px;right:55px}.dot-two{width:10px;height:10px;bottom:42px;left:55px;background:#93c5fd}.kg-public-section{max-width:1180px;margin:auto;padding:0 32px 100px}.kg-section-heading,.kg-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.kg-section-heading h2,.kg-about h2{font-size:38px;letter-spacing:-1.5px;margin:12px 0 30px}.kg-muted{color:var(--kb-muted);font-size:13px}.kg-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.kg-game-card{background:#fff;border:1px solid var(--kb-border);border-radius:12px;overflow:hidden;box-shadow:0 5px 16px #0a16280a}.kg-game-image{height:210px;display:block;position:relative;background:linear-gradient(135deg,#173b55,#6b4fb0);background-size:cover;background-position:center}.kg-game-label{position:absolute;top:15px;left:15px;background:#0a162cdd;color:#fff;padding:6px 9px;border-radius:6px;font-size:9px;letter-spacing:1px;font-weight:800}.kg-game-play{position:absolute;right:15px;bottom:15px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--kb-blue-400);color:#fff}.kg-game-info{padding:21px}.kg-game-info h3{margin:0 0 10px;font-size:20px}.kg-game-info p{min-height:40px;color:var(--kb-muted);font-size:13px;line-height:1.6}.kg-game-info>a{color:var(--kb-blue-400);font-weight:700;font-size:13px}.kg-empty{grid-column:1/-1;text-align:center;border:1px dashed var(--kb-border);border-radius:12px;padding:60px}.kg-empty p{color:var(--kb-muted)}.kg-about{background:#eaf2fb;text-align:center;padding:100px 32px}.kg-about h2{margin-bottom:18px}.kg-about p{color:var(--kb-muted)}.kg-public-footer{max-width:1180px;margin:auto;padding:28px 32px;color:var(--kb-muted);font-size:12px;display:flex;justify-content:space-between}.kg-admin-app{display:flex;min-height:100vh}.kg-sidebar{width:238px;min-width:238px;background:var(--kb-navy-800);color:#fff;padding:20px 10px;display:flex;flex-direction:column}.kg-admin-brand{padding:0 8px;height:42px}.kg-side-label{font-size:9px;letter-spacing:1.3px;color:#ffffff38;font-weight:700;padding:26px 18px 8px}.kg-sidebar nav{display:grid;gap:3px}.kg-sidebar nav a,.kg-logout{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:8px;color:#ffffff99;font-size:13px}.kg-sidebar nav a:hover,.kg-sidebar nav a.active{background:#3b82f62e;color:#fff}.kg-sidebar nav a.active{box-shadow:inset 3px 0 #60a5fa}.kg-logout{margin-top:auto}.kg-admin-content{flex:1;min-width:0;padding:36px 42px;background:var(--kb-page)}.kg-admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.kg-admin-header h1{font-size:32px;letter-spacing:-1px;margin:9px 0 0}.kg-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kg-admin-stats>div,.kg-admin-panel{background:#fff;border:1px solid var(--kb-border);border-radius:12px}.kg-admin-stats>div{padding:20px}.kg-admin-stats span{font-size:12px;color:var(--kb-muted)}.kg-admin-stats strong{display:block;font-size:30px;margin-top:10px}.kg-admin-panel{padding:24px;margin-bottom:24px}.kg-panel-head{align-items:center}.kg-panel-head h2{margin:7px 0 0;font-size:21px}.kg-admin-panel>p{margin:10px 0 20px}.kg-admin-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--kb-border);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--kb-muted)}td a{color:var(--kb-blue-400);font-weight:700}.kg-status{color:#15803d;background:#dcfce7;border-radius:20px;padding:4px 8px;font-size:11px}.kg-login{max-width:430px;margin:80px auto;background:#fff;border:1px solid var(--kb-border);border-radius:12px;padding:34px;box-shadow:0 15px 40px #0a162812}.kg-login-brand{display:flex;align-items:center;gap:9px;color:var(--kb-muted);font-weight:700}.kg-login-brand img{height:30px;background:var(--kb-navy-700);padding:5px;border-radius:5px}.kg-login h1{font-size:30px;margin:35px 0 8px}.kg-login p{color:var(--kb-muted);font-size:13px;margin-bottom:25px}.kg-login form p{margin:0 0 16px}.kg-login label{font-size:12px;font-weight:700;color:var(--kb-text)}.kg-login input[type=text],.kg-login input[type=password]{width:100%;padding:11px;border:1px solid var(--kb-border);border-radius:7px;margin-top:6px}.kg-login input[type=submit]{background:var(--kb-blue-400);border:0;color:#fff;padding:12px 18px;border-radius:7px;font-weight:700}.kg-denied{padding:60px}.kg-public-body .site-header,.kg-public-body .site-footer,.kg-admin-body .site-header,.kg-admin-body .site-footer{display:none!important}@media(max-width:800px){.kg-public-header{padding:0 20px}.kg-public-header nav{display:none}.kg-mobile-menu{display:block}.kg-hero{grid-template-columns:1fr;padding:55px 22px 75px}.kg-hero-visual{height:290px}.kg-public-section{padding:0 22px 70px}.kg-game-grid{grid-template-columns:1fr}.kg-section-heading{align-items:start;display:block}.kg-section-heading h2{font-size:30px}.kg-about{padding:75px 22px}.kg-public-footer{padding:24px 22px;display:block}.kg-public-footer span+span{display:block;margin-top:10px}.kg-sidebar{width:64px;min-width:64px;padding:20px 8px}.kg-sidebar .kg-admin-brand span,.kg-sidebar nav a span,.kg-sidebar .kg-side-label,.kg-sidebar .kg-logout span{display:none}.kg-sidebar nav a{justify-content:center;padding:12px 8px}.kg-admin-content{padding:24px 16px}.kg-admin-header{display:block}.kg-admin-header .kg-btn{margin-top:18px}.kg-admin-stats{grid-template-columns:repeat(2,1fr)}.kg-admin-panel{padding:16px}}
.kg-game-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.kg-game-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.kg-game-form label:nth-child(3),.kg-game-form label:nth-child(4),.kg-form-actions{grid-column:1/-1}.kg-game-form input,.kg-game-form textarea,.kg-game-form select{border:1px solid #d9dee7;border-radius:8px;padding:11px;font:inherit;background:#fff;color:#182230}.kg-form-actions{display:flex;gap:10px}.kg-btn-secondary{background:#eef1f5!important;color:#182230!important}.kg-inline-form{display:inline}.kg-inline-form button{border:0;background:none;color:#b42318;cursor:pointer;font:inherit;margin-left:10px}.kg-status-draft{background:#fff4e5!important;color:#9a6700!important}.kg-notice{background:#e9f7ef;color:#176b3a;border:1px solid #b8e1c8;padding:12px 14px;border-radius:8px;margin-bottom:18px}@media(max-width:700px){.kg-game-form{grid-template-columns:1fr}.kg-game-form label:nth-child(3),.kg-game-form label:nth-child(4),.kg-form-actions{grid-column:auto}}
.kg-game-detail{max-width:1100px;margin:auto;padding:70px 32px 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.kg-detail-art{min-height:430px;border-radius:24px;background:linear-gradient(135deg,#102a43,#6d4cc2);background-size:cover;background-position:center;position:relative;box-shadow:0 24px 60px #0a162833}.kg-detail-art .kg-game-label{top:22px;left:22px}.kg-detail-copy h1{font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-3px;margin:16px 0 22px}.kg-detail-copy p{font-size:17px;line-height:1.8;color:var(--kb-muted);margin-bottom:30px}.kg-detail-copy .kg-btn{gap:35px}@media(max-width:800px){.kg-game-detail{grid-template-columns:1fr;padding:35px 22px 70px;gap:30px}.kg-detail-art{min-height:280px}}