.game-card.svelte-n3ft5o{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--game-color) 70%, #1a1a2e), color-mix(in srgb, var(--game-color) 25%, #0a0a0f));border:1px solid color-mix(in srgb, var(--game-color) 20%, transparent);min-height:100px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);align-items:flex-end;padding:.875rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.game-card.svelte-n3ft5o:hover{box-shadow:0 8px 24px #0006, 0 0 20px color-mix(in srgb, var(--game-color) 25%, transparent);border-color:color-mix(in srgb, var(--game-color) 40%, transparent);transform:translateY(-3px)}.game-bg.svelte-n3ft5o{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.game-overlay.svelte-n3ft5o{z-index:1;background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000d9 100%);position:absolute;inset:0}.game-name.svelte-n3ft5o{z-index:2;text-shadow:0 1px 3px #00000080;font-size:.95rem;font-weight:700;position:relative}.edpi-calc.svelte-1bctx7q{max-width:600px;margin:0 auto 2rem;padding:2rem}.form-grid.svelte-1bctx7q{flex-direction:column;gap:1rem;display:flex}.field.svelte-1bctx7q{flex-direction:column;gap:.5rem;display:flex}.game-fixed.svelte-1bctx7q{background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:.75rem 1rem}.game-fixed-name.svelte-1bctx7q{color:var(--accent-primary);font-weight:600}.dpi-presets.svelte-1bctx7q{gap:.5rem;margin-top:.25rem;display:flex}.dpi-btn.svelte-1bctx7q{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.8rem;font-family:var(--font-mono);border-radius:var(--radius-sm);padding:.375rem .75rem}.dpi-btn.svelte-1bctx7q:hover{border-color:var(--accent-secondary);color:var(--text-primary)}.dpi-btn.active.svelte-1bctx7q{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.result-section.svelte-1bctx7q{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.result-box.svelte-1bctx7q{text-align:center;margin-bottom:1.5rem}.result-label.svelte-1bctx7q{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.result-value.svelte-1bctx7q{color:var(--success);font-size:3rem;font-weight:700;display:block}.classification.svelte-1bctx7q{border-radius:var(--radius-sm);margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.classification.low.svelte-1bctx7q{color:var(--accent-secondary);background:#06b6d426}.classification.medium.svelte-1bctx7q{color:var(--success);background:#22c55e26}.classification.high.svelte-1bctx7q{color:#ef4444;background:#ef444426}.bar-section.svelte-1bctx7q{margin-bottom:1rem}.bar-track.svelte-1bctx7q{background:var(--bg-input);border-radius:4px;height:8px;position:relative;overflow:visible}.bar-recommended.svelte-1bctx7q{background:#22c55e4d;border-radius:4px;height:100%;position:absolute}.bar-indicator.svelte-1bctx7q{width:4px;height:16px;transition:left var(--transition-normal);background:#fff;border-radius:2px;position:absolute;top:-4px;transform:translate(-50%)}.bar-labels.svelte-1bctx7q{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.recommendation.svelte-1bctx7q{text-align:center;font-size:.85rem}h1.svelte-8mw0cx{text-align:center;margin-bottom:.5rem}.subtitle.svelte-8mw0cx{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.generator-layout.svelte-8mw0cx{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1000px;margin:0 auto 2rem;display:grid}@media (width<=720px){.generator-layout.svelte-8mw0cx{grid-template-columns:1fr}}.panel-title.svelte-8mw0cx{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;font-size:1rem;font-weight:700}.canvas-wrapper.svelte-8mw0cx{justify-content:center;margin-bottom:1.25rem;display:flex}.crosshair-canvas.svelte-8mw0cx{border-radius:var(--radius-md);border:1px solid var(--border-color);image-rendering:pixelated}.code-section.svelte-8mw0cx{margin-bottom:1rem}.code-label.svelte-8mw0cx{color:var(--text-muted);margin-bottom:.375rem;font-size:.8rem;display:block}.code-row.svelte-8mw0cx{gap:.5rem;display:flex}.code-input.svelte-8mw0cx{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);flex:1;min-width:0;padding:.5rem .75rem;font-family:monospace;font-size:.75rem}.copy-btn.svelte-8mw0cx{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.copy-btn.copied.svelte-8mw0cx{background:var(--success)}.presets.svelte-8mw0cx{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.presets-label.svelte-8mw0cx{color:var(--text-muted);font-size:.8rem}.preset-btn.svelte-8mw0cx{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.25rem .625rem;font-size:.8rem}.preset-btn.svelte-8mw0cx:hover{border-color:var(--accent-primary);color:var(--text-primary)}.control-group.svelte-8mw0cx{margin-bottom:1.25rem}.control-group.svelte-8mw0cx>label:where(.svelte-8mw0cx){color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.control-group.svelte-8mw0cx input[type=range]:where(.svelte-8mw0cx){width:100%;accent-color:var(--accent-primary)}.radio-group.svelte-8mw0cx{flex-wrap:wrap;gap:.375rem;display:flex}.radio-btn.svelte-8mw0cx{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.3rem .625rem;font-size:.8rem}.radio-btn.active.svelte-8mw0cx{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.color-btn.svelte-8mw0cx{background:var(--bg-input);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.3rem .625rem;font-size:.8rem}.color-btn.active.svelte-8mw0cx{border-color:var(--col);color:var(--col)}.control-row.svelte-8mw0cx{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}.control-row.svelte-8mw0cx label:where(.svelte-8mw0cx){color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;font-size:.85rem;display:flex}.rgb-inputs.svelte-8mw0cx{flex-direction:column;gap:.5rem;display:flex}.rgb-inputs.svelte-8mw0cx>div:where(.svelte-8mw0cx){grid-template-columns:1.5rem 1fr 2rem;align-items:center;gap:.5rem;display:grid}.rgb-inputs.svelte-8mw0cx span:where(.svelte-8mw0cx){color:var(--text-muted);font-size:.75rem;font-weight:700}.rgb-inputs.svelte-8mw0cx strong:where(.svelte-8mw0cx){text-align:right;color:var(--text-secondary);font-size:.75rem}.rgb-inputs.svelte-8mw0cx input[type=range]:where(.svelte-8mw0cx){accent-color:var(--accent-primary)}.sub-controls.svelte-8mw0cx{flex-direction:column;gap:.25rem;margin-top:.5rem;padding-left:1rem;display:flex}.sub-controls.svelte-8mw0cx label:where(.svelte-8mw0cx){color:var(--text-muted);font-size:.8rem}.sub-controls.svelte-8mw0cx input[type=range]:where(.svelte-8mw0cx){width:100%;accent-color:var(--accent-primary)}.info-section.svelte-8mw0cx{max-width:800px;margin:2rem auto}.info-section.svelte-8mw0cx h2:where(.svelte-8mw0cx){margin-bottom:1rem}.info-section.svelte-8mw0cx p:where(.svelte-8mw0cx){color:var(--text-secondary);line-height:1.7}