@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.game-container[data-v-d098a497]{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:#111318;border-radius:16px;box-shadow:0 8px 30px var(--color-shadow);min-width:0;overflow:hidden}.game-container [data-v-d098a497] canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px}@media (max-width: 1024px){.game-container[data-v-d098a497]{width:100%;min-height:50vh}}.control-section[data-v-3a9f8563]{border-bottom:1px solid var(--color-border);padding-bottom:25px}.control-section[data-v-3a9f8563]:last-of-type{border-bottom:none;padding-bottom:0}.section-title[data-v-3a9f8563]{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0 0 20px;cursor:pointer;list-style:none;display:flex;align-items:center;transition:color .2s}.section-title[data-v-3a9f8563]::-webkit-details-marker{display:none}.section-title[data-v-3a9f8563]:before{content:"▼";font-size:.7em;margin-right:10px;transition:transform .2s ease-in-out;color:var(--color-primary)}details:not([open])>.section-title[data-v-3a9f8563]:before{transform:rotate(-90deg)}.section-title[data-v-3a9f8563]:hover{color:var(--color-primary-light)}.section-content[data-v-3a9f8563],.file-uploader[data-v-040302ee]{display:flex;flex-direction:column;gap:15px}.drop-area[data-v-040302ee]{width:100%;box-sizing:border-box;background:var(--color-surface-light);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:20px;text-align:center;transition:all .2s ease-in-out;color:var(--color-text-muted)}.drop-area[data-v-040302ee]:hover,.drop-area.dragging[data-v-040302ee]{border-color:var(--color-primary);background:var(--control-bg-hover);transform:scale(1.02)}.drop-area .prompt[data-v-040302ee]{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-area .prompt .icon-upload[data-v-040302ee]{font-size:2.5rem;line-height:1;color:var(--color-primary)}.drop-area .prompt p[data-v-040302ee]{margin:0;font-weight:600;color:var(--color-text);max-width:200px}.drop-area .prompt .hint[data-v-040302ee]{font-size:.8rem}.status-grid[data-v-040302ee]{display:grid;gap:10px;text-align:left;grid-template-columns:minmax(0,1fr)}.file-status[data-v-040302ee]{display:flex;align-items:center;gap:12px;padding:10px;background-color:var(--color-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-border);transition:all .2s}.file-status.valid[data-v-040302ee]{border-left-color:var(--color-success)}.file-status.valid .icon-file[data-v-040302ee]{filter:grayscale(0)}.file-status.valid .name[data-v-040302ee]{color:var(--color-text)}.file-status .icon-file[data-v-040302ee]{font-size:1.8rem;line-height:1;flex-shrink:0;filter:grayscale(100%);transition:filter .2s}.file-status .info[data-v-040302ee]{display:flex;flex-direction:column;overflow:hidden;gap:2px}.file-status .type[data-v-040302ee]{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.file-status .name[data-v-040302ee]{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted)}.format-select[data-v-040302ee],.compare-layout[data-v-040302ee]{display:flex;flex-direction:column;gap:8px}.format-label[data-v-040302ee]{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.format-toggle[data-v-040302ee]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-button[data-v-040302ee]{padding:8px 12px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s ease}.toggle-button[data-v-040302ee]:hover{border-color:var(--color-primary)}.toggle-button.active[data-v-040302ee]{border-color:var(--color-primary);background:linear-gradient(145deg,var(--color-primary-light),var(--color-primary));color:#fff;box-shadow:0 4px 12px #0003}.compare-toggle[data-v-040302ee]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text)}.compare-toggle input[data-v-040302ee]{width:16px;height:16px}.compare-hint[data-v-040302ee],.compare-legend[data-v-040302ee]{font-size:.85rem;color:var(--color-text-muted)}.compare-metrics[data-v-040302ee]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:10px 12px;font-size:.85rem}.compare-metrics-title[data-v-040302ee]{font-weight:700;margin-bottom:8px}.compare-metrics-grid[data-v-040302ee]{display:grid;grid-template-columns:1fr repeat(2,minmax(0,1fr));gap:6px 10px;align-items:center}.compare-metrics-header[data-v-040302ee]{font-weight:600;color:var(--color-text-muted)}.compare-metrics-label[data-v-040302ee]{color:var(--color-text-muted)}.compare-metrics-value[data-v-040302ee]{font-variant-numeric:tabular-nums}.compare-diffs[data-v-040302ee]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:10px 12px;font-size:.85rem}.compare-diffs-title[data-v-040302ee]{font-weight:700;margin-bottom:6px}.compare-diffs-empty[data-v-040302ee]{color:var(--color-text-muted)}.compare-diffs-lines[data-v-040302ee]{display:flex;flex-direction:column;gap:4px}.compare-diffs-line[data-v-040302ee]{color:var(--color-text)}.compare-overlay-controls[data-v-040302ee]{display:flex;flex-direction:column;gap:10px}.compare-overlay-controls .format-label[data-v-040302ee]{display:flex;align-items:center;justify-content:space-between}.compare-overlay-controls .format-label span[data-v-040302ee]{font-weight:700;color:var(--color-primary-light);background-color:var(--color-surface);padding:2px 8px;border-radius:var(--radius-sm);font-size:.85em}.compare-overlay-controls input[type=range][data-v-040302ee]{margin-top:-2px}.compare-tint-row[data-v-040302ee]{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);padding:6px 8px 6px 12px;border-radius:var(--radius-md)}.compare-tint-row>label[data-v-040302ee]{font-weight:500}.compare-tint-row>input[type=color][data-v-040302ee]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:none;padding:0;background-color:transparent;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden}.compare-tint-row>input[type=color][data-v-040302ee]::-webkit-color-swatch-wrapper{padding:0}.compare-tint-row>input[type=color][data-v-040302ee]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.compare-tint-row>input[type=color][data-v-040302ee]::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.runtime-reload[data-v-040302ee]{display:flex;gap:15px;align-items:center;background-color:#dc35451a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:12px;font-size:.9em}.runtime-reload .runtime-reload-text[data-v-040302ee]{flex-grow:1}.runtime-reload .hint[data-v-040302ee]{display:block;color:var(--color-text-muted);font-size:.9em;margin-top:4px}.runtime-detected[data-v-040302ee]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);padding:8px 12px;font-size:.9em;text-align:center;font-weight:500}.background-controls[data-v-da6ec565]{display:flex;flex-direction:column;gap:15px}.control-row[data-v-da6ec565]{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);padding:5px 5px 5px 15px;border-radius:var(--radius-md)}.control-row>label[data-v-da6ec565]{font-weight:500}.control-row>input[type=color][data-v-da6ec565]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:none;padding:0;background-color:transparent;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden}.control-row>input[type=color][data-v-da6ec565]::-webkit-color-swatch-wrapper{padding:0}.control-row>input[type=color][data-v-da6ec565]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.control-row>input[type=color][data-v-da6ec565]::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.file-button[data-v-da6ec565]{background:var(--control-bg);text-align:center;font-weight:500}.file-button[data-v-da6ec565]:hover{background:var(--control-bg-hover)}.file-button span[data-v-da6ec565]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.clear-button[data-v-da6ec565]{background:var(--control-bg);opacity:.8;font-weight:500}.clear-button[data-v-da6ec565]:hover{background:var(--color-error);opacity:1}.controls[data-v-06eb13f2]{display:flex;flex-direction:column;gap:20px}.timescale-control[data-v-06eb13f2]{display:flex;flex-direction:column;gap:10px}.timescale-control>label[data-v-06eb13f2]{font-weight:500;display:flex;justify-content:space-between;align-items:center}.timescale-control>label span[data-v-06eb13f2]{font-weight:700;color:var(--color-primary-light);background-color:var(--color-surface);padding:2px 8px;border-radius:var(--radius-sm);font-size:.9em}.button-group[data-v-06eb13f2]{display:flex;gap:10px}.button-group>.control-button[data-v-06eb13f2]{flex:1}.reset-button[data-v-06eb13f2]{background:var(--control-bg)}.reset-button[data-v-06eb13f2]:hover{background:var(--control-bg-hover)}.popup-button-container[data-v-936534d5]{justify-content:center}.skin-list[data-v-936534d5]{padding:10px;margin:0;max-height:40vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.skin-list-item[data-v-936534d5]{display:flex;align-items:center;transition:background-color .2s ease}.skin-list-item label[data-v-936534d5]{display:flex;align-items:center;padding:12px 8px;font-weight:500;cursor:pointer;width:100%;font-size:1em;border-radius:var(--radius-sm)}.skin-list-item label[data-v-936534d5]:hover{background-color:var(--color-surface-light)}.skin-list-item input[type=checkbox][data-v-936534d5]{display:none}.skin-list-item .custom-checkbox[data-v-936534d5]{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.skin-list-item input[type=checkbox]:checked+label .custom-checkbox[data-v-936534d5]{background-color:var(--color-primary);border-color:var(--color-primary)}.skin-list-item input[type=checkbox]:checked+label .custom-checkbox[data-v-936534d5]:after{content:"✔";color:#fff;font-size:14px}.clear-button[data-v-936534d5]{background:var(--control-bg)}.clear-button[data-v-936534d5]:hover{background:var(--control-bg-hover)}.control-group[data-v-d23aca9a]{display:flex;flex-direction:column;gap:15px}.popup-button-container[data-v-dd2d9b07]{justify-content:center}.track-controls-container[data-v-dd2d9b07]{display:flex;flex-direction:column;gap:15px}.track-control-row[data-v-dd2d9b07]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px}.track-control-row label[data-v-dd2d9b07]{flex-shrink:0;font-size:1em;font-weight:500}.clear-button[data-v-dd2d9b07]{background:var(--control-bg)}.clear-button[data-v-dd2d9b07]:hover{background:var(--control-bg-hover)}.control-group[data-v-05d2f051]{display:flex;flex-direction:column;gap:15px}.scale-control[data-v-1aa89f56]{display:flex;flex-direction:column;gap:10px}.scale-control>label[data-v-1aa89f56]{font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .2s}.scale-control>label[data-v-1aa89f56]:hover{color:var(--color-primary-light)}.scale-control>label span[data-v-1aa89f56]{font-weight:700;color:var(--color-primary-light);background-color:var(--color-surface);padding:2px 8px;border-radius:var(--radius-sm);font-size:.9em}.language-selector[data-v-6946a8b2]{display:flex;background-color:var(--color-surface);border-radius:var(--radius-md);padding:4px;border:1px solid var(--color-border)}.lang-button[data-v-6946a8b2]{flex:1;padding:8px 12px;border:none;background-color:transparent;color:var(--color-text-muted);font-family:var(--font-main);font-weight:600;font-size:.9em;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease-in-out}.lang-button[data-v-6946a8b2]:hover:not(.active){color:var(--color-text)}.lang-button.active[data-v-6946a8b2]{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0000004d}.github-link-container[data-v-a6b56df6]{margin-top:auto;padding-top:25px;border-top:1px solid var(--color-border)}.github-button[data-v-a6b56df6]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-muted);background-color:transparent;border:1px solid var(--color-border);font-weight:500;transition:all .2s ease-in-out}.github-button[data-v-a6b56df6]:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-surface)}.github-button .icon[data-v-a6b56df6]{font-size:1.2rem}.control-panel[data-v-b3f3873a]{width:360px;flex-shrink:0;background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:25px;display:flex;flex-direction:column;gap:25px;box-shadow:0 8px 30px var(--color-shadow);overflow-y:auto;scrollbar-width:none}.control-panel[data-v-b3f3873a]::-webkit-scrollbar{display:none}@media (max-width: 1024px){.control-panel[data-v-b3f3873a]{width:100%;max-width:500px;margin:0 auto}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:var(--font-main);background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px,#222 1px,transparent 0);background-size:25px 25px;color:var(--color-text);margin:0;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.container{display:flex;width:100%;height:calc(100vh - 40px);max-width:1800px;gap:20px}.control-button{width:auto;padding:12px 20px;font-size:1em;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease-in-out;text-align:center;font-family:var(--font-main);background:linear-gradient(145deg,var(--color-primary-light),var(--color-primary));color:#fff;box-shadow:0 4px 15px #0003}.control-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #0000004d;filter:brightness(1.1)}.control-button:disabled{background:var(--control-bg);cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.control-dropdown{width:auto;padding:12px 15px;font-size:1em;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background-color:var(--color-surface);color:var(--color-text);-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23888888" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;transition:border-color .2s}.control-dropdown:hover{border-color:var(--color-primary)}.multi-track-popup,.multi-skin-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);z-index:1000;display:flex;flex-direction:column;box-shadow:0 10px 40px var(--color-shadow);min-width:400px;max-width:90%;height:auto;max-height:90vh;border:1px solid var(--color-border);overflow:hidden}.multi-track-popup h3,.multi-skin-popup h3{padding:20px 25px;margin:0;background-color:#0003;-webkit-user-select:none;user-select:none;cursor:move;color:var(--color-text);text-align:center;font-weight:600;font-size:1.2rem}.popup-content{padding:20px 25px;overflow-y:auto;flex-grow:1}.popup-button-container{display:flex;gap:15px;margin-top:auto;padding:20px 25px;background-color:#0003;border-top:1px solid var(--color-border)}.control-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--color-surface);border-radius:5px;outline:none;cursor:pointer;transition:opacity .2s}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-surface);box-shadow:0 0 5px #00000080;transition:transform .2s}.control-slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-surface)}.control-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}@media (max-width: 1024px){body{padding:10px;height:auto;overflow:auto}.container{flex-direction:column;height:auto}}:root{--font-main: "Poppins", sans-serif;--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-light: #2a2a2a;--color-border: #3a3a3a;--color-shadow: rgba(0, 0, 0, .5);--color-primary: #6096ba;--color-primary-light: #a3cef1;--color-text: #e0e0e0;--color-text-muted: #888888;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-info: #17a2b8;--control-bg: #333333;--control-bg-hover: #444444;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}