@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap";:root{--chakra:"Chakra Petch", sans-serif;--template-font:var(--chakra);--template-bg:#1d1e24;--bg:var(--template-bg);--card:#23262b;--accent:#9cecfe;--primary-color:#9cecfe;--gold:#ffba23;--secondary-color:#ffba23;--tertiary-color:#23262b;--quaternary-color:#2a2d33;--septenary-color:#fff3;--senary-color:#ffffff0d;--muted:#9aa0a6;--danger:#ff6b6b}*{box-sizing:border-box}html,body,#root{background:var(--template-bg);color:#fff;min-height:100%;font-family:var(--template-font);margin:0}button,input,select,textarea{font:inherit}button{background:var(--gold);color:#1d1e24;cursor:pointer;border:0;border-radius:8px;padding:8px 12px}button.ghost{color:#fff;background:0 0;border:1px solid #fff3}input,select{color:#fff;background:#1d1e24;border:1px solid #fff3;border-radius:8px;padding:8px}.layout{min-height:100vh;display:grid}@media (width>=900px){.layout{grid-template-columns:230px 1fr}.side{display:flex!important}}.side{border-right:1px solid var(--septenary-color);background:#12141a;flex-direction:column;gap:8px;padding:18px 12px;display:none}.side .nav-item{text-align:left;color:#a8b0bc;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;font-weight:600;display:block}.side .nav-item.active,.side .nav-item:hover{background:var(--senary-color);color:var(--primary-color)}.brand-block{flex-direction:column;gap:2px;margin-bottom:4px;padding:4px 4px 10px;display:flex}.brand-home{letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;border:0;padding:0;font-family:inherit;font-size:1.2rem;font-weight:700;line-height:1.2;display:inline-block;background:0 0!important}.brand-home span{color:var(--gold)}.brand-role{color:#a8b0bc;letter-spacing:.02em;text-transform:none;font-size:.72rem;font-weight:600;line-height:1.2}.mobile-brand.brand-block{margin:0;padding:0;display:none}.mobile-brand .brand-home{font-size:1.05rem}.mobile-brand .brand-role{font-size:.68rem}.layout-main{min-width:0;position:relative}.top{border-bottom:1px solid var(--septenary-color);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.top-actions{margin-left:auto}.menu-toggle{border:1px solid var(--septenary-color);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:40px;height:40px;padding:9px 8px;display:none;background:0 0!important}.menu-toggle-bar{background:var(--primary-color);border-radius:1px;width:100%;height:2px;display:block}.menu-backdrop{z-index:40;cursor:pointer;background:#00000073;border:0;margin:0;padding:0;position:fixed;inset:0}.mobile-menu{z-index:50;border-right:1px solid var(--septenary-color);background:#12141a;flex-direction:column;gap:8px;width:min(280px,86vw);padding:18px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:auto;box-shadow:8px 0 24px #00000059}.mobile-menu .nav-item{text-align:left;color:#a8b0bc;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;font-weight:600;display:block}.mobile-menu .nav-item.active,.mobile-menu .nav-item:hover{background:var(--senary-color);color:var(--primary-color)}@media (width<=899px){.menu-toggle{display:flex}.mobile-brand.brand-block{display:flex!important}}@media (width>=900px){.menu-toggle,.mobile-menu,.menu-backdrop,.mobile-brand{display:none!important}}.main{max-width:1100px;padding:16px}.page{min-height:100vh;padding:24px}.page.wide{max-width:1100px;margin:0 auto}.card{background:var(--card);border-radius:12px;padding:16px 18px}.muted{color:var(--muted)}.err{color:var(--danger)}label{gap:6px;margin:10px 0;display:grid}.row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.row>label{margin:0}.row>button{align-self:flex-end}.actions{white-space:nowrap}.actions button{vertical-align:middle;margin-right:6px;padding:4px 10px;line-height:1.25;display:inline-block}.actions button:last-child{margin-right:0}.actions .muted{vertical-align:middle;line-height:1.25;display:inline-block}.lang-switch{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.lang-switch select{color:#fff;background:#1d1e24;border:1px solid #fff3;border-radius:8px;padding:8px}.lang-switch__label{display:none}@media (width>=900px){.lang-switch__label{display:inline}}.login-head{justify-content:space-between;align-items:center;gap:12px;display:flex}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #fff2;padding:8px 6px}h1,h2{margin:0 0 8px}.country{margin-top:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.status{color:var(--accent);font-size:.85rem}.nums{color:var(--gold);font-size:1.4rem;font-weight:700}.ok{color:#1de3a1}.warn{color:#ffba23}.danger{color:#ff6b6b!important;border-color:#ff6b6b55!important}.create-game{border:1px solid #fff2;border-radius:12px;margin:12px 0 18px;padding:12px}.schedule{border:1px solid #fff2;border-radius:10px;margin:12px 0;padding:10px 12px}.day-chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{color:#fff;background:0 0;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:.85rem}.chip.on{background:var(--gold);color:#1d1e24;border-color:var(--gold)}.chip:disabled{opacity:.35;cursor:not-allowed}.modal-backdrop{z-index:50;background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:12px;width:min(480px,100%);max-height:90vh;padding:18px;overflow:auto}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.game-card{text-align:left;color:#fff;background:#1d1e24;border:1px solid #fff2;border-radius:12px;gap:8px;padding:10px;display:grid}.game-media,.game-preview{aspect-ratio:16/9;background:#12141a;border-radius:10px;overflow:hidden}.game-media img,.game-preview img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.game-placeholder{height:100%;color:var(--muted);place-items:center;font-size:.85rem;display:grid}.game-overview{gap:16px;margin-top:12px;display:grid}@media (width>=800px){.game-overview{grid-template-columns:280px 1fr;align-items:start}}.image-picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0 12px;display:grid}.image-pick{color:#fff;cursor:pointer;text-align:center;background:#1d1e24;border:1px solid #fff2;border-radius:10px;gap:4px;padding:6px;font-size:.75rem;display:grid}.image-pick.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.image-pick .thumb{aspect-ratio:1;background:#12141a;border-radius:8px;overflow:hidden}.image-pick .thumb img{object-fit:contain;width:100%;height:100%;display:block}.image-lib{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;display:grid}.image-lib-card{background:#1d1e24;border:1px solid #fff2;border-radius:12px;gap:8px;padding:10px;display:grid}.image-lib-card .thumb{aspect-ratio:1;background:#12141a;border-radius:8px;overflow:hidden}.image-lib-card .thumb img{object-fit:contain;width:100%;height:100%;display:block}.tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.tabs button{color:#fff;background:0 0;border:1px solid #fff3}.tabs button.active{background:var(--gold);color:#1d1e24;border-color:var(--gold)}textarea{color:#fff;width:100%;font:inherit;background:#1d1e24;border:1px solid #fff3;border-radius:8px;padding:8px}