:root{--nes-black:#0f1116;--nes-dark:#1c1f2b;--nes-panel:#24293c;--nes-accent:#ff4655;--nes-gold:#f3d45c;--nes-green:#4cf89e;--nes-blue:#8ab4ff;--nes-border:#55597b;--nes-soft:#e2e6f2;--font-display:"Press Start 2P",cursive;--font-body:"Space Grotesk","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1e2235 0,#0b0d14 60%);color:var(--nes-soft);font-family:var(--font-body);margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.retro-shell{display:flex;flex-direction:column;min-height:100vh}.retro-header{background:linear-gradient(90deg,#1a1c27,#24293c);border-bottom:4px solid var(--nes-accent);gap:1.5rem;justify-content:space-between;padding:1.5rem 4vw;text-transform:uppercase}.logo,.retro-header{align-items:center;display:flex}.logo{color:var(--nes-soft);font-family:var(--font-display);font-size:1.2rem;gap:.8rem}.logo__chip{background:var(--nes-accent);border:2px solid #fff;border-radius:4px;box-shadow:0 0 8px #ff465580;color:#fff;padding:.2rem .5rem}.retro-nav{display:flex;font-size:.9rem;gap:1rem;letter-spacing:1px}.retro-nav a{border:2px solid transparent;padding:.4rem .8rem}.retro-nav a.is-active,.retro-nav a:hover{border-color:var(--nes-accent);color:var(--nes-gold)}.status-indicator{align-items:center;display:flex;font-size:.75rem;gap:.5rem;letter-spacing:3px}.status-indicator .led{background:var(--nes-green);border-radius:50%;box-shadow:0 0 10px var(--nes-green);height:12px;width:12px}.header-actions{align-items:center;display:flex;gap:.8rem}.retro-button--ghost{background:transparent;border-color:var(--nes-border);color:var(--nes-soft)}.retro-button--ghost:hover{background:#ffffff14}.retro-main{flex:1;padding:3rem 4vw 4rem}.retro-footer{background:#11131b;border-top:4px solid var(--nes-border);color:#7e86a0;font-size:.9rem;padding:1.5rem;text-align:center}.retro-footer .footer-meta{display:flex;font-size:.75rem;gap:1rem;justify-content:center}.hero-panel{background:linear-gradient(135deg,#20263a,#161b2d);border:4px solid var(--nes-border);border-radius:20px;box-shadow:inset 0 0 30px #0000004d,0 20px 40px #00000080;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2.5rem}.hero-panel__content h1{color:var(--nes-gold);font-family:var(--font-display);font-size:clamp(1.8rem,2.5vw,2.6rem);margin:0 0 1rem}.hero-panel__content p{color:#c7cbe4;line-height:1.5;margin:0 0 2rem}.hero-panel__art{align-items:center;display:flex;justify-content:center}.retro-button{align-items:center;background:var(--nes-accent);border:3px solid #fff;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-display);gap:.6rem;letter-spacing:2px;padding:.8rem 1.4rem;text-transform:uppercase;transition:transform .15s ease}.retro-button:hover{transform:translateY(-3px)}.retro-panel{background:#0a0c14cc;border:3px solid var(--nes-border);border-radius:18px;box-shadow:inset 0 0 25px #00000059;margin-top:2.5rem;padding:1.8rem}.retro-panel__title{color:var(--nes-blue);font-family:var(--font-display);margin-bottom:1.2rem}.search-bar{display:flex;flex-wrap:wrap;gap:1rem}.search-bar input{background:#0e111d;border:3px solid var(--nes-border);border-radius:10px;color:var(--nes-soft);flex:1;font-size:1rem;padding:.9rem 1rem}.search-bar button{width:200px}.type-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.type-tab{border:2px solid var(--nes-border);border-radius:8px;cursor:pointer;font-size:.85rem;letter-spacing:1px;padding:.4rem .8rem}.type-tab.is-active{border-color:var(--nes-accent);color:var(--nes-gold)}.game-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.favorites-grid{justify-items:center}.game-card{background:#191d2c;border:2px solid var(--nes-border);border-radius:16px;display:flex;flex-direction:column;gap:.8rem;padding:1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{box-shadow:0 10px 20px #00000073;transform:translateY(-6px)}.game-card__art{align-items:center;aspect-ratio:4/3;background:#000;border:3px solid #fff;border-radius:12px;display:flex;justify-content:center;overflow:hidden}.game-card--compact .game-card__art{aspect-ratio:16/9}.game-card__art img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.game-card__art .placeholder{color:var(--nes-green);font-family:var(--font-display);font-size:.8rem}.game-card__title{color:var(--nes-soft);font-family:var(--font-display);font-size:.85rem}.game-card__meta{color:#9ba4c4;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.4rem}.game-card--small{margin:0 auto;max-width:240px}.game-card--small .game-card__art{aspect-ratio:4/3;max-height:160px}.game-card--small .game-card__meta,.game-card--small .game-card__title{font-size:.8rem}.ranking-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin:0;padding:0}.ranking-item{align-items:center;background:#15192b;border:2px solid var(--nes-border);border-radius:12px;display:grid;gap:1rem;grid-template-columns:60px 1fr auto;padding:.6rem 1rem}.ranking-item strong{color:var(--nes-accent);font-size:1.2rem}.badge{background:#faff8e26;border:1px solid var(--nes-gold);border-radius:6px;color:var(--nes-gold);font-size:.75rem;padding:.2rem .6rem}.detail-layout{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-card{background:#131829;border:3px solid var(--nes-border);border-radius:16px;padding:1.5rem}.detail-section{border-top:1px solid var(--nes-border);margin-top:1.2rem;padding-top:1.2rem}.detail-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.save-box{background:#10182de6;border:2px solid var(--nes-blue);border-radius:12px;margin-bottom:1rem;padding:1rem}.detail-card h2{color:var(--nes-blue);font-family:var(--font-display);margin-top:0}.meta-table{border-collapse:collapse;width:100%}.meta-table td{color:#c0c6dc;padding:.4rem 0}.meta-table td:first-child{color:var(--nes-green);width:120px}.history-grid,.save-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.notice-box{background:#ff46551a;border:2px dashed var(--nes-accent);border-radius:12px;color:#fddfdf;padding:1rem}.touch-play{gap:1.5rem}.touch-play__top{align-items:center;background:#13182b;border:2px solid var(--nes-border);border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.back-link{border-bottom:2px dashed transparent;color:var(--nes-gold);font-weight:600}.back-link:hover{border-color:var(--nes-gold)}.touch-play__meta{flex:1;min-width:180px}.touch-play__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}.touch-play__tag{border:1px solid var(--nes-border);border-radius:6px;color:var(--nes-green);display:inline-flex;font-size:.7rem;letter-spacing:2px;padding:.2rem .6rem;text-transform:uppercase}.touch-play__meta h1{font-family:var(--font-display);font-size:1.4rem;margin:.4rem 0 .2rem}.touch-play__desc{color:#a0a6c5;font-size:.9rem;margin:0}.touch-play__messages{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.touch-play{display:flex;flex-direction:column;min-height:100vh}.touch-play__body{display:flex;flex:1;flex-direction:column}.controls-header h3{color:var(--nes-blue);font-family:var(--font-display);margin:0}.controls-header p{color:#a9b1d4;font-size:.9rem;margin:.4rem 0 0}.touch-play__emulator{min-height:400px}.emulator-shell{background:#0f1425;border:2px solid var(--nes-border);border-radius:18px;display:flex;flex-direction:column;min-height:calc(100vh - 260px);padding:1.5rem}.emulator-shell__header{border-bottom:1px solid var(--nes-border);margin-bottom:1rem;padding-bottom:.8rem}.emulator-shell__header h3{color:var(--nes-blue);font-family:var(--font-display);margin:0}.emulator-shell__header p{color:#9ea5c7;font-size:.9rem;margin:.4rem 0 0}.emulator-stage{background:#000;border:3px solid #fff;border-radius:18px;flex:1;height:100%;min-height:420px;overflow:hidden}.save-selector-overlay{align-items:center;background:#000000bf;display:flex;justify-content:center;inset:0;padding:2rem;position:fixed;z-index:1000}.save-selector-modal{background:var(--nes-panel);border:3px solid var(--nes-border);border-radius:18px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.save-selector-header{align-items:center;border-bottom:2px solid var(--nes-border);display:flex;justify-content:space-between;padding:1.5rem}.save-selector-header h3{color:var(--nes-blue);font-family:var(--font-display);font-size:1rem;margin:0}.save-selector-close{align-items:center;background:transparent;border:2px solid var(--nes-border);border-radius:50%;color:var(--nes-soft);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;transition:border-color .2s;width:32px}.save-selector-close:hover{border-color:var(--nes-accent);color:var(--nes-accent)}.save-selector-content{flex:1;overflow-y:auto;padding:1.5rem}.save-selector-list{display:flex;flex-direction:column;gap:1rem}.save-selector-item{align-items:center;background:#15192b;border:2px solid var(--nes-border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:border-color .2s,transform .2s}.save-selector-item:hover{border-color:var(--nes-accent);transform:translateY(-2px)}.save-selector-item-info{flex:1}.save-selector-item-id{color:var(--nes-soft);font-size:.9rem;font-weight:600;margin:0 0 .4rem}.save-selector-item-time{color:#9ba4c4;font-size:.85rem;margin:.2rem 0}@media(max-width:768px){.retro-header{flex-wrap:wrap}.search-bar button{width:100%}.ranking-item{grid-template-columns:40px 1fr}.emulator-shell{min-height:calc(100vh - 240px)}.emulator-stage{min-height:calc(100vh - 320px)}}