@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-dark: #0f0f23;--bg-card: #1a1a2e;--accent-cyan: #00fff7;--accent-magenta: #ff00ff;--accent-yellow: #ffd700;--text-light: #e0e0e0;--text-dim: #888;--border-glow: rgba(0, 255, 247, .3)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:"Press Start 2P",monospace;background:var(--bg-dark);color:var(--text-light);min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.page{min-height:100%;padding:2rem;max-width:1400px;margin:0 auto}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.title{margin:0 0 1rem;font-size:clamp(1.5rem,5vw,3rem);color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan),0 0 20px var(--accent-cyan),0 0 40px var(--accent-cyan);letter-spacing:.1em;animation:flicker 3s infinite alternate}@keyframes flicker{0%,90%,to{opacity:1}92%{opacity:.8}94%{opacity:1}96%{opacity:.9}}.subtitle{margin:0;font-size:clamp(.5rem,2vw,.75rem);color:var(--accent-magenta);text-transform:uppercase;letter-spacing:.2em}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 480px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.games-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (min-width: 1024px){.games-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1280px){.games-grid{grid-template-columns:repeat(6,1fr)}}.game-card{position:relative;background:var(--bg-card);border:2px solid var(--border-glow);border-radius:4px;padding:.75rem;transition:all .2s ease;cursor:pointer}.game-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:6px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta),var(--accent-yellow));z-index:-1;opacity:0;transition:opacity .3s ease}.game-card:hover{transform:translateY(-4px) scale(1.02);border-color:transparent;box-shadow:0 10px 30px #00fff733,0 0 20px #ff00ff1a}.game-card:hover:before{opacity:1}.game-image-wrapper{aspect-ratio:1;overflow:hidden;border-radius:2px;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.game-image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .3s ease}.game-card:hover .game-image{transform:scale(1.05)}.game-title{margin:.75rem 0 0;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-light);text-align:center;line-height:1.4;text-transform:uppercase;height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-card-link,.header-link{text-decoration:none;color:inherit}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.modal-content{position:relative;background:var(--bg-card);border:2px solid var(--accent-cyan);border-radius:8px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 30px #00fff74d,0 0 60px #ff00ff1a;animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border:2px solid var(--accent-magenta);background:var(--bg-dark);color:var(--accent-magenta);font-size:1rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close:hover{background:var(--accent-magenta);color:var(--bg-dark);transform:scale(1.1)}.modal-title{margin:0;padding:1rem 1.5rem;font-size:clamp(.6rem,2vw,.9rem);color:var(--accent-cyan);text-align:center;text-transform:uppercase;border-bottom:1px solid var(--border-glow)}.modal-game-wrapper{flex:1;min-height:0;background:#000;position:relative;max-height:70vh}.game-iframe{width:100%;height:100%;border:none;display:block}.modal-fullscreen-link{display:block;padding:.75rem 1.5rem;text-align:center;font-size:.5rem;color:var(--accent-yellow);text-decoration:none;border-top:1px solid var(--border-glow);transition:background .2s ease}.modal-fullscreen-link:hover{background:#ffd7001a}.modal-error{padding:3rem;text-align:center;color:var(--accent-magenta);font-size:.7rem}.modal-portrait{max-width:400px}.mobile-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999}.mobile-fullscreen-iframe{width:100%;height:100%;border:none}.mobile-fullscreen-close{position:fixed;top:12px;right:12px;width:40px;height:40px;border:2px solid var(--accent-magenta);background:#000c;color:var(--accent-magenta);font-size:1.2rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all .2s ease}.mobile-fullscreen-close:hover,.mobile-fullscreen-close:active{background:var(--accent-magenta);color:#000}.pico-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.pico-close{position:fixed;top:12px;right:12px;width:36px;height:36px;border:2px solid var(--accent-magenta);background:#000c;color:var(--accent-magenta);font-size:1rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10000}.pico-console{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.pico-bezel{width:100%;background:linear-gradient(180deg,#2d2d3a,#1e1e28);border-radius:20px;padding:1rem;box-shadow:0 10px 40px #00000080,inset 0 2px #ffffff1a,inset 0 -2px #0000004d;border:3px solid #3a3a4a}.pico-screen-area{background:#000;border-radius:8px;padding:8px;margin-bottom:1rem;box-shadow:inset 0 4px 10px #000c,0 0 20px #00fff71a}.pico-screen-label{font-size:.4rem;color:var(--accent-cyan);text-align:center;margin-bottom:6px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.pico-screen{width:100%;background:#000;border-radius:4px;overflow:hidden;border:2px solid #222}.pico-game-iframe{width:100%;height:100%;border:none;display:block}.pico-controls{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.pico-dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:2px}.pico-btn{background:linear-gradient(180deg,#4a4a5a,#2a2a3a);border:2px solid #5a5a6a;border-radius:8px;color:#888;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;box-shadow:0 4px #1a1a2a,0 6px 10px #0000004d;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pico-btn:active{transform:translateY(2px);box-shadow:0 2px #1a1a2a,0 3px 5px #0000004d;background:linear-gradient(180deg,#3a3a4a,#2a2a3a)}.pico-up{grid-column:2;grid-row:1}.pico-left{grid-column:1;grid-row:2}.pico-dpad-center{grid-column:2;grid-row:2;background:#2a2a3a;border-radius:4px}.pico-right{grid-column:3;grid-row:2}.pico-down{grid-column:2;grid-row:3}.pico-action-buttons{display:flex;gap:12px;align-items:center}.pico-action-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:8px}.pico-console-expanded{max-width:100%}.pico-controls-expanded{flex-direction:column;gap:1rem}.pico-controls-expanded .pico-dpad{align-self:flex-start}.pico-controls-expanded .pico-action-grid{width:100%;grid-template-columns:repeat(3,1fr)}.pico-btn-action{min-width:50px;min-height:50px;padding:8px 12px;border-radius:12px;font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.pico-action-buttons:not(.pico-action-grid) .pico-btn-action{width:56px;height:56px;border-radius:50%}.pico-btn-0{background:linear-gradient(180deg,#ff6b6b,#c92a2a);border-color:#ff8787;box-shadow:0 4px #8b0000,0 6px 10px #0000004d}.pico-btn-0:active{background:linear-gradient(180deg,#e85555,#b02525);box-shadow:0 2px #8b0000,0 3px 5px #0000004d}.pico-btn-1{background:linear-gradient(180deg,#ffd43b,#fab005);border-color:#ffe066;color:#333;box-shadow:0 4px #b38600,0 6px 10px #0000004d}.pico-btn-1:active{background:linear-gradient(180deg,#f0c830,#e6a000);box-shadow:0 2px #b38600,0 3px 5px #0000004d}.pico-btn-2{background:linear-gradient(180deg,#69db7c,#2f9e44);border-color:#8ce99a;box-shadow:0 4px #1e7b34,0 6px 10px #0000004d}.pico-btn-2:active{background:linear-gradient(180deg,#51cf66,#2b8a3e);box-shadow:0 2px #1e7b34,0 3px 5px #0000004d}.pico-btn-3{background:linear-gradient(180deg,#74c0fc,#1c7ed6);border-color:#a5d8ff;box-shadow:0 4px #1864ab,0 6px 10px #0000004d}.pico-btn-3:active{background:linear-gradient(180deg,#4dabf7,#1971c2);box-shadow:0 2px #1864ab,0 3px 5px #0000004d}.pico-btn-4{background:linear-gradient(180deg,#e599f7,#ae3ec9);border-color:#eebefa;box-shadow:0 4px #862e9c,0 6px 10px #0000004d}.pico-btn-4:active{background:linear-gradient(180deg,#da77f2,#9c36b5);box-shadow:0 2px #862e9c,0 3px 5px #0000004d}.pico-btn-5{background:linear-gradient(180deg,#ffa94d,#e8590c);border-color:#ffc078;box-shadow:0 4px #c92a2a,0 6px 10px #0000004d}.pico-btn-5:active{background:linear-gradient(180deg,#ff922b,#d9480f);box-shadow:0 2px #c92a2a,0 3px 5px #0000004d}::selection{background:var(--accent-magenta);color:var(--bg-dark)}