@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--black:#000;--dark:#07070f;--dark-card:#0e0e1c;--cyan:#00e5ff;--magenta:#f09;--yellow:#ffe600;--green:#39ff14;--red:#f33;--white:#fff;--gray:#567;--dim:#1a1a2e}*{box-sizing:border-box;margin:0;padding:0}body:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px);content:"";inset:0;pointer-events:none;position:fixed;z-index:9999}body{background-color:#07070f;background-color:var(--dark);background-image:radial-gradient(circle at 1px 1px,#00e5ff0d 1px,#0000 0);background-size:28px 28px;color:#fff;color:var(--white);font-family:Press Start\ 2P,monospace;font-size:13px;line-height:2}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(180deg,#002,#004 60%,#1a0033);border-bottom:4px solid #00e5ff;border-bottom:4px solid var(--cyan);box-shadow:0 4px 0 #f09;box-shadow:0 4px 0 var(--magenta);overflow:hidden;padding:2.5rem 2rem 2rem;position:relative;text-align:center}.header:before{animation:blink 1.4s step-end infinite;color:#f09;color:var(--magenta);content:"★ ARCADE ★";font-size:12px;left:50%;letter-spacing:6px;position:absolute;top:10px;transform:translateX(-50%)}.header h1{color:#ffe600;color:var(--yellow);font-size:clamp(26px,5vw,44px);letter-spacing:6px;margin-bottom:.75rem;margin-top:1rem;text-shadow:3px 3px 0 #f09,6px 6px 0 #ff009959;text-shadow:3px 3px 0 var(--magenta),6px 6px 0 #ff009959}.header p{animation:blink 1.2s step-end infinite;color:#00e5ff;color:var(--cyan);font-size:11px;letter-spacing:3px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.nav{background:#000;background:var(--black);border-bottom:3px solid #00e5ff;border-bottom:3px solid var(--cyan);display:flex;justify-content:center}.nav a{border-right:2px solid #1a1a2e;border-right:2px solid var(--dim);color:#00e5ff;color:var(--cyan);display:inline-block;font-size:11px;letter-spacing:1px;padding:14px 28px;text-decoration:none;transition:background .1s,color .1s}.nav a:first-child{border-left:2px solid #1a1a2e;border-left:2px solid var(--dim)}.nav a:hover{background:#00e5ff;background:var(--cyan);color:#000;color:var(--black)}.main{flex:1 1;margin:0 auto;max-width:960px;padding:2.5rem 1.5rem;width:100%}.search-container{margin:0 auto;max-width:860px}.search-container:before{color:#567;color:var(--gray);content:"▶ SELECT SYSTEM + ENTER GAME TITLE";display:block;font-size:12px;letter-spacing:2px;margin-bottom:1rem}.search-box{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.search-input{background:#000;background:var(--black);border:3px solid #00e5ff;border:3px solid var(--cyan);caret-color:#00e5ff;caret-color:var(--cyan);color:#00e5ff;color:var(--cyan);flex:1 1;font-family:Press Start\ 2P,monospace;font-size:13px;min-width:220px;outline:none;padding:12px 14px;transition:box-shadow .15s}.search-input::placeholder{color:#567;color:var(--gray)}.search-input:focus{box-shadow:0 0 0 2px #00e5ff,0 0 18px #00e5ff40;box-shadow:0 0 0 2px var(--cyan),0 0 18px #00e5ff40}.system-select{background:#000;background:var(--black);border:3px solid #f09;border:3px solid var(--magenta);color:#f09;color:var(--magenta);cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:12px;outline:none;padding:12px 14px}.system-select:focus{box-shadow:0 0 0 2px #f09;box-shadow:0 0 0 2px var(--magenta)}.system-select optgroup,.system-select option{background:#000;background:var(--black);color:#fff;color:var(--white)}.search-button{background:#ffe600;background:var(--yellow);border:3px solid #fff;border:3px solid var(--white);box-shadow:5px 5px 0 #f09;box-shadow:5px 5px 0 var(--magenta);color:#000;color:var(--black);cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:13px;padding:12px 20px;transition:transform .08s,box-shadow .08s;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:7px 7px 0 #f09;box-shadow:7px 7px 0 var(--magenta);transform:translate(-2px,-2px)}.search-button:active:not(:disabled){box-shadow:0 0 0 #f09;box-shadow:0 0 0 var(--magenta);transform:translate(5px,5px)}.search-button:disabled{background:#567;background:var(--gray);box-shadow:5px 5px 0 #333;color:#000;color:var(--black);cursor:not-allowed}.loading-bar-wrap{margin-bottom:1.5rem}.loading-bar-label{color:#00e5ff;color:var(--cyan);font-size:11px;letter-spacing:3px;margin-bottom:8px}.loading-dots:after{animation:dots 1.2s steps(4) infinite;content:""}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.loading-bar{background:#000;background:var(--black);border:3px solid #00e5ff;border:3px solid var(--cyan);box-shadow:0 0 12px #00e5ff4d;height:22px;image-rendering:pixelated;overflow:hidden;position:relative;width:100%}.loading-bar-fill{animation:pixel-scan .9s steps(12) infinite;background:repeating-linear-gradient(90deg,#00e5ff,#00e5ff 8px,#f09 0,#f09 16px,#ffe600 0,#ffe600 24px,#39ff14 0,#39ff14 32px);background:repeating-linear-gradient(90deg,var(--cyan) 0,var(--cyan) 8px,var(--magenta) 8px,var(--magenta) 16px,var(--yellow) 16px,var(--yellow) 24px,var(--green) 24px,var(--green) 32px);height:100%;image-rendering:pixelated;left:-70%;position:absolute;top:0;width:70%}@keyframes pixel-scan{0%{left:-70%}to{left:100%}}.error{background:#ff33331a;border:3px solid #f33;border:3px solid var(--red);color:#f33;color:var(--red);font-size:11px;letter-spacing:1px;margin-bottom:1.25rem;padding:12px 16px}.error:before{content:"!! "}.status{background:#39ff1414;border:3px solid #39ff14;border:3px solid var(--green);color:#39ff14;color:var(--green);font-size:11px;letter-spacing:1px;margin-bottom:1.25rem;padding:12px 16px}.status:before{content:"▶ "}.result-count{font-size:11px;letter-spacing:2px}.result-count,.search-notice{color:#567;color:var(--gray);margin-bottom:1.25rem}.search-notice{border:2px solid #1a1a2e;border:2px solid var(--dim);font-size:9px;letter-spacing:1px;line-height:1.8;padding:10px 14px}.results{grid-gap:1.25rem;display:grid;gap:1.25rem}.result-item{align-items:flex-start;background:#0e0e1c;background:var(--dark-card);border:3px solid #00e5ff;border:3px solid var(--cyan);box-shadow:6px 6px 0 #f09;box-shadow:6px 6px 0 var(--magenta);display:flex;gap:1.25rem;padding:1.25rem;transition:transform .08s,box-shadow .08s}.result-item:hover{box-shadow:9px 9px 0 #f09;box-shadow:9px 9px 0 var(--magenta);transform:translate(-3px,-3px)}.cover-image{background:#1a1a2e;background:var(--dim);border:2px solid #1a1a2e;border:2px solid var(--dim);flex-shrink:0;height:80px;image-rendering:pixelated;object-fit:contain;width:80px}.result-info{flex:1 1;min-width:0}.result-item h3{color:#ffe600;color:var(--yellow);font-size:13px;line-height:1.6;margin-bottom:10px;text-shadow:2px 2px 0 #f096}.result-item p{color:#567;color:var(--gray);font-size:11px;letter-spacing:.5px;margin-bottom:6px}.result-item p strong{color:#00e5ff;color:var(--cyan)}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.result-actions a,.result-actions button{border:2px solid;box-shadow:3px 3px 0;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:11px;padding:8px 14px;text-decoration:none;transition:transform .08s,box-shadow .08s}.result-actions a{box-shadow-color:#00e5ff;box-shadow-color:var(--cyan);background:#0000;border-color:#00e5ff;border-color:var(--cyan);box-shadow:3px 3px 0 #00e5ff;box-shadow:3px 3px 0 var(--cyan);color:#00e5ff;color:var(--cyan)}.result-actions button{background:#0000;border-color:#39ff14;border-color:var(--green);box-shadow:3px 3px 0 #39ff14;box-shadow:3px 3px 0 var(--green);color:#39ff14;color:var(--green)}.result-actions a:hover,.result-actions button:hover{transform:translate(-1px,-1px)}.result-actions a:active,.result-actions button:active{box-shadow:0 0 0!important;transform:translate(3px,3px)}.legal-page{margin:0 auto;max-width:760px}.legal-page h2{color:#ffe600;color:var(--yellow);font-size:16px;letter-spacing:4px;margin-bottom:2rem;text-shadow:2px 2px 0 #f09;text-shadow:2px 2px 0 var(--magenta)}.legal-page section{background:#0e0e1c;background:var(--dark-card);border:3px solid #1a1a2e;border:3px solid var(--dim);margin-bottom:1.5rem;padding:1.5rem}.legal-page h3{border-bottom:2px solid #1a1a2e;border-bottom:2px solid var(--dim);color:#00e5ff;color:var(--cyan);font-size:11px;letter-spacing:3px;margin-bottom:1rem;padding-bottom:.5rem}.legal-page p{color:#567;color:var(--gray);font-size:10px;line-height:2.2;margin-bottom:.75rem}.legal-page p:last-child{margin-bottom:0}.legal-page strong{color:#f33;color:var(--red)}.legal-contact{color:#00e5ff;color:var(--cyan)}.footer{background:#000;background:var(--black);border-top:3px solid #00e5ff;border-top:3px solid var(--cyan);color:#567;color:var(--gray);font-size:12px;letter-spacing:2px}.footer-inner{flex-direction:row;justify-content:space-between;margin:0 auto;max-width:960px;padding:1rem 1.5rem;width:100%}.footer-actions,.footer-inner{align-items:center;display:flex}.footer-actions{gap:10px}.footer-help{background:#0000;border:2px solid #567;border:2px solid var(--gray);box-shadow:3px 3px 0 #567;box-shadow:3px 3px 0 var(--gray);color:#567;color:var(--gray);cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:11px;letter-spacing:2px;padding:8px 20px;text-decoration:none;transition:transform .08s,box-shadow .08s}.footer-help:hover{box-shadow:5px 5px 0 #567;box-shadow:5px 5px 0 var(--gray);transform:translate(-2px,-2px)}.footer-help:active{box-shadow:0 0 0 #567;box-shadow:0 0 0 var(--gray);transform:translate(3px,3px)}.footer-reset{background:#0000;border:2px solid #00e5ff;border:2px solid var(--cyan);box-shadow:3px 3px 0 #00e5ff;box-shadow:3px 3px 0 var(--cyan);color:#00e5ff;color:var(--cyan);cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:11px;letter-spacing:2px;padding:8px 20px;transition:transform .08s,box-shadow .08s}.footer-reset:hover{box-shadow:5px 5px 0 #00e5ff;box-shadow:5px 5px 0 var(--cyan);transform:translate(-2px,-2px)}.footer-reset:active{box-shadow:0 0 0 #00e5ff;box-shadow:0 0 0 var(--cyan);transform:translate(3px,3px)}@media (max-width:640px){.result-item,.search-box{flex-direction:column}.cover-image{height:64px;width:64px}.result-actions{flex-direction:column}.result-actions a,.result-actions button{text-align:center}.footer-inner{gap:.75rem}.footer-actions,.footer-inner{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.b3ff45c4.css.map*/