.game-viewer.svelte-exxwho{--panel-bg: color-mix(in srgb, var(--page-color) 95%, black);--panel-border: color-mix(in srgb, var(--page-color) 70%, white);--panel-header-bg: color-mix(in srgb, var(--page-color) 50%, black);--highlight: var(--font-link-color);--text-dim: color-mix(in srgb, var(--font-color) 60%, transparent);display:flex;flex-direction:column;min-height:100vh;background:var(--bg-color);font-family:saira,sans-serif;color:var(--font-color)}.game-nav.svelte-exxwho{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--panel-header-bg);border-bottom:2px solid var(--panel-border)}.nav-btn.svelte-exxwho{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--panel-border);color:var(--font-color);font-family:nav,monospace;font-size:12px;cursor:pointer;transition:all .15s ease}.nav-btn.svelte-exxwho:hover{background:var(--highlight);color:var(--bg-color);border-color:var(--highlight)}.nav-breadcrumb.svelte-exxwho{display:flex;align-items:center;gap:8px;font-family:nav,monospace;font-size:11px;color:var(--text-dim)}.crumb.active.svelte-exxwho{color:var(--highlight);font-weight:700}.nav-actions.svelte-exxwho{display:flex;gap:8px}.action-btn.svelte-exxwho{padding:8px;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.action-btn.svelte-exxwho:hover{color:var(--highlight);border-color:var(--panel-border)}.game-content.svelte-exxwho{display:grid;grid-template-columns:1fr 400px;gap:24px;padding:24px;flex:1}.panel-frame.svelte-exxwho{background:var(--panel-bg);border:2px solid var(--panel-border);box-shadow:8px 8px #00000080,inset 0 0 0 1px color-mix(in srgb,var(--panel-border) 30%,transparent);height:100%;display:flex;flex-direction:column}.panel-header.svelte-exxwho{display:flex;align-items:center;background:var(--panel-header-bg);border-bottom:2px solid var(--panel-border);padding:0}.header-decorL.svelte-exxwho,.header-decorR.svelte-exxwho{width:16px;height:32px;background:var(--highlight);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%)}.header-decorR.svelte-exxwho{clip-path:polygon(0 0,100% 0,50% 100%,0 100%)}.panel-title.svelte-exxwho{flex:1;text-align:center;font-family:nav,monospace;font-size:14px;font-weight:400;letter-spacing:3px;color:var(--font-color);margin:0;padding:10px 0;text-shadow:1px 0 0 var(--bg-color),1px 1px 0 var(--bg-color),0 1px 0 var(--bg-color)}.viewport-panel.svelte-exxwho{display:flex;flex-direction:column}.viewport-container.svelte-exxwho{flex:1;display:flex;flex-direction:column;padding:16px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,color-mix(in srgb,var(--bg-color) 20%,transparent) 2px,color-mix(in srgb,var(--bg-color) 20%,transparent) 4px)}.viewport-inner.svelte-exxwho{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,color-mix(in srgb,var(--page-color) 80%,black) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--page-color) 80%,black) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--page-color) 80%,black) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--page-color) 80%,black) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;border:1px solid var(--panel-border);min-height:400px}.scanlines.svelte-exxwho{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px);pointer-events:none;z-index:2}.sprite-display.svelte-exxwho{position:relative;max-width:100%;max-height:100%}.sprite-image.svelte-exxwho{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;transition:opacity .3s ease}.sprite-image.loaded.svelte-exxwho{opacity:1}.fullscreen-btn.svelte-exxwho{position:absolute;top:8px;right:8px;padding:8px;background:color-mix(in srgb,var(--bg-color) 90%,transparent);border:1px solid var(--panel-border);color:var(--font-color);cursor:pointer;opacity:0;transition:all .2s ease}.viewport-inner.svelte-exxwho:hover .fullscreen-btn:where(.svelte-exxwho){opacity:1}.fullscreen-btn.svelte-exxwho:hover{background:var(--highlight);color:var(--bg-color)}.viewport-stats.svelte-exxwho{display:flex;gap:12px;padding:12px 0 0;justify-content:center}.stat-chip.svelte-exxwho{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--panel-header-bg);border:1px solid var(--panel-border);font-size:11px;font-family:nav,monospace;color:var(--text-dim)}.action-bar.svelte-exxwho{display:flex;gap:8px;padding:16px;background:var(--panel-header-bg);border-top:2px solid var(--panel-border)}.primary-action.svelte-exxwho{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:var(--highlight);border:none;color:var(--bg-color);font-family:nav,monospace;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.primary-action.svelte-exxwho:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 4px color-mix(in srgb,var(--highlight) 50%,black)}.secondary-action.svelte-exxwho{display:flex;align-items:center;gap:8px;padding:14px 20px;background:transparent;border:2px solid var(--panel-border);color:var(--font-color);font-family:nav,monospace;font-size:12px;cursor:pointer;transition:all .15s ease}.secondary-action.svelte-exxwho:hover{border-color:var(--highlight);color:var(--highlight)}.secondary-action.active.svelte-exxwho{color:#ff6b6b;border-color:#ff6b6b}.info-panel.svelte-exxwho .panel-frame:where(.svelte-exxwho){overflow:hidden}.title-section.svelte-exxwho{padding:20px 20px 0}.sprite-title.svelte-exxwho{font-family:saira,sans-serif;font-size:24px;font-weight:800;margin:0;line-height:1.2;text-shadow:2px 0 0 var(--bg-color),2px 2px 0 var(--bg-color),0 2px 0 var(--bg-color)}.title-underline.svelte-exxwho{width:60px;height:4px;background:var(--highlight);margin-top:12px}.author-card.svelte-exxwho{display:flex;align-items:center;gap:12px;margin:20px;padding:16px;background:var(--panel-header-bg);border:1px solid var(--panel-border)}.author-avatar.svelte-exxwho{width:48px;height:48px;background:color-mix(in srgb,var(--highlight) 20%,var(--bg-color));border:2px solid var(--highlight);display:flex;align-items:center;justify-content:center;color:var(--highlight)}.author-info.svelte-exxwho{flex:1;display:flex;flex-direction:column;gap:2px}.author-label.svelte-exxwho{font-size:10px;font-family:nav,monospace;color:var(--text-dim);letter-spacing:1px}.author-name.svelte-exxwho{font-size:16px;font-weight:700;color:var(--highlight)}.upload-date.svelte-exxwho{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.tab-nav.svelte-exxwho{display:flex;border-bottom:2px solid var(--panel-border);background:var(--panel-header-bg)}.tab-btn.svelte-exxwho{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-family:nav,monospace;font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .15s ease}.tab-btn.svelte-exxwho:hover{color:var(--font-color);background:color-mix(in srgb,var(--highlight) 10%,transparent)}.tab-btn.active.svelte-exxwho{color:var(--highlight);border-bottom-color:var(--highlight);background:color-mix(in srgb,var(--highlight) 5%,transparent)}.tab-count.svelte-exxwho{padding:2px 6px;background:var(--panel-border);font-size:10px;border-radius:2px}.tab-btn.active.svelte-exxwho .tab-count:where(.svelte-exxwho){background:var(--highlight);color:var(--bg-color)}.tab-content.svelte-exxwho{flex:1;padding:20px;overflow-y:auto}.stats-grid.svelte-exxwho{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.stat-row.svelte-exxwho{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--panel-header-bg);border-left:3px solid transparent;transition:all .15s ease}.stat-row.svelte-exxwho:hover{border-left-color:var(--highlight);background:color-mix(in srgb,var(--highlight) 5%,var(--panel-header-bg))}.stat-label.svelte-exxwho{display:flex;align-items:center;gap:8px;font-size:11px;font-family:nav,monospace;color:var(--text-dim);letter-spacing:1px}.stat-value.svelte-exxwho{font-size:13px;font-weight:600;color:var(--font-color);text-align:right}.description-box.svelte-exxwho{margin-bottom:20px;background:var(--panel-header-bg);border:1px solid var(--panel-border)}.desc-header.svelte-exxwho{padding:8px 12px;font-size:10px;font-family:nav,monospace;letter-spacing:1px;color:var(--highlight);border-bottom:1px solid var(--panel-border)}.desc-text.svelte-exxwho{padding:12px;font-size:13px;line-height:1.6;color:var(--font-color);margin:0}.tags-section.svelte-exxwho{display:flex;flex-wrap:wrap;gap:8px}.tag.svelte-exxwho{padding:4px 10px;background:transparent;border:1px solid var(--panel-border);font-size:11px;font-family:nav,monospace;color:var(--text-dim);transition:all .15s ease}.tag.svelte-exxwho:hover{border-color:var(--highlight);color:var(--highlight)}.comments-placeholder.svelte-exxwho{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-dim);text-align:center}.related-grid.svelte-exxwho{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-item.svelte-exxwho{display:flex;flex-direction:column;gap:8px;cursor:pointer}.related-thumb.svelte-exxwho{aspect-ratio:4/3;background:var(--panel-header-bg);border:1px solid var(--panel-border);transition:all .15s ease}.related-item.svelte-exxwho:hover .related-thumb:where(.svelte-exxwho){border-color:var(--highlight)}.related-name.svelte-exxwho{font-size:11px;color:var(--text-dim)}.related-item.svelte-exxwho:hover .related-name:where(.svelte-exxwho){color:var(--highlight)}.status-bar.svelte-exxwho{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:var(--panel-header-bg);border-top:2px solid var(--panel-border);font-size:11px;font-family:nav,monospace;color:var(--text-dim)}.status-left.svelte-exxwho,.status-right.svelte-exxwho{display:flex;align-items:center;gap:8px}.status-divider.svelte-exxwho{opacity:.3}.nav-hint.svelte-exxwho{display:flex;align-items:center;gap:8px}kbd.svelte-exxwho{padding:2px 6px;background:var(--panel-bg);border:1px solid var(--panel-border);font-size:10px}.online-dot.svelte-exxwho:before{content:"";display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-right:6px;animation:svelte-exxwho-pulse 2s infinite}@keyframes svelte-exxwho-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.game-content.svelte-exxwho{grid-template-columns:1fr;gap:16px}.info-panel.svelte-exxwho{order:-1}.viewport-inner.svelte-exxwho{min-height:300px}}@media(max-width:640px){.game-nav.svelte-exxwho{padding:8px 16px}.nav-breadcrumb.svelte-exxwho{display:none}.game-content.svelte-exxwho{padding:16px}.action-bar.svelte-exxwho{flex-wrap:wrap}.primary-action.svelte-exxwho{width:100%}.secondary-action.svelte-exxwho{flex:1}.status-center.svelte-exxwho{display:none}}