:root{color:#f4f7fb;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-root{background:#080a0f;position:fixed;inset:0}.game-canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;color:#f7fafc;position:fixed;inset:0}.hud-top{text-shadow:0 2px 8px #000000b3;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.hud-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d14a3;border:1px solid #ffffff29;border-radius:8px;min-width:190px;padding:10px 12px}.hud-title{opacity:.72;margin:0 0 5px;font-size:12px}.hud-value{letter-spacing:0;margin:0;font-size:22px;font-weight:700}.hud-fps{color:#8ef0d5;letter-spacing:0;text-align:right;text-transform:uppercase;text-shadow:0 0 10px #8ef0d58c,0 2px 8px #000000d9;margin:6px 0 0;font-size:11px;font-weight:800}.hud-hints{text-align:center;background:#0a0d14ad;border:1px solid #ffffff29;border-radius:8px;max-width:min(860px,100vw - 32px);padding:10px 14px;font-size:14px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.crosshair{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffeb;position:absolute;box-shadow:0 0 8px #000000bf}.crosshair:before{width:2px;height:16px;top:2px;left:9px}.crosshair:after{width:16px;height:2px;top:9px;left:2px}.crosshair.cooldown:before,.crosshair.cooldown:after{background:#9ba3afa6}.overlay{z-index:20;color:#f7fafc;background:#05080dc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:#0c111beb;border:1px solid #ffffff2e;border-radius:8px;width:min(640px,100%);padding:24px;box-shadow:0 18px 70px #00000073}.dialog h1,.dialog h2{letter-spacing:0;margin:0 0 12px;font-size:28px}.dialog p{color:#d7dde8;margin:0 0 14px;line-height:1.6}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.ui-button{pointer-events:auto;color:#07111f;cursor:pointer;background:#8ef0d5;border:1px solid #ffffff29;border-radius:8px;padding:10px 14px;font-weight:700}.ui-button.secondary{color:#f7fafc;background:#ffffff14}.score-grid{grid-template-columns:1.4fr .7fr .7fr .7fr;gap:8px;margin-top:14px;font-size:14px;display:grid}.score-grid>div{border-bottom:1px solid #ffffff1a;padding:8px}.error-banner{z-index:30;color:#fff1f2;background:#7f1d1de6;border:1px solid #fecaca80;border-radius:8px;max-width:min(760px,100vw - 32px);padding:12px 14px;font-size:14px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.chameleon-editor-root{background:linear-gradient(#7fe5c712,#0000 240px),#080a0f;position:fixed;inset:0;overflow:auto}.chameleon-editor{width:min(1440px,100vw - 48px);min-height:100%;margin:0 auto;padding:28px 0 36px}.chameleon-editor-topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.chameleon-kicker{color:#7fe5c7;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.chameleon-editor h1,.chameleon-editor h2{letter-spacing:0;margin:0}.chameleon-editor h1{font-size:clamp(28px,4vw,54px);line-height:1}.chameleon-editor h2{font-size:25px}.chameleon-account{color:#d8e1ec;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.chameleon-account>span{color:#b6c2cf}.chameleon-primary-button,.chameleon-secondary-button,.chameleon-mode-switch button{cursor:pointer;border:1px solid #ffffff29;border-radius:8px;min-height:38px;padding:9px 13px;font-weight:800}.chameleon-primary-button{color:#06111d;background:linear-gradient(135deg,#8be2ff,#7fe5c7);border-color:#8be2ff85}.chameleon-primary-button:disabled,.chameleon-secondary-button:disabled,.chameleon-mode-switch button:disabled{cursor:not-allowed;opacity:.48}.chameleon-secondary-button,.chameleon-mode-switch button{color:#eff6ff;background:#ffffff0f}.chameleon-editor-grid{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.chameleon-map-list,.chameleon-selected-panel,.chameleon-generator-panel{background:#0d121bd1;border:1px solid #ffffff21;border-radius:8px}.chameleon-map-list{padding:14px}.chameleon-section-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.chameleon-scene-list{gap:10px;display:grid}.chameleon-scene-card{color:#eef6ff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:82px minmax(0,1fr);gap:12px;width:100%;min-height:82px;padding:8px;display:grid}.chameleon-scene-card[data-active=true]{background:#7fe5c71f;border-color:#7fe5c7c2}.chameleon-scene-card img{object-fit:cover;background:#101827;border-radius:6px;width:82px;height:66px}.chameleon-scene-card span{align-content:center;gap:4px;min-width:0;display:grid}.chameleon-scene-card strong,.chameleon-scene-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chameleon-scene-card small{color:#aab7c7}.chameleon-selected-panel{grid-column:2;grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);display:grid;overflow:hidden}.chameleon-preview-card{background:#05070b;min-height:470px}.chameleon-preview-card img{object-fit:cover;width:100%;height:100%;min-height:470px;display:block}.chameleon-selected-copy{flex-direction:column;gap:18px;padding:22px;display:flex}.chameleon-status-grid{color:#aab7c7;grid-template-columns:110px minmax(0,1fr);gap:9px 14px;font-size:13px;display:grid}.chameleon-status-grid strong{color:#eff6ff;overflow-wrap:anywhere}.chameleon-play-button{width:100%;margin-top:auto}.chameleon-generator-panel{grid-column:2;padding:16px}.chameleon-generator-panel summary{cursor:pointer;font-weight:850}.chameleon-mode-switch{gap:8px;margin:16px 0 12px;display:inline-flex}.chameleon-mode-switch button[aria-pressed=true]{color:#07111f;background:#8be2ff;border-color:#8be2ffa6}.chameleon-field{color:#c8d3df;gap:8px;margin:12px 0;font-size:13px;font-weight:700;display:grid}.chameleon-field textarea{resize:vertical;color:#eef6ff;min-height:92px;font:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:12px;line-height:1.5}.chameleon-upload{color:#aebdca;cursor:pointer;background:#8be2ff0d;border:1px dashed #8be2ff66;border-radius:8px;place-items:center;min-height:190px;display:grid;overflow:hidden}.chameleon-upload input{display:none}.chameleon-upload img{object-fit:cover;width:100%;height:220px}.chameleon-note{color:#aab7c7;margin:10px 0 0;font-size:13px}.chameleon-error-text{color:#fecaca;margin:10px 0 0;font-size:13px}.chameleon-play-shell{background:#05070b;position:fixed;inset:0}.chameleon-play-stage{position:fixed;inset:0}.chameleon-play-topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070bb8;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex;position:fixed;top:14px;left:14px;right:14px}@media (max-width:980px){.chameleon-editor{width:min(100vw - 28px,760px);padding-top:18px}.chameleon-editor-topbar,.chameleon-selected-panel,.chameleon-editor-grid{grid-template-columns:1fr}.chameleon-selected-panel,.chameleon-generator-panel{grid-column:1}.chameleon-preview-card,.chameleon-preview-card img{min-height:280px}}