:root{--bg: #f8fafc;--surface: #ffffff;--primary: #0f172a;--accent: #f59e0b;--accent-hover: #d97706;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--success: #10b981;--danger: #ef4444;--info: #3b82f6;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .07);--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text);margin:0 0 .5rem}a{color:var(--info);text-decoration:none}a:hover{color:var(--accent)}img,video{max-width:100%;height:auto}iframe{max-width:100%}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:72px}.gs-container{max-width:720px;margin:0 auto;padding:0 20px}.gs-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;background:var(--primary);box-shadow:0 1px #ffffff0f}.gs-navbar .navbar-inner{max-width:1140px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px}.gs-navbar .navbar-brand{font-size:18px;font-weight:800;letter-spacing:-.01em;color:#fff;background:none;border:none;cursor:pointer;padding:0;white-space:nowrap}.gs-navbar .navbar-brand span{color:var(--accent)}.gs-navbar .navbar-toggler{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer}.gs-navbar .navbar-toggler:focus{outline:none;box-shadow:0 0 0 2px #f59e0b59}.gs-navbar .navbar-toggler-icon{display:block;width:20px;height:2px;background:#fff;position:relative}.gs-navbar .navbar-toggler-icon:before,.gs-navbar .navbar-toggler-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff}.gs-navbar .navbar-toggler-icon:before{top:-6px}.gs-navbar .navbar-toggler-icon:after{top:6px}.gs-navbar .navbar-collapse{display:flex;align-items:center;flex:1;min-width:0}.gs-navbar .navbar-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px}.gs-navbar .navbar-nav-start{margin-right:auto}.gs-navbar .navbar-nav-end{margin-left:auto}.gs-navbar .nav-item{position:relative}.gs-navbar .nav-link{display:inline-block;background:none;border:none;color:#ffffffd9;font-weight:500;font-size:14px;padding:10px 12px;cursor:pointer;transition:color var(--transition);white-space:nowrap}.gs-navbar .nav-link:hover{color:var(--accent)}.gs-navbar .navbar-notif{display:flex;align-items:center}.gs-navbar .dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);list-style:none;margin:4px 0 0;padding:6px;z-index:1010}.gs-navbar .dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:14px;font-weight:500;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.gs-navbar .dropdown-item:hover{background:#f59e0b1a;color:var(--accent-hover)}.gs-navbar .dropdown-divider{border:none;border-top:1px solid var(--border);margin:6px 2px}@media(max-width:991.98px){.gs-navbar .navbar-toggler{display:block}.gs-navbar .navbar-collapse{display:none}.gs-navbar .navbar-collapse.show{display:flex;position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--primary);max-height:calc(100vh - 64px);overflow-y:auto;padding:8px 20px 16px}.gs-navbar .navbar-nav{flex-direction:column;align-items:stretch;width:100%;gap:0}.gs-navbar .navbar-nav-start,.gs-navbar .navbar-nav-end{margin:0}.gs-navbar .nav-link,.gs-navbar .dropdown-item{padding-top:11px;padding-bottom:11px;font-size:15px;width:100%;text-align:left}.gs-navbar .navbar-notif{width:100%;padding-left:12px}.gs-navbar .dropdown-menu{position:static;box-shadow:none;background:#ffffff0f;margin:2px 0 6px}.gs-navbar .dropdown-item{color:#ffffffd9}.gs-navbar .dropdown-item:hover{background:#f59e0b26;color:var(--accent)}.gs-navbar .navbar-notif{padding:6px 0}}.gs-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:20px;transition:box-shadow var(--transition),transform var(--transition);overflow:hidden}.gs-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.gs-card-body{padding:20px 24px}.shtick-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shtick-badge{display:inline-flex;align-items:center;background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.3);border-radius:100px;font-size:11px;font-weight:700;padding:3px 10px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:all var(--transition)}.shtick-badge:hover{background:#f59e0b38;color:#92400e;text-decoration:none}.shtick-time{font-size:12px;color:var(--muted)}.shtick-caption{font-size:17px;font-weight:700;color:var(--text);margin:0 0 10px;line-height:1.4}.shtick-content-block{background:var(--bg);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px 16px;margin:12px 0;font-style:italic;color:var(--text);font-size:15px}.shtick-image{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-sm);margin:10px 0;display:block}.shtick-url-box{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin:10px 0;font-size:13px;color:var(--info);word-break:break-all;transition:background var(--transition);text-decoration:none}.shtick-url-box:hover{background:#3b82f60f;color:var(--info);text-decoration:none}.shtick-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}.shtick-author{display:flex;align-items:center;gap:8px}.shtick-author-avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--accent) 0%,#ef4444 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.shtick-author-name{font-size:13px;font-weight:600;color:var(--text)}.view-count{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.like-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.like-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.like-btn.liked{border-color:#ef4444;color:#ef4444;background:#ef444414}.like-btn svg{width:15px;height:15px;flex-shrink:0}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.gs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.gs-btn-primary{background:var(--accent);color:#78350f}.gs-btn-primary:hover{background:var(--accent-hover);color:#78350f;text-decoration:none}.gs-btn-dark{background:var(--primary);color:#fff}.gs-btn-dark:hover{background:#1e293b;color:#fff;text-decoration:none}.gs-btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--border)}.gs-btn-outline:hover{background:var(--bg);text-decoration:none}.gs-btn-danger{background:var(--danger);color:#fff}.gs-btn-danger:hover{background:#dc2626;color:#fff;text-decoration:none}.gs-btn-success{background:var(--success);color:#fff}.gs-btn-success:hover{background:#059669;color:#fff;text-decoration:none}.gs-btn-sm{padding:5px 12px;font-size:12px}.gs-btn-block{width:100%}.gs-btn:disabled{opacity:.6;cursor:not-allowed}.gs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;color:var(--muted);font-size:14px}.gs-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:gs-spin .65s linear infinite;margin-bottom:14px}@keyframes gs-spin{to{transform:rotate(360deg)}}.gs-error-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:14px 18px;color:var(--danger);margin-bottom:20px;font-size:14px}.gs-empty{text-align:center;padding:64px 20px;color:var(--muted);font-size:15px}.auth-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:44px 40px;width:100%;max-width:420px}.auth-brand{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hover);margin-bottom:8px;display:block}.auth-title{font-size:24px;font-weight:800;color:var(--primary);margin-bottom:4px}.auth-subtitle{font-size:14px;color:var(--muted);margin-bottom:28px}.auth-field{margin-bottom:18px}.auth-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.auth-input{display:block;width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b24}.auth-input::placeholder{color:#94a3b8}.auth-error-msg{font-size:12px;color:var(--danger);margin-top:5px}.auth-footer{text-align:center;margin-top:22px;font-size:14px;color:var(--muted)}.auth-footer a{color:var(--primary);font-weight:700;text-decoration:none}.auth-footer a:hover{color:var(--accent-hover)}.auth-forgot{font-size:13px;color:var(--muted);text-decoration:none}.auth-forgot:hover{color:var(--accent-hover)}.gs-field{margin-bottom:20px}.gs-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.gs-input{display:block;width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.gs-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b24}.gs-input::placeholder{color:#94a3b8}.gs-select{display:block;width:100%;padding:10px 36px 10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text);background:var(--surface) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right 12px center / 16px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--transition)}.gs-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b24}.gs-textarea{resize:vertical;min-height:100px;line-height:1.6}.gs-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.gs-form-row-2{grid-template-columns:1fr}}.gs-hero{background:linear-gradient(135deg,var(--primary) 0%,#1e293b 100%);padding:56px 20px 64px;text-align:center}.gs-hero-title{font-size:clamp(28px,5vw,48px);font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:-.025em}.gs-hero-title span{color:var(--accent)}.gs-hero-sub{font-size:17px;color:#ffffffad;max-width:460px;margin:0 auto 32px;line-height:1.65}.gs-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.feed-section{padding:32px 0 60px}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.feed-title{font-size:18px;font-weight:700;color:var(--text)}.feed-count{font-size:13px;color:var(--muted)}.yt-wrapper{position:relative;width:100%;padding-top:56.25%;margin:10px 0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.yt-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.x-card{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:10px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.x-card:hover{border-color:var(--accent);background:#6366f10f}.x-card-icon{color:#1d9bf0;flex-shrink:0}.x-card-body{display:flex;flex-direction:column;gap:2px;flex:1}.x-card-label{font-size:14px;font-weight:500}.x-card-id{font-size:11px;color:var(--muted)}.x-card-arrow{color:var(--muted);flex-shrink:0}.yt-loading{display:flex;align-items:center;gap:10px;padding:14px 0;color:var(--muted);font-size:13px}.yt-link-card{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:10px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-size:14px;transition:border-color .15s,background .15s}.yt-link-card:hover{border-color:red;background:#ff00000a}.create-page{padding:40px 0 80px}.create-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);padding:40px}.create-title{font-size:22px;font-weight:800;color:var(--primary);margin-bottom:6px}.create-subtitle{font-size:14px;color:var(--muted);margin-bottom:32px}.create-divider{border:none;border-top:1px solid var(--border);margin:28px 0}.create-optional-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:20px}.gs-field-hint{font-size:12px;color:var(--muted);margin:-2px 0 8px}.char-counter{font-size:11px;color:var(--muted);text-align:right;margin-top:4px}.category-picker{display:flex;flex-direction:column;gap:10px}.category-tag-list{display:flex;flex-wrap:wrap;gap:8px}.category-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:600}.category-tag button{width:20px;height:20px;border-radius:50%;border:none;background:#ffffff40;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.category-tag button:hover{background:#fff6}.category-picker-input-wrap{position:relative}.category-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-height:260px;overflow-y:auto;z-index:20}.category-picker-option{display:block;width:100%;text-align:left;padding:9px 14px;border:none;background:none;color:var(--text);font-size:14px;cursor:pointer}.category-picker-option:hover,.category-picker-option.highlighted{background:var(--bg)}.category-picker-empty{padding:10px 14px;font-size:13px;color:var(--muted)}.content-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.content-type-tab{flex:1;min-width:120px;padding:12px 14px;min-height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition)}.content-type-tab:hover{border-color:var(--accent);color:var(--text)}.content-type-tab.active{border-color:var(--accent);background:#f59e0b14;color:var(--accent-hover)}.post-help-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-top:10px;font-size:13px;color:var(--text)}.post-help-box p{margin:0 0 8px}.post-help-box p:last-child{margin-bottom:0}.about-page{padding:48px 0 80px}.about-hero{background:linear-gradient(135deg,var(--primary) 0%,#1e293b 100%);border-radius:var(--radius-lg);padding:52px 40px;text-align:center;margin-bottom:40px;color:#fff}.about-hero h2{color:#fff;font-size:28px;margin-bottom:12px}.about-hero p{color:#ffffffb8;font-size:16px;max-width:480px;margin:0 auto;line-height:1.7}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.testimonial-quote{font-style:italic;color:var(--text);margin-bottom:14px;font-size:14px;line-height:1.7}.testimonial-author{font-weight:700;font-size:13px;color:var(--primary)}.contact-page{padding:48px 0 80px}.contact-intro-card{background:var(--primary);border-radius:var(--radius-lg);padding:32px 36px;margin-bottom:32px;color:#fff}.contact-intro-card h3{color:#fff;margin-bottom:10px}.contact-intro-card p{color:#ffffffb8;font-size:14px;margin:0;line-height:1.65}.contact-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;min-height:calc(100vh - 72px)}.not-found-code{font-size:108px;font-weight:800;color:var(--border);line-height:1;margin-bottom:4px;letter-spacing:-.04em}.not-found-title{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:8px}.not-found-sub{color:var(--muted);margin-bottom:32px;font-size:15px}.disclaimer-page{padding:48px 0 80px}.disclaimer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.disclaimer-card h2{margin-bottom:24px}.disclaimer-card h4{margin-top:28px;margin-bottom:8px;font-size:16px}.disclaimer-card p{color:var(--muted);font-size:14px;line-height:1.75;margin-bottom:0}.gs-footer{background:var(--primary);padding:48px 0 32px}.gs-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px;margin-bottom:40px}.gs-footer-brand{font-size:17px;font-weight:800;color:#fff;margin-bottom:10px}.gs-footer-brand span{color:var(--accent)}.gs-footer-tagline{font-size:13px;color:#ffffff80;line-height:1.6}.gs-footer-col-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin-bottom:14px}.gs-footer-link{display:block;font-size:14px;color:#ffffffad;margin-bottom:10px;text-decoration:none;transition:color var(--transition);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;text-align:left}.gs-footer-link:hover{color:var(--accent);text-decoration:none}.gs-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.gs-footer-copy{font-size:13px;color:#ffffff4d}.gs-success-box{background:#10b9811a;border:1px solid #10b981;color:#065f46;padding:10px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px}.comments-section{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.comments-toggle{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 0;font-weight:500;transition:color var(--transition)}.comments-toggle:hover{color:var(--primary)}.comments-body{margin-top:10px}.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.comment-item{display:flex;gap:10px;align-items:flex-start}.comment-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e879f9);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.comment-content{flex:1}.comment-meta{display:flex;gap:8px;align-items:center;margin-bottom:2px;flex-wrap:wrap}.comment-author{font-size:13px;font-weight:700;color:var(--primary)}.comment-time{font-size:11px;color:var(--muted)}.comment-delete{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 4px;margin-left:auto;line-height:1}.comment-delete:hover{color:var(--danger)}.comment-text{font-size:13px;color:var(--text);line-height:1.5;margin:0}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-input{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--transition)}.comment-input:focus{border-color:var(--accent)}.admin-page{max-width:900px;margin:0 auto;padding:32px 20px 80px}.admin-header{margin-bottom:28px}.admin-header h1{font-size:26px;font-weight:800;color:var(--primary);margin-bottom:4px}.admin-header p{color:var(--muted);font-size:14px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.admin-tab{padding:7px 18px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;color:var(--muted);transition:all var(--transition)}.admin-tab.active,.admin-tab:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-list{display:flex;flex-direction:column;gap:14px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.admin-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}.admin-caption{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:4px}.admin-meta{font-size:12px;color:var(--muted);margin:4px 0}.admin-card-meta{font-size:12px;color:var(--muted);margin-top:8px}.admin-date{font-size:12px;color:var(--muted)}.admin-empty{text-align:center;padding:40px;color:var(--muted);font-size:15px}.admin-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700}.admin-badge.pending{background:#fef3c7;color:#92400e}.admin-badge.approved{background:#d1fae5;color:#065f46}.admin-badge.rejected{background:#fee2e2;color:#991b1b}.superadmin-page .admin-header h1{color:#7c3aed}.superadmin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-bottom:28px}.sa-stat-card{border-radius:var(--radius);padding:20px 16px;text-align:center;box-shadow:var(--shadow-sm)}.sa-stat-card.blue{background:#dbeafe}.sa-stat-card.amber{background:#fef3c7}.sa-stat-card.green{background:#d1fae5}.sa-stat-card.purple{background:#ede9fe}.sa-stat-card.red{background:#fee2e2}.sa-stat-card.teal{background:#ccfbf1}.sa-stat-num{font-size:32px;font-weight:800;color:var(--primary);line-height:1}.sa-stat-label{font-size:12px;font-weight:600;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.sa-user-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sa-user-table{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden}.sa-user-row{display:grid;grid-template-columns:160px 1fr 130px 60px 90px 120px;gap:12px;padding:10px 16px;align-items:center;border-bottom:1px solid var(--border);font-size:13px;min-width:700px}.sa-user-row.header{background:var(--bg);font-weight:700;font-size:11px;text-transform:uppercase;color:var(--muted)}.sa-user-row:last-child{border-bottom:none}.sa-user-row:not(.header):hover{background:#f59e0b0a}.sa-profile{display:flex;gap:8px;align-items:center;font-weight:600}.sa-role-select{border:1.5px solid;border-radius:6px;font-size:12px;font-weight:600;padding:3px 6px;cursor:pointer;background:var(--surface)}.sa-activity{margin-top:8px}.sa-activity h2{font-size:20px;margin-bottom:4px}.sa-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.sa-activity-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.sa-activity-section h4{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--primary)}.sa-activity-item{display:flex;gap:10px;align-items:center;font-size:12px;padding:4px 0;border-bottom:1px solid var(--border)}.sa-activity-item:last-child{border-bottom:none}@media(max-width:768px){.admin-page{padding:24px 14px 60px}.sa-activity-grid{grid-template-columns:1fr}.superadmin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}.games-page{max-width:1100px;margin:0 auto;padding:32px 20px 80px}.games-hero{text-align:center;padding:48px 20px 40px}.games-hero h1{font-size:clamp(26px,7vw,36px);font-weight:800;color:var(--primary);margin-bottom:10px}.games-hero p{color:var(--muted);font-size:16px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:32px}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.game-card-icon{height:80px;display:flex;align-items:center;justify-content:center;font-size:40px}.game-card-body{padding:16px 20px 20px}.game-card-tags{display:flex;gap:6px;margin-bottom:8px}.game-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--bg);padding:2px 8px;border-radius:20px;color:var(--muted)}.game-card-title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:6px}.game-card-desc{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:12px}.game-card-stats{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:10px;flex-wrap:wrap}.game-leaderboard-mini{background:var(--bg);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:12px}.glm-title{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.glm-row{display:flex;gap:8px;justify-content:space-between;font-size:12px;padding:2px 0}.game-card-play{width:100%;text-align:center;justify-content:center}.games-signin-notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted)}.games-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.games-tab-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;transition:var(--transition);min-width:120px}.games-tab-btn:hover{border-color:var(--accent);background:#fffbf0}.games-tab-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.games-tab-btn.active .tab-sub{color:#fffc}.tab-label{font-size:15px;font-weight:700}.tab-sub{font-size:11px;color:var(--muted)}.games-tab-notice{background:#fffbf0;border:1px solid #fde68a;border-radius:var(--radius);padding:10px 16px;font-size:13px;color:#92400e;margin-bottom:20px}@media(max-width:480px){.games-page{padding:24px 14px 60px}.games-hero{padding:32px 10px 28px}.games-grid{grid-template-columns:1fr}.games-tabs{gap:6px}.games-tab-btn{min-width:0;flex:1 1 0;padding:8px 6px}.tab-label{font-size:13px}.tab-sub{font-size:10px}}.versus-lobby{max-width:520px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.versus-section{text-align:center}.versus-section h3{font-size:18px;margin-bottom:6px}.versus-divider{text-align:center;color:var(--muted);font-size:13px;font-weight:600;margin:24px 0;position:relative}.versus-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--border);z-index:0}.versus-divider span,.versus-divider{isolation:isolate}.mp-lobby{max-width:500px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.mp-player-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;background:var(--bg);border-radius:var(--radius);flex-wrap:wrap}.mp-player-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.mp-player-name{flex:1;min-width:100px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--text)}.mp-player-name:disabled{opacity:.6}.mp-bot-toggle{display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer;white-space:nowrap}.mp-bot-toggle input{cursor:pointer}.mp-bot-diff{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--surface);color:var(--text);cursor:pointer}.mp-remove-btn{background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;margin-left:auto}.mp-remove-btn:hover{color:#991b1b}.game-page{max-width:860px;margin:0 auto;padding:24px 20px 80px}.game-header{margin-bottom:20px}.game-back{font-size:13px;color:var(--muted);text-decoration:none;font-weight:600}.game-back:hover{color:var(--primary)}.game-title{font-size:28px;font-weight:800;color:var(--primary);margin:6px 0 2px}.game-subtitle{font-size:13px;color:var(--muted)}.game-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.game-difficulty-select{display:flex;gap:6px}.difficulty-btn{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;color:var(--muted);transition:all var(--transition)}.difficulty-btn.active,.difficulty-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.game-stats-bar{display:flex;gap:18px;font-size:13px;color:var(--muted);margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px}.game-result-banner{padding:12px 18px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:16px}.game-result-banner.won{background:#d1fae5;color:#065f46}.game-result-banner.lost{background:#fee2e2;color:#991b1b}.game-idle-state{text-align:center;padding:60px 20px;color:var(--muted)}.hangman-container{display:flex;gap:32px;flex-wrap:wrap}.hangman-gallows{flex:0 0 220px;text-align:center}.hangman-counter{font-size:13px;color:var(--muted);margin-top:8px}.hangman-game{flex:1;min-width:260px}.hangman-word{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0}.hangman-letter{font-size:28px;font-weight:800;color:var(--primary);border-bottom:3px solid var(--primary);min-width:28px;text-align:center;padding-bottom:4px;text-transform:uppercase}.hangman-wrong{font-size:13px;color:var(--danger);margin-bottom:12px;text-align:center}.hangman-wrong-letter{margin:0 4px;font-weight:700}.hangman-keyboard{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:420px;margin:0 auto}.hangman-key{width:36px;height:36px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition);text-transform:uppercase}.hangman-key:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.hangman-key:disabled{opacity:.4;cursor:default}.hangman-key.correct{background:#d1fae5;color:#065f46;border-color:#10b981}.hangman-key.wrong{background:#fee2e2;color:#991b1b;border-color:#ef4444}.snake-canvas-wrapper{position:relative;display:inline-block}.snake-score-row{display:flex;gap:16px;align-items:center;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:8px}.snake-canvas{display:block;border:2px solid var(--border);border-radius:var(--radius-sm);background:#0f172a}.snake-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.snake-overlay-inner{text-align:center;color:#fff}.snake-overlay-inner h3{font-size:24px;font-weight:800;margin-bottom:8px}.game-touch-controls{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px}.game-touch-controls button{width:44px;height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:18px;cursor:pointer}@media(min-width:640px){.game-touch-controls{display:none}}.sudoku-timer{font-size:15px;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.sudoku-wrapper{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start;justify-content:center}.sudoku-grid{display:grid;grid-template-columns:repeat(9,44px);grid-template-rows:repeat(9,44px);border:2px solid #334155;background:#334155;gap:1px}.sudoku-cell{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);font-size:18px;font-weight:600;cursor:pointer;transition:background var(--transition)}.sudoku-cell.fixed{color:var(--primary);font-weight:800}.sudoku-cell:not(.fixed){color:#3b82f6}.sudoku-cell.selected{background:#dbeafe}.sudoku-cell.highlight{background:#fef9ec}.sudoku-cell.error{background:#fee2e2;color:#ef4444!important}.sudoku-numpad{display:grid;grid-template-columns:repeat(5,48px);gap:8px}.sudoku-numkey{width:48px;height:48px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition);color:var(--primary)}.sudoku-numkey:hover:not(:disabled){background:var(--primary);color:#fff}.sudoku-numkey.erase{grid-column:span 2;width:auto;font-size:14px}.sudoku-numkey.hint-key{grid-column:span 5;width:auto;font-size:13px;background:#fef3c7}.sudoku-numkey:disabled{opacity:.4;cursor:default}.minesweeper-hud{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 16px;margin-bottom:14px}.ms-counter{font-size:18px;font-weight:800;color:#ef4444;font-variant-numeric:tabular-nums}.ms-timer{font-size:16px;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.ms-status{font-size:15px;font-weight:700}.ms-status.won{color:#10b981}.ms-status.lost{color:#ef4444}.minesweeper-scroll{overflow-x:auto}.minesweeper-grid{display:grid;gap:2px}.ms-cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;font-weight:700;cursor:pointer;background:#334155;border:1px solid #475569;-webkit-user-select:none;user-select:none;transition:background var(--transition)}.ms-cell:not(.revealed):hover{background:#475569}.ms-cell.revealed{background:var(--surface);border-color:var(--border);cursor:default}.ms-cell.mine{background:#fecaca}.ms-cell.flagged{background:#fef3c7}.ms-cell.chord-neighbor{background:#94a3b8;border-color:#64748b;transform:scale(.88)}.ms-cell.chord-center{box-shadow:0 0 0 2px #f59e0b}.difficulty-select{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}.diff-btn{padding:20px 28px;border-radius:12px;border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;min-width:140px;transition:border-color .15s,transform .1s;color:var(--text)}.diff-btn:hover{transform:translateY(-2px)}.diff-btn.diff-easy{border-color:#22c55e}.diff-btn.diff-medium{border-color:#f59e0b}.diff-btn.diff-hard{border-color:#ef4444}.diff-btn.diff-easy:hover{border-color:#16a34a}.diff-btn.diff-medium:hover{border-color:#d97706}.diff-btn.diff-hard:hover{border-color:#dc2626}.diff-label{display:block;font-size:18px;font-weight:700;text-transform:capitalize}.diff-sub{display:block;font-size:12px;color:var(--muted);margin-top:4px}.diff-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.diff-badge.diff-easy{background:#22c55e24;color:#16a34a}.diff-badge.diff-medium{background:#f59e0b24;color:#d97706}.diff-badge.diff-hard{background:#ef444424;color:#dc2626}.game-meta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:6px 0 0;font-size:14px;color:var(--muted)}.game-controls{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.game-msg{text-align:center;padding:12px 20px;border-radius:8px;margin:12px auto;max-width:480px;font-weight:500}.game-msg.success{background:#22c55e1c;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.game-msg.fail{background:#ef44441c;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.game-msg.info{background:#6366f117;color:#4f46e5;border:1px solid rgba(99,102,241,.22)}.hint-used{font-size:12px;color:var(--muted);padding:4px 8px;border:1px solid var(--border);border-radius:4px}.wordle-board{display:flex;flex-direction:column;gap:6px;align-items:center;margin:12px auto}.wordle-row{display:flex;gap:6px}.wordle-cell{width:52px;height:52px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;text-transform:uppercase;border-radius:4px;background:var(--surface);color:var(--text);transition:border-color .1s;-webkit-user-select:none;user-select:none}.wordle-cell.filled{border-color:#94a3b8}.wordle-cell.correct{background:#22c55e;border-color:#22c55e;color:#fff}.wordle-cell.present{background:#f59e0b;border-color:#f59e0b;color:#fff}.wordle-cell.absent{background:#64748b;border-color:#64748b;color:#fff}.wordle-keyboard{display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:16px}.wordle-key-row{display:flex;gap:4px}.wordle-key{padding:13px 8px;min-width:34px;border-radius:4px;background:var(--surface);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;border:1px solid var(--border);transition:background .1s;-webkit-user-select:none;user-select:none}.wordle-key:hover{background:#e2e8f0}.wordle-key.wide{min-width:52px;font-size:10px}.wordle-key.correct{background:#22c55e;color:#fff;border-color:#22c55e}.wordle-key.present{background:#f59e0b;color:#fff;border-color:#f59e0b}.wordle-key.absent{background:#64748b;color:#fff;border-color:#64748b}.scramble-word{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px auto}.scramble-tile{width:48px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;text-transform:uppercase;background:var(--surface);border:2px solid var(--accent);border-radius:8px;color:var(--text);letter-spacing:1px}.scramble-input-row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:16px}.scramble-input{padding:10px 16px;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:3px;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);width:220px;text-align:center}.scramble-input:focus{outline:none;border-color:var(--accent)}.scramble-timer{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.scramble-timer.urgent{color:#dc2626;animation:pulse-timer .6s ease-in-out infinite alternate}@keyframes pulse-timer{0%{opacity:1}to{opacity:.6}}.scramble-progress{text-align:center;color:var(--muted);font-size:14px;margin:4px 0}.simon-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:290px;margin:24px auto}.simon-pad{height:130px;border-radius:14px;border:3px solid rgba(0,0,0,.15);cursor:pointer;opacity:.55;transition:opacity .12s,transform .1s,box-shadow .12s}.simon-pad:not(:disabled):hover{opacity:.75}.simon-pad.active{opacity:1;transform:scale(1.04)}.simon-pad:disabled{cursor:not-allowed}.simon-red{background:#ef4444}.simon-blue{background:#3b82f6}.simon-green{background:#22c55e}.simon-yellow{background:#eab308}.simon-red.active{box-shadow:0 0 28px #ef4444}.simon-blue.active{box-shadow:0 0 28px #3b82f6}.simon-green.active{box-shadow:0 0 28px #22c55e}.simon-yellow.active{box-shadow:0 0 28px #eab308}.simon-level{text-align:center;color:var(--muted);font-size:14px;margin-top:8px}.memory-grid{display:inline-grid;gap:10px;margin:20px auto}.memory-card{width:72px;height:72px;perspective:600px;cursor:pointer}.memory-card-inner{width:100%;height:100%;position:relative;transition:transform .35s;transform-style:preserve-3d}.memory-card.flipped .memory-card-inner,.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-face,.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;font-size:30px}.memory-card-back{background:var(--surface);border:2px solid var(--border);font-size:22px;color:var(--muted)}.memory-card-face{background:var(--surface);border:2px solid var(--accent);transform:rotateY(180deg)}.memory-card.matched .memory-card-face{border-color:#22c55e;background:#22c55e14}.memory-timer{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.memory-timer.urgent{color:#dc2626}.memory-pairs{text-align:center;color:var(--muted);font-size:14px;margin:4px 0}.board-2048-wrap{text-align:center}.board-2048{display:inline-grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#bbada0;padding:8px;border-radius:10px;margin:16px auto}.tile-2048{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:800;transition:background .08s;-webkit-user-select:none;user-select:none}.t-0{background:#cdc1b4;font-size:0}.t-2{background:#eee4da;color:#776e65;font-size:22px}.t-4{background:#ede0c8;color:#776e65;font-size:22px}.t-8{background:#f2b179;color:#fff;font-size:22px}.t-16{background:#f59563;color:#fff;font-size:20px}.t-32{background:#f67c5f;color:#fff;font-size:20px}.t-64{background:#f65e3b;color:#fff;font-size:20px}.t-128{background:#edcf72;color:#fff;font-size:18px}.t-256{background:#edcc61;color:#fff;font-size:18px}.t-512{background:#edc850;color:#fff;font-size:16px}.t-1024{background:#edc53f;color:#fff;font-size:14px}.t-2048{background:#edc22e;color:#fff;font-size:14px}.t-high{background:#3c3a32;color:#fff;font-size:12px}.arrow-controls-2048{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px}.arrow-controls-2048 button{width:44px;height:44px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-size:18px;cursor:pointer}.arrow-row-2048{display:flex;gap:4px}@media(min-width:640px){.arrow-controls-2048{display:none}}.lights-grid{display:inline-grid;gap:7px;margin:20px auto}.light-cell{width:62px;height:62px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:background .12s,transform .08s,box-shadow .12s}.light-cell.on{background:#fbbf24;border-color:#f59e0b;box-shadow:0 0 14px #fbbf248c}.light-cell.off{background:var(--surface);border-color:var(--border)}.light-cell.hint-highlight{border-color:#818cf8;box-shadow:0 0 16px #818cf8a6}.light-cell:hover{transform:scale(1.07)}.lights-moves{text-align:center;color:var(--muted);font-size:14px;margin:4px 0}@media(max-width:640px){.auth-card{padding:32px 24px}.create-card{padding:24px 20px}.gs-card-body{padding:16px 18px}.about-hero{padding:36px 24px}.contact-form-card{padding:24px}.disclaimer-card{padding:28px 20px}.gs-hero{padding:40px 20px 48px}.auth-input,.gs-input,.gs-select,.comment-input{font-size:16px}.sa-role-select{font-size:16px;padding:4px 8px}.gs-btn:not(.gs-btn-sm){min-height:44px}.gs-btn-sm{padding:7px 14px;min-height:40px}.admin-tab{padding:8px 16px}}.ad-slot{border:1.5px dashed var(--border);position:relative}.ad-slot-close{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.ad-slot-close:hover{background:var(--bg);color:var(--text)}.ad-slot-top,.ad-slot-bottom{position:fixed;left:0;right:0;width:100%;max-width:100%;margin:0;border-radius:0;z-index:900;border-left:none;border-right:none}.ad-slot-top{top:72px;border-top:none}.ad-slot-bottom{bottom:0;border-bottom:none}.ad-slot-top .gs-card-body,.ad-slot-bottom .gs-card-body{display:flex;align-items:center;gap:14px;padding:10px 48px 10px 16px;max-width:900px;margin:0 auto}.ad-slot-top .ad-slot-image,.ad-slot-bottom .ad-slot-image{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.ad-slot-top .ad-slot-label,.ad-slot-bottom .ad-slot-label{margin:0 10px 0 0}.ad-slot-top .shtick-caption,.ad-slot-bottom .shtick-caption{font-size:14px;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-slot-top .ad-slot-body,.ad-slot-bottom .ad-slot-body,.ad-slot-top .ad-slot-advertiser,.ad-slot-bottom .ad-slot-advertiser{display:none}.ad-slot-top .ad-slot-cta,.ad-slot-bottom .ad-slot-cta{flex-shrink:0}@media(max-width:640px){.ad-slot-top .shtick-caption,.ad-slot-bottom .shtick-caption{display:none}}.ad-slot-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 10px;margin-bottom:10px}.ad-slot-image{cursor:pointer}.ad-slot-body{color:var(--text);font-size:14px;margin:4px 0 12px}.ad-slot-cta{text-decoration:none;display:inline-block}.ad-slot-advertiser{font-size:12px;color:var(--muted);margin:10px 0 0}.ad-slot-game-page{margin-bottom:4px}.ad-slot-sidebar{display:none;position:fixed;top:100px;width:180px;max-height:400px;overflow:hidden}@media(min-width:1300px){.ad-slot-sidebar{display:block}.ad-slot-sidebar-left{left:calc(50vw - 560px)}.ad-slot-sidebar-right{left:calc(50vw + 380px)}}.ad-slot-sidebar .ad-slot-image{width:100%}.ad-manager-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ad-manager-list{display:flex;flex-direction:column;gap:12px}.ad-manager-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.ad-manager-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);flex-shrink:0}.ad-manager-info{flex:1;min-width:200px}.ad-manager-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:4px}.ad-status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.ad-status-badge.status-draft{background:#64748b24;color:#475569}.ad-status-badge.status-active{background:#22c55e24;color:#16a34a}.ad-status-badge.status-paused{background:#f59e0b24;color:#d97706}.ad-status-badge.status-archived{background:#ef444424;color:#dc2626}.ad-manager-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ad-form-grid .full-span{grid-column:1 / -1}@media(max-width:640px){.ad-form-grid{grid-template-columns:1fr}}.leaderboards-panel{max-width:720px;margin:0 auto}.leaderboards-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.leaderboard-game-select{max-width:320px;font-size:15px;font-weight:600}.leaderboard-period-group,.leaderboard-limit-group{display:flex;gap:8px;flex-wrap:wrap}.leaderboard-period-group .difficulty-btn,.leaderboard-limit-group .difficulty-btn{padding:8px 16px;min-width:auto}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:grid;grid-template-columns:44px 1fr auto auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border)}.leaderboard-share{justify-self:end}.leaderboard-share .share-menu{right:0}.leaderboard-rank{font-size:18px;font-weight:800;text-align:center;color:var(--muted)}.leaderboard-name{font-weight:700;color:var(--text)}.leaderboard-score{font-weight:700;color:var(--accent-hover);white-space:nowrap}.leaderboard-games{font-size:12px;color:var(--muted);white-space:nowrap}@media(max-width:480px){.leaderboard-row{grid-template-columns:32px 1fr auto auto}.leaderboard-games{display:none}}.notif-bell-wrap{position:relative;display:flex;align-items:center}.notif-bell-btn{position:relative;background:none;border:none;color:#fff;font-size:20px;padding:8px 12px;cursor:pointer;line-height:1}.notif-badge{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-width:90vw;max-height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1100}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text)}.notif-dropdown-header button{background:none;border:none;color:var(--info);font-size:12px;cursor:pointer;padding:0}.notif-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:13px}.notif-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 14px;border:none;border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:#f59e0b0f}.notif-item-message{font-size:13px;color:var(--text);white-space:normal}.notif-item-time{font-size:11px;color:var(--muted)}.share-btn-wrap{position:relative;display:inline-block}.share-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.share-btn:hover{border-color:var(--accent)}.share-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:30;overflow:hidden}.share-menu-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;color:var(--text);font-size:13px;text-decoration:none;cursor:pointer}.share-menu-item:hover{background:var(--bg)}.App{min-height:100vh}