*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#42b7df;font-family:Arial,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{display:flex;align-items:center;justify-content:center}#game-container{position:relative;overflow:hidden;background:#42b7df}#game-container canvas{display:block}#hud{position:fixed;top:10px;left:12px;z-index:5;display:none;color:#1c3a52b3;font:11px/1.5 Consolas,monospace;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.45)}#hud span{color:#146a9af2}.level-toggle{position:fixed;top:18px;right:18px;z-index:8;min-width:108px;height:44px;border:0;border-radius:8px;background:#1f2937;color:#fff;font:800 15px/1 Arial,Microsoft YaHei,sans-serif;box-shadow:0 10px 24px #151f2d40;cursor:pointer}.level-toggle:disabled{cursor:wait;opacity:.72}.level-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:none;background:#08141f61}.level-panel-open .level-backdrop{display:block}.level-panel{position:fixed;top:0;right:0;z-index:10;display:grid;grid-template-rows:auto auto auto 1fr;width:min(420px,100vw);height:100%;padding:18px;background:#f8fafc;border-left:1px solid rgba(15,23,42,.12);box-shadow:-24px 0 48px #0f172a38;transform:translate(102%);transition:transform .18s ease}.level-panel-open .level-panel{transform:translate(0)}.level-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px}.level-panel__eyebrow{color:#64748b;font-size:12px;font-weight:800}.level-panel h1{color:#111827;font-size:24px;line-height:1.1}.level-panel__close{width:40px;height:40px;border:0;border-radius:8px;background:#e5e7eb;color:#111827;font-size:26px;line-height:1;cursor:pointer}.level-current{min-height:44px;padding:11px 12px;border-radius:8px;background:#fffbeb;color:#713f12;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-controls{display:grid;grid-template-columns:1fr 132px;gap:10px;margin:12px 0}.level-search,.level-theme{width:100%;height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:700 14px/1 Arial,Microsoft YaHei,sans-serif;outline:none}.level-search{padding:0 12px}.level-theme{padding:0 8px}.level-search:focus,.level-theme:focus{border-color:#0ea5a8;box-shadow:0 0 0 3px #0ea5a82e}.level-list{min-height:0;overflow:auto;display:grid;align-content:start;grid-template-columns:1fr;gap:8px;padding-right:3px}.level-item{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:22px 18px;column-gap:10px;align-items:center;min-height:58px;padding:9px 11px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;color:#111827;text-align:left;cursor:pointer}.level-item:disabled{cursor:wait;opacity:.7}.level-item.is-current{border-color:#0ea5a8;background:#ecfeff}.level-item__id{grid-row:1 / 3;display:grid;place-items:center;width:46px;height:38px;border-radius:8px;background:#1f2937;color:#fff;font-size:15px;font-weight:900}.level-item__name,.level-item__meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-item__name{font-size:15px;font-weight:900}.level-item__meta{color:#64748b;font-size:12px;font-weight:800}.level-empty{padding:24px 6px;color:#64748b;text-align:center;font-weight:800}@media (max-width: 520px){.level-toggle{top:10px;right:10px;min-width:92px;height:40px;font-size:14px}.level-panel{padding:14px}.level-controls{grid-template-columns:1fr}}