@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{--orange:#ff793f;--ink:#121b23;--muted:#74808a;--border:#e2e7e9}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#f4f6f7;color:var(--ink);font-size:13px}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{border:0;border-radius:7px;padding:11px 15px;font-weight:600}.primary{background:var(--orange);color:#171b21}.secondary{background:#edf1f3;color:#48545e}.danger{background:#fff0ef;color:#bc3e3e}.icon{padding:8px 12px;background:#f0f3f4}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8b969e}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;margin-bottom:0}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:16px}em{color:var(--orange);font-style:normal}.loading{padding:80px;text-align:center}.auth-art{position:relative;width:50%;background:radial-gradient(at 70% 80%,#245047,#111d27 70%);min-height:100vh;padding:50px 9%;overflow:hidden;color:white}.auth-art>a img{width:180px}.auth-art h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:85px;line-height:1;margin-top:70px;position:relative;z-index:1}.auth-art p{color:#94a8b6;line-height:1.9;margin-top:24px;position:relative;z-index:1}.auth-mascot{position:absolute;height:57%;right:-70px;bottom:-100px}.auth-panel{width:50%;display:grid;place-items:center;padding:50px}#auth{display:flex}.auth-panel form{width:100%;max-width:370px}.auth-panel h2{font-size:30px;margin-top:20px}.auth-panel p{color:var(--muted);line-height:1.7}.auth-panel .primary{width:100%;margin-top:16px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;margin-bottom:20px}input,textarea,select{width:100%;border:1px solid #d8dfe3;border-radius:6px;background:#fff;padding:12px;color:#24323c;font-weight:400;min-width:0}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{outline:2px solid #ffad7e;border-color:transparent}label small{font-size:10px;color:var(--muted);line-height:1.6;font-weight:400}.error{color:#bd3434!important;font-size:12px;line-height:1.8}.muted{color:var(--muted);font-size:11px;line-height:1.8}#app{display:flex;min-height:100vh}aside{position:fixed;width:238px;inset:0 auto 0 0;background:#121c25;color:#a1adb8;padding:32px 23px;display:flex;flex-direction:column}.admin-brand img{width:176px;display:block}.admin-brand{margin-bottom:42px}aside>.eyebrow{font-size:8px;padding-left:12px;margin-bottom:22px}nav{display:flex;flex-direction:column;gap:6px}nav button{display:flex;align-items:center;gap:13px;color:#99aab8;background:none;text-align:left;padding:14px 12px;font-size:16px}nav button span{font-size:12px}nav button.active{background:#ff793f18;color:#ff9d70}nav button small{margin-left:auto;font-size:10px}.aside-bottom{margin-top:auto;display:flex;flex-direction:column;gap:15px;padding:25px 12px 0;font-size:11px}.aside-bottom button{background:none;color:#8b9ba7;text-align:left;padding:0}main{margin-left:238px;flex:1;min-width:0}header{padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:#fff}header .eyebrow{display:block;margin-bottom:10px}.header-actions{display:flex;align-items:center;gap:20px}#save-state{font-size:10px;color:#8c969d}#panel{padding:32px 42px}.notice{margin:22px 42px 0;padding:13px 18px;background:#e4f4e8;color:#287442;border-radius:7px;font-size:12px}.notice.bad{color:#a63838;background:#fde9e7}.panel-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-intro p{margin:0;color:var(--muted);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat{background:white;padding:22px;border:1px solid var(--border);border-radius:10px}.stat span{font-size:10px;color:var(--muted)}.stat b{display:block;font-size:30px;margin-top:10px;letter-spacing:-1px}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{max-width:380px}.toolbar select{max-width:170px}.game-table{background:white;border:1px solid var(--border);border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{text-align:left;font-size:9px;letter-spacing:1px;color:#87929a;background:#fafbfc;padding:16px}td{padding:16px;border-top:1px solid #edf0f1;font-size:12px}.game-name{display:flex;align-items:center;gap:13px}.game-name img,.thumb{width:48px;height:48px;object-fit:cover;background:#152e36;border-radius:7px}.thumb{display:grid;place-items:center;color:#ffd596;font-size:23px}.pill{font-size:9px;background:#e9f5ee;color:#328057;padding:5px 9px;border-radius:20px;white-space:nowrap}.pill.draft{background:#f0f1f4;color:#7f8691}.row-actions{display:flex;gap:6px}.row-actions button{padding:7px 10px;font-size:10px;background:#f1f4f5}.row-actions .delete{color:#be4848}.demo-link{font-size:11px;color:#d96a3a}.empty{padding:50px;text-align:center;color:var(--muted)}.settings-card{background:white;border:1px solid var(--border);border-radius:10px;padding:28px;margin-bottom:22px}.settings-card>p{color:var(--muted);font-size:11px;line-height:1.8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.check{flex-direction:row;align-items:center;font-size:12px}.check input{width:16px;height:16px;accent-color:var(--orange)}.serp{border:1px solid var(--border);border-radius:7px;padding:22px;max-width:650px}.serp .url{color:#326344;font-size:11px}.serp .title{color:#254db1;font-size:20px;margin:8px 0}.serp p{line-height:1.7;color:#626b73;margin:0}.upload-row{display:flex;align-items:center;gap:15px;margin-top:-7px;margin-bottom:20px}.upload-button{padding:10px 14px;background:#edf1f4;border-radius:6px;cursor:pointer;margin:0}.upload-row small{font-size:9px;color:var(--muted)}.image-preview{width:120px;max-height:140px;object-fit:contain;background:#e5e9ec;border-radius:8px;margin-bottom:15px}.copy-group{border:1px solid var(--border);background:white;border-radius:8px;margin-bottom:15px}.copy-group summary{cursor:pointer;padding:20px;font-weight:700;text-transform:capitalize}.copy-fields{padding:5px 22px 2px}.copy-fields label{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:15px;padding:30px;width:650px;max-width:calc(100% - 24px);max-height:90vh;overflow-y:auto;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#101c2ac9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.dialog-heading h2{margin:7px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border);padding-top:20px}.backup-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.backup-actions label{margin:0}.account-form{max-width:450px}.warning{background:#fff5e8;padding:16px;border-radius:7px;color:#936022;font-size:11px;line-height:1.8}.search-count{color:var(--muted);font-size:11px;margin-top:14px}
@media(max-width:1100px){aside{width:205px;padding:28px 15px}main{margin-left:205px}header{padding:28px}#panel{padding:28px}.header-actions{gap:10px;flex-direction:column;align-items:flex-end}.notice{margin:20px 28px 0}.auth-art{padding:40px 6%}.auth-art h1{font-size:70px}.auth-mascot{height:48%}}
@media(max-width:760px){aside{position:relative;width:100%;padding:16px;gap:12px}.admin-brand{margin:0}.admin-brand img{width:140px}aside>.eyebrow{display:none}nav{flex-direction:row;overflow-x:auto;gap:5px}nav button{flex-shrink:0;padding:10px;font-size:12px}nav button span{font-size:10px}nav button small{display:none}.aside-bottom{position:absolute;top:22px;right:20px;padding:0;flex-direction:row;font-size:9px}.aside-bottom button{font-size:9px}#app{display:block}main{margin:0}header{padding:25px 18px;align-items:flex-start}h1{font-size:23px}header .eyebrow{font-size:7px}#panel{padding:22px 18px}.header-actions button{font-size:10px;padding:11px}#save-state{font-size:8px;text-align:right}.stats{gap:8px}.stat{padding:16px 12px}.stat b{font-size:25px}.stat span{font-size:8px}.panel-intro{align-items:flex-start}.panel-intro p{font-size:11px}.panel-intro button{font-size:10px;white-space:nowrap}.settings-card{padding:22px 18px}.field-grid{grid-template-columns:1fr}.toolbar input{width:60%}.toolbar select{width:40%}.notice{margin:15px 18px 0}.auth-art{display:none}.auth-panel{width:100%;min-height:100svh;padding:28px}dialog{padding:24px 20px}.upload-row{align-items:flex-start;flex-direction:column;gap:8px}.serp .title{font-size:17px}}