*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#f8fafc;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.wrap{max-width:980px;margin:0 auto;padding:28px 18px 60px}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.head h1{margin:0}.head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.muted{color:#97a5bd}.card{background:#131c2f;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:20px;margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,button,select{font:inherit}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#0b1323;color:white}.btn{display:inline-block;border:0;border-radius:12px;padding:11px 16px;background:#63e6be;color:#062117;text-decoration:none;font-weight:850;cursor:pointer}.btn.secondary{background:#25324a;color:#e8eef9}.btn.danger{background:#ff6b6b;color:#2a0707}.btn.helpbtn{background:#4dabf7;color:#071728}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.row:last-child{border:0}.row h3{margin:0 0 4px}.row small{color:#8fa0ba}.alert{padding:13px 15px;border-radius:13px;margin:14px 0;background:#183b2d;color:#b2f2bb}.alert.err{background:#452025;color:#ffc9c9}code{background:#09111e;padding:2px 6px;border-radius:6px}.help{font-size:14px;line-height:1.6;color:#a9b6c9}form.inline{display:inline}.login{max-width:440px;margin:10vh auto;padding:26px}.login h1{margin-top:0}.quick-help{display:flex;align-items:center;justify-content:space-between;gap:16px}.quick-help h2{margin:0 0 5px}.permission{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);display:grid;gap:5px}.permission:last-child{border:0}.permission span{color:#a9b6c9;line-height:1.5}.pill{display:inline-block;padding:3px 7px;border-radius:999px;background:#264a3d;color:#b2f2bb;font-size:11px;vertical-align:middle}.readme h2{margin-top:0}.readme h3{margin-bottom:6px}.readme p,.readme li{line-height:1.65;color:#c2cce0}.readme pre{overflow:auto;background:#09111e;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:15px;color:#cfe0ff}.readme section{scroll-margin-top:20px}@media(max-width:720px){.grid{grid-template-columns:1fr}.row{align-items:flex-start;flex-direction:column}.head{flex-direction:column}.head-actions{justify-content:flex-start}.quick-help{align-items:flex-start;flex-direction:column}}

/* Identidade visual VersaPlay v2.4 */
.admin-brand{
  display:flex;align-items:center;gap:11px;margin-bottom:18px;
  color:#eaf3ff;font-size:15px;font-weight:850
}
.admin-brand img{
  width:43px;height:43px;object-fit:cover;border-radius:13px;
  box-shadow:0 8px 24px rgba(77,171,247,.18)
}
.admin-brand.compact{margin:0 0 12px}
.login-logo-full{
  display:block;width:min(78%,290px);height:auto;margin:0 auto 20px;
  border-radius:18px
}
.login.card{overflow:hidden}
@media(max-width:600px){
  .login-logo-full{width:min(88%,260px)}
}

