@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK0nS.ttf) format("truetype");size-adjust:80%}@font-face{font-family:ThaiPixel;src:url(../fonts/SyDiUme72x12.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;size-adjust:135%}:root{color-scheme:light;--bg-primary:#f5f6fb;--bg-secondary:#fff;--bg-elevated:#fff;--bg-card:hsla(0,0%,100%,.75);--bg-card-hover:#fff;--bg-glass:hsla(0,0%,100%,.72);--border-glass:rgba(15,23,42,.1);--border-subtle:rgba(15,23,42,.07);--border-strong:rgba(15,23,42,.18);--gradient-surface:linear-gradient(160deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.28));--text-primary:#0f1729;--text-secondary:#475569;--text-muted:#6b7689;--overlay-soft:rgba(15,23,42,.03);--overlay:rgba(15,23,42,.055);--overlay-strong:rgba(15,23,42,.09);--input-bg:#fff;--input-bg-focus:#fff;--code-bg:#eceff5;--code-text:#1e293b;--modal-backdrop:rgba(15,23,42,.4);--scrollbar-thumb:rgba(15,23,42,.2);--scrollbar-thumb-hover:rgba(15,23,42,.32);--shimmer:rgba(15,23,42,.06);--grid-line:rgba(15,23,42,.045);--accent-purple:#7c3aed;--accent-purple-light:#a78bfa;--accent-purple-dark:#5b21b6;--accent-cyan:#06b6d4;--accent-cyan-light:#67e8f9;--accent-cyan-dark:#0891b2;--gradient-brand:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradient-purple:linear-gradient(135deg,#8b5cf6,#6d28d9);--gradient-cyan:linear-gradient(135deg,#22d3ee,#0891b2);--gradient-text:linear-gradient(135deg,#7c3aed,#0891b2);--link:#0e7490;--link-hover:#0891b2;--hero-bg:linear-gradient(135deg,#eceefb,#e6e9fb 32%,#e1f0f7 62%,#f5f6fb);--hero-title-gradient:linear-gradient(135deg,#1e1b4b 0%,var(--accent-purple) 50%,var(--accent-cyan-dark) 100%);--ambient-1:rgba(124,58,237,.1);--ambient-2:rgba(6,182,212,.08);--ambient-3:rgba(168,85,247,.06);--success:#10b981;--success-bg:rgba(16,185,129,.13);--warning:#d97706;--warning-bg:rgba(245,158,11,.14);--danger:#ef4444;--danger-bg:rgba(239,68,68,.12);--info:#3b82f6;--info-bg:rgba(59,130,246,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow-md:0 6px 20px -6px rgba(15,23,42,.13);--shadow-lg:0 18px 50px -14px rgba(15,23,42,.16);--shadow-xl:0 30px 70px -18px rgba(15,23,42,.2);--shadow-glow-purple:0 8px 28px -8px rgba(124,58,237,.45);--shadow-glow-cyan:0 8px 28px -8px rgba(6,182,212,.4);--highlight-top:inset 0 1px 0 hsla(0,0%,100%,.8);--ease-out:cubic-bezier(.16,1,.3,1);--transition-fast:.16s var(--ease-out);--transition-normal:.26s var(--ease-out);--transition-slow:.42s var(--ease-out)}:root[data-theme=dark]{color-scheme:dark;--bg-primary:#0a0a12;--bg-secondary:#13131f;--bg-elevated:#1a1a28;--bg-card:hsla(0,0%,100%,.04);--bg-card-hover:hsla(0,0%,100%,.07);--bg-glass:hsla(0,0%,100%,.05);--border-glass:hsla(0,0%,100%,.1);--border-subtle:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.16);--gradient-surface:linear-gradient(160deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015));--text-primary:#f4f6fb;--text-secondary:#9aa6bd;--text-muted:#626f88;--overlay-soft:hsla(0,0%,100%,.03);--overlay:hsla(0,0%,100%,.06);--overlay-strong:hsla(0,0%,100%,.1);--input-bg:hsla(0,0%,100%,.03);--input-bg-focus:hsla(0,0%,100%,.05);--code-bg:rgba(0,0,0,.3);--code-text:#e2e8f0;--modal-backdrop:rgba(0,0,0,.6);--scrollbar-thumb:hsla(0,0%,100%,.12);--scrollbar-thumb-hover:hsla(0,0%,100%,.22);--shimmer:hsla(0,0%,100%,.08);--grid-line:hsla(0,0%,100%,.03);--gradient-text:linear-gradient(135deg,#a78bfa,#22d3ee);--link:#67e8f9;--link-hover:#a5f3fc;--hero-bg:linear-gradient(135deg,#0a0a12,#190f3a 32%,#0a2540 62%,#0a0a12);--hero-title-gradient:linear-gradient(135deg,#fff 0%,var(--accent-purple-light) 50%,var(--accent-cyan) 100%);--ambient-1:rgba(124,58,237,.18);--ambient-2:rgba(6,182,212,.13);--ambient-3:rgba(124,58,237,.09);--success-bg:rgba(16,185,129,.15);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.15);--danger-bg:rgba(239,68,68,.15);--info-bg:rgba(59,130,246,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 20px -6px rgba(0,0,0,.55);--shadow-lg:0 18px 50px -14px rgba(0,0,0,.65);--shadow-xl:0 30px 70px -18px rgba(0,0,0,.72);--shadow-glow-purple:0 8px 28px -6px rgba(124,58,237,.5);--shadow-glow-cyan:0 8px 28px -6px rgba(6,182,212,.5);--highlight-top:inset 0 1px 0 hsla(0,0%,100%,.07)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(62rem 42rem at 10% -10%,var(--ambient-1),transparent 60%),radial-gradient(52rem 40rem at 102% 2%,var(--ambient-2),transparent 55%),radial-gradient(46rem 40rem at 50% 118%,var(--ambient-3),transparent 60%)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}a{color:var(--link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover)}img{max-width:100%;height:auto}::-moz-selection{background:#7c3aed59;color:#fff}::selection{background:#7c3aed59;color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrapper{min-height:calc(100vh - 140px);padding:2rem 0}.glass-card{position:relative;background:var(--gradient-surface),var(--bg-glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--highlight-top);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.glass-card:hover{background:var(--gradient-surface),var(--bg-card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-lg),var(--highlight-top)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);text-decoration:none;line-height:1.4;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-purple);color:#fff;box-shadow:var(--shadow-glow-purple)}.btn-primary:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 12px 34px -8px #7c3aedb3}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);box-shadow:var(--highlight-top)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-accent{background:var(--gradient-cyan);color:#fff;box-shadow:var(--shadow-glow-cyan)}.btn-accent:hover{background:linear-gradient(135deg,#67e8f9,#06b6d4);color:#fff;box-shadow:0 12px 34px -8px #06b6d4b3}.btn-danger{background:linear-gradient(135deg,#f87171,var(--danger));color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#fff;box-shadow:0 12px 34px -8px #ef44448c}.btn-success{background:linear-gradient(135deg,#34d399,var(--success));color:#fff}.btn-success:hover{background:linear-gradient(135deg,#6ee7b7,var(--success));color:#fff;box-shadow:0 12px 34px -8px #10b9818c}.btn-sm{padding:.375rem 1rem;font-size:.8125rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-block{width:100%}.btn-outline{background:transparent;border:1px solid var(--border-glass);color:var(--text-primary)}.btn-outline:hover{background:var(--overlay);border-color:var(--border-strong)}.btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted)}.btn-ghost:hover{background:var(--overlay-strong);color:var(--text-primary);border-color:var(--border-glass)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover,.form-select:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus{border-color:var(--accent-purple);background:var(--input-bg-focus);box-shadow:0 0 0 3px #7c3aed38}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}textarea.form-input{min-height:120px;resize:vertical}.form-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--accent-purple);cursor:pointer}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-success{background:var(--success-bg);color:#047857;border-color:#10b98140}.badge-warning{background:var(--warning-bg);color:#b45309;border-color:#f59e0b40}.badge-danger{background:var(--danger-bg);color:#b91c1c;border-color:#ef444440}.badge-info{background:var(--info-bg);color:#1d4ed8;border-color:#3b82f640}.badge-purple{background:#7c3aed1f;color:#6d28d9;border-color:#7c3aed40}:root[data-theme=dark] .badge-success{color:#6ee7b7}:root[data-theme=dark] .badge-warning{color:#fcd34d}:root[data-theme=dark] .badge-danger{color:#fca5a5}:root[data-theme=dark] .badge-info{color:#93c5fd}:root[data-theme=dark] .badge-purple{color:var(--accent-purple-light)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem;box-shadow:var(--highlight-top)}.alert-error{background:var(--danger-bg);color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.alert-success{background:var(--success-bg);color:#047857;border:1px solid rgba(16,185,129,.3)}.alert-info{background:var(--info-bg);color:#1d4ed8;border:1px solid rgba(59,130,246,.3)}:root[data-theme=dark] .alert-error{color:#fca5a5}:root[data-theme=dark] .alert-success{color:#6ee7b7}:root[data-theme=dark] .alert-info{color:#93c5fd}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table thead{background:var(--overlay-soft)}.data-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.data-table td,.data-table th{padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle)}.data-table td{font-size:.875rem;color:var(--text-secondary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--overlay)}.spinner{width:2rem;height:2rem;border:3px solid var(--border-glass);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-muted)}.skeleton{position:relative;overflow:hidden;background:var(--overlay);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--shimmer),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out) both}.page-enter-active,.page-leave-active{transition:all .25s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.stat-card{position:relative;background:var(--gradient-surface),var(--bg-glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md),var(--highlight-top);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--highlight-top)}.stat-card .stat-value{font-size:2rem;font-weight:800;line-height:1.2;margin-top:.5rem;letter-spacing:-.03em}.stat-card .stat-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem;opacity:.5}.empty-state .empty-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state .empty-text{color:var(--text-muted);font-size:.875rem}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-glass)}.divider span{position:relative;padding:0 1rem;background:var(--bg-secondary);color:var(--text-muted);font-size:.8125rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-3px)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.has-nes-theme{font-size:12px}body.has-nes-theme,body.has-nes-theme button,body.has-nes-theme input,body.has-nes-theme select,body.has-nes-theme textarea{font-family:Press Start\ 2P,ThaiPixel,monospace!important;letter-spacing:1px!important;text-shadow:.25px 0 0 currentColor}body.has-nes-theme .btn{border:4px solid #000!important;box-shadow:0 4px #000!important;border-radius:0!important;font-size:9px!important;text-transform:uppercase;font-weight:400;padding:.75rem 1.2rem!important}body.has-nes-theme .btn:active{transform:translateY(2px);box-shadow:0 2px #000!important}body.has-nes-theme .btn-primary{background-color:var(--accent-purple)!important;color:#fff!important;border-color:#000!important}body.has-nes-theme .btn-secondary{background-color:var(--accent-cyan)!important;color:#000!important;border-color:#000!important}body.has-nes-theme .btn-outline{background-color:transparent!important;color:var(--text-primary)!important;border-color:#000!important}body.has-nes-theme .btn-sm{padding:.4rem .8rem!important;font-size:8px!important}body.has-nes-theme .config-panel,body.has-nes-theme .feature-card,body.has-nes-theme .game-card,body.has-nes-theme .glass-card,body.has-nes-theme .more-hint,body.has-nes-theme .panel,body.has-nes-theme .product-card{border:4px solid #000!important;border-radius:0!important;box-shadow:4px 4px #000!important;background-color:var(--bg-secondary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important}body.has-nes-theme .color-text-input,body.has-nes-theme .form-input,body.has-nes-theme .form-select,body.has-nes-theme .generated-url-input,body.has-nes-theme .range-input{border:4px solid #000!important;border-radius:0!important;background-color:var(--input-bg)!important;font-size:10px!important;color:var(--text-primary)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}body.has-nes-theme .navbar{border-bottom:4px solid #000!important;background-color:var(--bg-secondary)!important}body.has-nes-theme .game-badge,body.has-nes-theme .hero-badge,body.has-nes-theme .tag{border:2px solid #000!important;border-radius:0!important;background-color:var(--bg-primary)!important;font-size:12px!important;padding:2px 6px!important}body.has-nes-theme .hero-title,body.has-nes-theme .page-title,body.has-nes-theme h1{font-size:20px!important;line-height:1.5}body.has-nes-theme .panel-title,body.has-nes-theme .section-title,body.has-nes-theme h2{font-size:14px!important;line-height:1.6}body.has-nes-theme .overlay-name,body.has-nes-theme h3{font-size:12px!important}body.has-nes-theme a,body.has-nes-theme div,body.has-nes-theme li,body.has-nes-theme p,body.has-nes-theme span{line-height:1.8}.error-page[data-v-770bb33c]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.error-card[data-v-770bb33c]{max-width:480px;width:100%;padding:3rem 2rem;text-align:center}.error-code[data-v-770bb33c]{font-size:6rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.error-title[data-v-770bb33c]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.error-message[data-v-770bb33c]{color:var(--text-muted);font-size:.9375rem;margin-bottom:2rem}.error-actions[data-v-770bb33c]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}