@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";.retro-arcade{--arcade-bg: #07090f;--arcade-panel: #0f1219;--arcade-panel-2: #151a24;--arcade-border: rgba(255, 255, 255, .08);--arcade-text: #f4f6fb;--arcade-muted: #8b93a7;--arcade-accent: #6b8cff;--arcade-accent-2: #a56bff;--arcade-glow: rgba(107, 140, 255, .35);--arcade-radius: 16px;--arcade-sidebar: 240px;font-family:Outfit,system-ui,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,rgba(107,140,255,.12),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(165,107,255,.1),transparent 55%),var(--arcade-bg);color:var(--arcade-text);min-height:100%;width:100%}.retro-arcade *{box-sizing:border-box}.arcade-shell{display:grid;grid-template-columns:var(--arcade-sidebar) 1fr;min-height:100vh}@media (max-width: 900px){.arcade-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.arcade-sidebar{background:#0a0c12eb;border-right:1px solid var(--arcade-border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;height:100vh;z-index:20}@media (max-width: 900px){.arcade-sidebar{height:auto;position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.75rem;gap:.5rem}}.arcade-brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem}.arcade-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--arcade-accent),var(--arcade-accent-2));display:grid;place-items:center;font-weight:800;font-size:1.1rem;box-shadow:0 8px 24px var(--arcade-glow)}.arcade-brand h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.arcade-brand p{margin:0;font-size:.75rem;color:var(--arcade-muted)}.arcade-nav{display:flex;flex-direction:column;gap:.35rem}@media (max-width: 900px){.arcade-nav{flex-direction:row;flex-wrap:wrap;flex:1}}.arcade-nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--arcade-muted);padding:.65rem .85rem;border-radius:12px;text-align:left;font:inherit;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.65rem;transition:background .18s ease,color .18s ease,transform .18s ease}.arcade-nav-btn:hover{background:#ffffff0a;color:var(--arcade-text)}.arcade-nav-btn.active{background:linear-gradient(90deg,#6b8cff2e,#a56bff14);color:var(--arcade-text);box-shadow:inset 0 0 0 1px #6b8cff40}.arcade-main{padding:1.5rem 1.75rem 2.5rem;min-width:0}@media (max-width: 640px){.arcade-main{padding:1rem}}.arcade-page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.arcade-page-header h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em}.arcade-page-header p{margin:.35rem 0 0;color:var(--arcade-muted)}.arcade-search{width:min(420px,100%);position:relative}.arcade-search input{width:100%;border:1px solid var(--arcade-border);background:var(--arcade-panel);color:var(--arcade-text);border-radius:999px;padding:.75rem 1rem .75rem 2.5rem;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.arcade-search input:focus{border-color:#6b8cff80;box-shadow:0 0 0 3px #6b8cff26}.arcade-search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none}.arcade-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.arcade-chip{border:1px solid var(--arcade-border);background:var(--arcade-panel);color:var(--arcade-muted);border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.85rem;cursor:pointer;transition:all .18s ease}.arcade-chip:hover,.arcade-chip.active{color:var(--arcade-text);border-color:#6b8cff73;background:#6b8cff1f}.arcade-section{margin-bottom:2rem}.arcade-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--arcade-muted);margin:0 0 .85rem;font-weight:600}.arcade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media (min-width: 1100px){.arcade-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.arcade-card{border:0;padding:0;background:transparent;cursor:pointer;text-align:left;color:inherit;border-radius:var(--arcade-radius);transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s ease;width:100%}.arcade-card:hover{transform:translateY(-4px) scale(1.02)}.arcade-card-art{position:relative;aspect-ratio:5 / 7;border-radius:var(--arcade-radius);overflow:hidden;background:var(--arcade-panel-2);box-shadow:0 12px 32px #00000059}.arcade-card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.arcade-card-fav{position:absolute;top:.5rem;right:.5rem;width:34px;height:34px;border-radius:999px;border:0;background:#00000073;color:#fff;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .15s ease}.arcade-card-fav:hover{transform:scale(1.08);background:#0009}.arcade-card-fav.active{color:#ff6b9d}.arcade-card-body{padding:.65rem .15rem 0}.arcade-card-body h3{margin:0;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-card-meta{margin-top:.25rem;font-size:.78rem;color:var(--arcade-muted);display:flex;justify-content:space-between;gap:.5rem}.arcade-empty{border:1px dashed var(--arcade-border);border-radius:var(--arcade-radius);padding:2.5rem 1.5rem;text-align:center;color:var(--arcade-muted);background:#ffffff05}.arcade-dropzone{border:2px dashed rgba(107,140,255,.35);border-radius:var(--arcade-radius);padding:2rem;text-align:center;background:#6b8cff0f;transition:border-color .18s ease,background .18s ease}.arcade-dropzone.drag-over{border-color:#6b8cffcc;background:#6b8cff1f}.arcade-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:.65rem 1rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.arcade-btn:active{transform:scale(.98)}.arcade-btn-primary{background:linear-gradient(135deg,var(--arcade-accent),var(--arcade-accent-2));color:#fff;box-shadow:0 8px 20px var(--arcade-glow)}.arcade-btn-ghost{background:#ffffff0f;color:var(--arcade-text);border:1px solid var(--arcade-border)}.arcade-settings-grid{display:grid;gap:1rem;max-width:720px}.arcade-setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:var(--arcade-panel);border:1px solid var(--arcade-border);border-radius:var(--arcade-radius)}.arcade-setting-row label{font-weight:600}.arcade-setting-row small{display:block;color:var(--arcade-muted);font-weight:400;margin-top:.15rem}.arcade-toggle{width:46px;height:26px;border-radius:999px;background:#ffffff1f;border:0;position:relative;cursor:pointer}.arcade-toggle.on{background:linear-gradient(135deg,var(--arcade-accent),var(--arcade-accent-2))}.arcade-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .18s ease}.arcade-toggle.on:after{transform:translate(20px)}.arcade-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column}.arcade-player-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;background:#07090feb;border-bottom:1px solid var(--arcade-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arcade-player-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-player-controls{display:flex;flex-wrap:wrap;gap:.35rem}.arcade-player-controls .arcade-btn{padding:.45rem .7rem;font-size:.82rem}.arcade-player-stage{flex:1;position:relative;min-height:0}.arcade-player-stage iframe{width:100%;height:100%;border:0;display:block}.arcade-player-hud{padding:.5rem .85rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;background:#07090feb;border-top:1px solid var(--arcade-border);font-size:.82rem;color:var(--arcade-muted)}.arcade-slider{width:120px;accent-color:var(--arcade-accent)}.arcade-mapping{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.arcade-mapping-item{background:var(--arcade-panel-2);border:1px solid var(--arcade-border);border-radius:12px;padding:.75rem;text-align:center}.arcade-mapping-item kbd{display:inline-block;margin-top:.35rem;padding:.2rem .45rem;border-radius:6px;background:#ffffff14;font-size:.78rem}.arcade-hidden-input{display:none}.arcade-loading{display:grid;place-items:center;min-height:40vh;color:var(--arcade-muted)}@keyframes arcade-pulse{0%,to{opacity:.45}50%{opacity:1}}.arcade-loading-dot{animation:arcade-pulse 1.2s ease-in-out infinite}.arcade-online-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}.arcade-online-room-list{display:grid;gap:.65rem}.arcade-online-room-card{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:center;text-align:left;padding:.85rem 1rem;border-radius:var(--arcade-radius);border:1px solid var(--arcade-border);background:var(--arcade-panel);color:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.arcade-online-room-card:hover{border-color:#6b8cff73;transform:translateY(-1px)}.arcade-online-room-card span{color:var(--arcade-muted);font-size:.85rem}.arcade-room-code{font-weight:700;letter-spacing:.12em;color:var(--arcade-accent)!important}.arcade-room-code-display{font-size:2rem;font-weight:800;letter-spacing:.15em;margin-top:.25rem}.arcade-room-code-input{font-size:1.5rem!important;letter-spacing:.2em!important;text-align:center}.arcade-form-grid{display:grid;gap:1rem;max-width:520px}.arcade-form-grid label{display:grid;gap:.35rem;font-weight:600}.arcade-form-grid input,.arcade-form-grid select{border:1px solid var(--arcade-border);background:var(--arcade-panel);color:var(--arcade-text);border-radius:12px;padding:.65rem .85rem;font:inherit}.arcade-checkbox-row{display:flex!important;align-items:center;gap:.5rem;font-weight:500!important}.arcade-form-error{color:#ff8a8a;margin:0}.arcade-room-layout{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:1.25rem}@media (max-width: 900px){.arcade-room-layout{grid-template-columns:1fr}}.arcade-room-hero{display:grid;gap:1rem}.arcade-room-art{aspect-ratio:5 / 7;border-radius:var(--arcade-radius);overflow:hidden;background:var(--arcade-panel-2);box-shadow:0 12px 32px #00000059}.arcade-room-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.arcade-room-code-block{display:grid;gap:1rem;padding:1rem;border-radius:var(--arcade-radius);border:1px solid var(--arcade-border);background:var(--arcade-panel)}.arcade-share-link{display:block;margin:.35rem 0 .65rem;font-size:.82rem;color:var(--arcade-muted);word-break:break-all}.arcade-room-panel{display:grid;gap:1rem;align-content:start}.arcade-player-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.arcade-player-list-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:12px;background:var(--arcade-panel);border:1px solid var(--arcade-border)}.arcade-player-list-meta{font-size:.82rem;color:var(--arcade-muted);margin-top:.15rem}.arcade-player-list-actions{display:flex;align-items:center;gap:.5rem}.arcade-room-actions{display:flex;flex-wrap:wrap;gap:.5rem}.arcade-room-chat{display:grid;gap:.65rem}.arcade-room-chat-log{min-height:120px;max-height:200px;overflow:auto;padding:.75rem;border-radius:12px;background:var(--arcade-panel-2);border:1px solid var(--arcade-border);font-size:.9rem}.arcade-room-chat-empty{color:var(--arcade-muted);margin:0}.arcade-room-chat-form{display:flex;gap:.5rem}.arcade-room-chat-form input{flex:1;border:1px solid var(--arcade-border);background:var(--arcade-panel);color:inherit;border-radius:999px;padding:.55rem .85rem;font:inherit}.arcade-waiting-banner{padding:.75rem 1rem;border-radius:12px;background:#ffb4501f;border:1px solid rgba(255,180,80,.35);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.arcade-quality-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--arcade-border)}.arcade-quality-excellent{color:#7dffb2;border-color:#7dffb259}.arcade-quality-good{color:#9fd0ff;border-color:#9fd0ff59}.arcade-quality-fair{color:#ffd27d;border-color:#ffd27d59}.arcade-quality-poor{color:#ff9a9a;border-color:#ff9a9a59}