.site-footer-admin{max-width:980px;margin:0 auto 24px;padding:0 18px;color:#8fa0ba;font-size:13px}.site-footer-admin span{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.site-footer-admin a{color:#9ddcff;text-decoration:none}.site-footer-admin a:hover{text-decoration:underline}.login + .site-footer-admin{margin-top:22px;text-align:center}.site-footer-admin{text-align:center}@media(max-width:600px){.site-footer-admin{font-size:12px}}


/* Gerenciamento de jogadores públicos v2.7 */
.privacy-note{display:flex;align-items:center;justify-content:space-between;gap:18px}
.privacy-note h2{margin:0 0 5px}
.pill-safe{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 11px;border-radius:999px;background:#183b2d;color:#b2f2bb;font-size:12px;font-weight:850}
.table-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.table-head h2{margin:0 0 4px}
.user-search{max-width:340px}
.users-table-wrap{width:100%;overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:15px}
.users-table{width:100%;border-collapse:collapse;min-width:830px;background:#0d1627}
.users-table th,.users-table td{padding:13px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle}
.users-table th{position:sticky;top:0;background:#17233a;color:#b9c6db;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.users-table tbody tr:last-child td{border-bottom:0}
.users-table tbody tr:hover{background:rgba(255,255,255,.025)}
.users-table td{color:#dbe5f5;font-size:14px}
.users-table .actions-col{text-align:right;white-space:nowrap}
.email-link{color:#9ddcff;text-decoration:none}
.email-link:hover{text-decoration:underline}
.pill.warn{background:#4a351b;color:#ffd89b}
.empty-filter{text-align:center;color:#97a5bd;padding:24px}
@media(max-width:720px){
  .privacy-note,.table-head{align-items:flex-start;flex-direction:column}
  .user-search{max-width:none}
}


/* Pacote dos jogos v2.8 */
.section-head-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.section-head-inline h2{margin:0 0 4px}
.zip-status{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#0d1728;color:#9fb0c9;font-size:12px;border:1px solid rgba(255,255,255,.07)}
.game-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.btn.package{background:#4dabf7;color:#071728}
.btn.package:hover{filter:brightness(1.07)}
.btn.disabled{opacity:.46;cursor:not-allowed;pointer-events:none}
@media(max-width:720px){
  .section-head-inline{flex-direction:column}
  .game-actions{justify-content:flex-start}
}


/* Editor de pacotes v2.9 */
.btn.editor{background:#845ef7;color:#fff}.btn.simulate{background:#20c997;color:#06251d}.btn.validate{background:#ffd43b;color:#2c2100}.btn.publish{background:#69db7c;color:#08210d}.draft-state{display:inline-block;padding:2px 7px;border-radius:999px;font-size:11px}.draft-state.same{background:#183b2d;color:#b2f2bb}.draft-state.changed{background:#4a351b;color:#ffd89b}.editor-actions-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.package-editor-grid{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:16px;align-items:start}.editor-sidebar{margin:0;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}.editor-sidebar-head{display:flex;justify-content:space-between;align-items:center}.editor-sidebar h2{margin:0}.editor-sidebar small{color:#8fa0ba}.file-tree{display:grid;gap:4px;margin:14px 0}.file-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 9px;border-radius:9px;color:#cbd6e8;text-decoration:none;font-size:13px}.file-item:hover{background:#19263d}.file-item.active{background:#253a5d;color:#fff}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{color:#8bbcff}.file-item small{font-size:10px}.file-create{padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.08)}.file-create h3{margin:0 0 8px;font-size:14px}.file-create form{display:grid;gap:8px}.editor-main{margin:0;min-width:0}.editor-file-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.editor-file-head h2{margin:0;word-break:break-all}.code-form{display:grid;gap:10px}.code-editor{width:100%;min-height:62vh;resize:vertical;background:#07101c;color:#dbeafe;border:1px solid #2b3b55;border-radius:12px;padding:15px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:2;white-space:pre;overflow:auto}.code-editor:focus{outline:2px solid rgba(77,171,247,.35);border-color:#4dabf7}.editor-save{display:flex;align-items:center;justify-content:space-between;gap:15px}.rename-box{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;background:#0d1728}.rename-box form{display:flex;gap:8px}.binary-preview{min-height:420px;display:grid;place-items:center;text-align:center;padding:20px;background:#09111e;border-radius:14px}.binary-preview img{max-width:100%;max-height:65vh;border-radius:12px}.binary-preview video{max-width:100%;max-height:65vh}.binary-preview audio{width:min(100%,520px)}.binary-icon{font-size:76px;color:#4dabf7}.editor-empty{text-align:center;padding:80px 20px;color:#97a5bd}.validation-card{border-color:rgba(255,212,59,.25)}.validation-card h2{margin-top:0}.validation-card li{line-height:1.6}.validation-error-title{color:#ffc9c9}.alert.warnbox{background:#4a351b;color:#ffd89b}.preview-page{margin:0;height:100vh;display:grid;grid-template-rows:58px 1fr;background:#0b1020}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#121a2c;color:#eaf3ff;border-bottom:1px solid rgba(255,255,255,.1)}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-frame{width:100%;height:100%;border:0;background:#fff}@media(max-width:880px){.package-editor-grid{grid-template-columns:1fr}.editor-sidebar{position:static;max-height:none}.file-tree{max-height:280px;overflow:auto}.editor-file-head,.editor-save{align-items:flex-start;flex-direction:column}.preview-toolbar{height:auto;min-height:58px;flex-wrap:wrap}.code-editor{min-height:55vh}}


/* Correções de simulação + indentação v2.9.1 */
.code-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;
  background:#0b1423
}
.code-toolbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.btn.code-tool{
  padding:7px 10px;border-radius:8px;background:#25324a;color:#dce7f7;
  font-size:12px
}
.btn.code-tool:hover{background:#31415f}
.btn.code-tool.json-tool{background:#3b2d61;color:#e8dcff}
.code-shortcuts{color:#8292aa;font-size:11px}
.format-ok{color:#b2f2bb;font-size:11px;font-weight:800}

.preview-page{
  grid-template-rows:auto auto minmax(0,1fr)
}
.preview-title,.preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.simulation-status{
  display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;
  font-size:11px;font-weight:850;border:1px solid rgba(255,255,255,.08)
}
.simulation-status.loading{background:#293348;color:#cbd6e8}
.simulation-status.ok{background:#183b2d;color:#b2f2bb;border-color:rgba(105,219,124,.22)}
.simulation-status.warn{background:#4a351b;color:#ffd89b;border-color:rgba(255,212,59,.22)}
.simulation-status.error{background:#452025;color:#ffc9c9;border-color:rgba(255,107,107,.25)}
.simulation-error{
  padding:9px 14px;background:#452025;color:#ffc9c9;border-bottom:1px solid rgba(255,107,107,.25);
  font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  overflow:auto;white-space:pre-wrap
}
.preview-frame{min-height:0}

@media(max-width:700px){
  .code-toolbar{align-items:flex-start;flex-direction:column}
  .preview-toolbar{align-items:flex-start}
}


/* Editor estilo VS Code + preview estático v2.9.2 */
.editor-wrap{max-width:1500px}
.package-editor-grid{grid-template-columns:minmax(250px,310px) minmax(0,1fr)}
.editor-sidebar{
  background:#181818;border-color:#2a2a2a;border-radius:10px;
  padding:12px;color:#cccccc
}
.editor-sidebar-head h2{
  font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#bbbbbb
}
.file-tree{gap:1px}
.file-item{
  min-height:30px;padding:5px 7px;border-radius:3px;color:#cccccc;
  font-family:"Segoe UI",system-ui,sans-serif
}
.file-item:hover{background:#2a2d2e}
.file-item.active{background:#37373d;color:#fff}
.file-icon{color:#75beff}
.file-item small{color:#8b8b8b}

.editor-main.vscode-editor-panel,
.editor-main{
  background:#1e1e1e;border-color:#2a2a2a;border-radius:10px;padding:12px
}
.vscode-code-form{gap:9px}
.vscode-shell{
  overflow:hidden;border:1px solid #303030;border-radius:6px;background:#1e1e1e;
  box-shadow:0 10px 30px rgba(0,0,0,.22)
}
.vscode-tabbar{
  height:38px;display:flex;align-items:stretch;justify-content:space-between;
  background:#181818;border-bottom:1px solid #252525
}
.vscode-tab{
  display:flex;align-items:center;gap:8px;min-width:170px;max-width:65%;
  padding:0 13px;background:#1e1e1e;color:#d4d4d4;border-top:1px solid #007acc;
  font:12px "Segoe UI",system-ui,sans-serif
}
.vscode-tab span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vscode-file-dot{width:9px;height:9px;border-radius:2px;background:#75beff;flex:0 0 auto}
.vscode-file-dot.ext-html,.vscode-file-dot.ext-htm{background:#e34c26}
.vscode-file-dot.ext-js,.vscode-file-dot.ext-mjs{background:#f1e05a}
.vscode-file-dot.ext-css{background:#563d7c}
.vscode-file-dot.ext-json,.vscode-file-dot.ext-map,.vscode-file-dot.ext-gltf{background:#cbcb41}
.vscode-file-dot.ext-svg,.vscode-file-dot.ext-xml{background:#ff9a3c}
.vscode-dirty{font-size:9px;color:#fff}
.vscode-editor-actions{display:flex;align-items:center;padding:0 7px;gap:2px}
.vscode-action{
  height:28px;padding:0 8px;border:0;border-radius:4px;background:transparent;
  color:#bdbdbd;font:11px "Segoe UI",system-ui,sans-serif;cursor:pointer
}
.vscode-action:hover{background:#2a2d2e;color:#fff}
.ace-editor-host{
  width:100%;height:65vh;min-height:500px;background:#1e1e1e;
  font-family:Consolas,"Courier New",monospace
}
.code-editor-fallback{
  width:100%;height:65vh;min-height:500px;resize:vertical;border:0;outline:0;
  background:#1e1e1e;color:#d4d4d4;padding:14px;
  font:14px/1.55 Consolas,"Courier New",monospace;tab-size:2
}
.vscode-statusbar{
  min-height:24px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:3px 9px;background:#007acc;color:#fff;
  font:11px "Segoe UI",system-ui,sans-serif
}
.vscode-statusbar>div{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.ace_gutter{background:#1e1e1e!important;color:#858585!important}
.ace_gutter-active-line{background:#252526!important}
.ace_active-line{background:#2a2d2e!important}
.ace_marker-layer .ace_selection{background:#264f78!important}
.ace_fold{background:#569cd6!important;border-color:#569cd6!important}
.ace_cursor{color:#aeafad!important}

.preview-page{
  grid-template-rows:auto auto minmax(0,1fr)
}
.simulation-info{
  padding:7px 14px;background:#10233a;color:#9ddcff;border-bottom:1px solid #21374d;
  font-size:12px
}
.preview-failure{
  display:grid;place-items:center;align-content:center;text-align:center;padding:40px;color:#cbd6e8
}
.preview-frame{min-height:0;background:#fff}
.simulation-status.ok{box-shadow:0 0 0 1px rgba(105,219,124,.08) inset}

@media(max-width:900px){
  .ace-editor-host,.code-editor-fallback{height:58vh;min-height:420px}
  .vscode-statusbar{align-items:flex-start;flex-direction:column}
}


/* v3.0 - Explorer em árvore */
.editor-sidebar-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.tree-tool{
  width:28px;height:28px;border:0;border-radius:4px;background:transparent;
  color:#b9b9b9;cursor:pointer;font-size:15px
}
.tree-tool:hover{background:#2a2d2e;color:#fff}
.vscode-tree{display:block;padding:2px 0 6px}
.tree-folder{margin:0;padding:0}
.tree-folder>summary{
  display:flex;align-items:center;gap:5px;min-height:27px;padding:3px 6px;
  color:#cccccc;cursor:pointer;list-style:none;font:12px "Segoe UI",system-ui,sans-serif;
  user-select:none;border-radius:3px
}
.tree-folder>summary::-webkit-details-marker{display:none}
.tree-folder>summary:hover{background:#2a2d2e}
.tree-chevron{
  width:12px;display:inline-block;text-align:center;color:#a8a8a8;
  transform:rotate(0deg);transition:transform .1s ease
}
.tree-folder[open]>summary .tree-chevron{transform:rotate(90deg)}
.tree-folder-icon{font-size:11px;color:#dcb67a}
.tree-children{
  margin-left:11px;padding-left:5px;border-left:1px solid rgba(255,255,255,.045)
}
.file-item.tree-file{
  min-height:27px;margin:0;padding:3px 6px;gap:6px;border-radius:3px;
  font:12px "Segoe UI",system-ui,sans-serif
}
.file-item.tree-file small{margin-left:auto;font-size:10px}
.tree-file-icon{width:13px;flex:0 0 13px;text-align:center;color:#75beff}
.tree-file-icon.ext-html,.tree-file-icon.ext-htm{color:#e37933}
.tree-file-icon.ext-js,.tree-file-icon.ext-mjs{color:#e8d44d}
.tree-file-icon.ext-css{color:#7d74c9}
.tree-file-icon.ext-json,.tree-file-icon.ext-map,.tree-file-icon.ext-gltf{color:#c9c941}
.tree-file-icon.ext-svg,.tree-file-icon.ext-xml{color:#f39a45}
.tree-file-icon.ext-png,.tree-file-icon.ext-jpg,.tree-file-icon.ext-jpeg,.tree-file-icon.ext-webp,.tree-file-icon.ext-gif{color:#b180d7}
.tree-file-icon.ext-mp3,.tree-file-icon.ext-wav,.tree-file-icon.ext-ogg,.tree-file-icon.ext-m4a{color:#71c48d}
.tree-file-icon.ext-wasm,.tree-file-icon.ext-bin,.tree-file-icon.ext-data{color:#c586c0}

.readme-table{width:100%;border-collapse:collapse;margin:12px 0}
.readme-table th,.readme-table td{padding:10px 12px;border:1px solid rgba(255,255,255,.08);text-align:left}
.readme-table th{background:#0d1728;color:#cfe0ff}