:root{--pixel-font:"Press Start 2P", ui-monospace, monospace;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--bg-deep:#6f68ab;--bg-light:#f1e4fb;--grid-line:#ffffff2e;--window-title:#c9a3f0;--window-title-dark:#a97ee0;--window-border:#8a5cd6;--window-content:#fdf4fc;--accent-pink:#ffb3e6;--accent-pink-dark:#f582cf;--accent-blue:#8fd3ff;--text-dark:#3d3357;--text-light:#fdf4fc;--text-muted:#7a6f95;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-dark);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:repeating-linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 40px), radial-gradient(ellipse 80% 60% at 70% 40%, #f1e4fb80 0%, transparent 70%), linear-gradient(180deg, var(--bg-deep) 0%, #a68fd8 55%, var(--bg-light) 100%);background-attachment:fixed;min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--pixel-font);color:var(--text-dark);line-height:1.4}button{font-family:var(--sans)}::selection{background:var(--accent-pink);color:var(--text-dark)}.auth-callback{min-height:100svh;color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.auth-callback a{color:var(--text-light);text-decoration:underline}.retro-window{background:var(--window-title);border:3px solid var(--window-border);border-radius:4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:4px 4px #3d335740}.retro-window-titlebar{background:linear-gradient(180deg, var(--window-title) 0%, var(--window-title-dark) 100%);border-bottom:3px solid var(--window-border);align-items:center;gap:8px;padding:10px 12px;display:flex}.retro-window-icon{width:16px;height:16px;color:var(--text-light);flex-shrink:0;display:inline-flex}.retro-window-title{font-family:var(--pixel-font);color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.retro-window-close{background:var(--window-content);width:20px;height:20px;color:var(--text-dark);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.retro-window-content{background:var(--window-content);flex:1;padding:16px}@media (width<=640px){.retro-window-title{font-size:10px}}.taskbar{background:linear-gradient(180deg, var(--accent-pink) 0%, var(--accent-pink-dark) 100%);border-top:3px solid var(--window-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:12px 20px;display:flex;position:sticky;bottom:0}.taskbar-brand{font-family:var(--pixel-font);color:var(--text-dark);align-items:center;gap:8px;font-size:11px;display:flex}.taskbar-user{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.taskbar-status,.taskbar-name{color:var(--text-dark);font-size:14px;font-weight:600}.taskbar-avatar{border:2px solid var(--window-border);border-radius:50%;width:28px;height:28px}.taskbar-admin-badge{font-family:var(--pixel-font);background:var(--window-border);color:var(--text-light);border-radius:3px;padding:4px 6px;font-size:8px}.taskbar-button{font-family:var(--pixel-font);border:2px solid var(--window-border);background:var(--window-content);color:var(--text-dark);cursor:pointer;border-radius:3px;padding:10px 14px;font-size:10px;box-shadow:2px 2px #3d33574d}.taskbar-button:hover{transform:translate(1px,1px);box-shadow:1px 1px #3d33574d}.taskbar-button-primary{color:#fff;background:#9147ff;border-color:#5c2d99}@media (width<=640px){.taskbar{text-align:center;justify-content:center}}.game-search-input{border:2px solid var(--window-border);width:100%;font-size:14px;font-family:var(--sans);color:var(--text-dark);background:#fff;border-radius:3px;padding:10px 12px}.game-search-input:focus{outline:2px solid var(--accent-pink-dark);outline-offset:1px}.game-search-hint,.game-search-error{color:var(--text-muted);margin:10px 0 0;font-size:13px}.game-search-error{color:#c23b6f}.game-search-results{flex-direction:column;gap:10px;max-height:420px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.game-search-item{border:2px solid var(--window-border);background:#fff;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.game-search-cover{object-fit:cover;background:var(--bg-light);border-radius:2px;flex-shrink:0;width:40px;height:54px}.game-search-cover-placeholder{border:1px dashed var(--window-border)}.game-search-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-search-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.game-search-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.game-search-suggest-button{font-family:var(--pixel-font);border:2px solid var(--window-border);background:var(--accent-pink);color:var(--text-dark);cursor:pointer;border-radius:3px;flex-shrink:0;padding:8px 10px;font-size:9px}.game-search-suggest-button:disabled{opacity:.6;cursor:default}.game-search-suggest-button:hover:not(:disabled){background:var(--accent-pink-dark)}.playlist-modal-backdrop{z-index:100;background:#3d33578c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.playlist-modal{background:var(--window-title);border:3px solid var(--window-border);border-radius:4px;width:min(360px,100%);overflow:hidden;box-shadow:4px 4px #3d335740}.playlist-modal-titlebar{background:linear-gradient(180deg, var(--window-title) 0%, var(--window-title-dark) 100%);border-bottom:3px solid var(--window-border);padding:10px 12px}.playlist-modal-title{font-family:var(--pixel-font);color:var(--text-light);font-size:12px}.playlist-modal-content{background:var(--window-content);flex-direction:column;gap:12px;padding:16px;display:flex}.playlist-modal-hint{color:var(--text-muted);margin:0;font-size:13px}.playlist-modal-input{font:14px/1.4 var(--sans);border:2px solid var(--window-border);color:var(--text-dark);background:#fff;border-radius:3px;padding:8px 10px}.playlist-modal-input:focus{outline:2px solid var(--accent-pink);outline-offset:1px}.playlist-modal-actions{justify-content:flex-end;gap:8px;display:flex}.playlist-modal-button{font-family:var(--pixel-font);border:2px solid var(--window-border);background:var(--accent-blue);color:var(--text-dark);cursor:pointer;border-radius:3px;padding:10px 12px;font-size:10px}.playlist-modal-button-secondary{background:#fff}.playlist-modal-button:disabled{opacity:.6;cursor:default}.suggestion-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.suggestion-list-hint{color:var(--text-muted);margin:0;font-size:14px}.suggestion-item{border:2px solid var(--window-border);background:#fff;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.suggestion-rank{font-family:var(--pixel-font);color:var(--text-muted);text-align:center;flex-shrink:0;width:28px;font-size:11px}.suggestion-cover{object-fit:cover;background:var(--bg-light);border-radius:2px;flex-shrink:0;width:40px;height:54px}.suggestion-cover-placeholder{border:1px dashed var(--window-border)}.suggestion-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.suggestion-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.suggestion-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.suggestion-vote-count{font-family:var(--pixel-font);color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.suggestion-youtube-button{border:2px solid var(--window-border);color:#c4302b;background:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:flex}.suggestion-vote-button{font-family:var(--pixel-font);border:2px solid var(--window-border);color:#c23b6f;cursor:pointer;background:#fff;border-radius:3px;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.suggestion-vote-button.is-voted{background:var(--accent-pink);color:#a3175a}.suggestion-vote-button:disabled{opacity:.6;cursor:default}.suggestion-admin-controls{flex-shrink:0;gap:6px;display:flex}.suggestion-admin-button{font-family:var(--pixel-font);border:2px solid var(--window-border);background:var(--accent-blue);color:var(--text-dark);cursor:pointer;border-radius:3px;padding:8px;font-size:8px}.suggestion-admin-button-danger{background:#ff9494}.suggestion-admin-button:disabled{opacity:.6;cursor:default}@media (width<=640px){.suggestion-item,.game-search-item{flex-wrap:wrap}}.app-main{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:32px 20px 48px;display:flex}.app-header{text-align:center;color:var(--text-light)}.app-header h1{color:var(--text-light);text-shadow:2px 2px #3d335766;margin:0 0 12px;font-size:22px}.app-header p{font-family:var(--sans);color:var(--text-light);opacity:.9;text-shadow:1px 1px 2px #3d335799;margin:0;font-size:18px}.app-toast{background:var(--accent-blue);border:2px solid var(--window-border);color:var(--text-dark);border-radius:4px;align-self:center;padding:10px 16px;font-size:14px;box-shadow:3px 3px #3d33574d}.app-windows{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}@media (width<=1100px){.app-windows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.app-windows{grid-template-columns:1fr}.app-header h1{font-size:16px}}.links-page{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;width:100%;max-width:440px;margin:0 auto;padding:48px 20px;display:flex}.links-header{text-align:center;color:var(--text-light)}.links-header h1{color:var(--text-light);text-shadow:2px 2px #3d335766;margin:0 0 8px;font-size:22px}.links-header p{font-family:var(--sans);color:var(--text-light);opacity:.9;margin:0}.links-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.links-item{border:2px solid var(--window-border);color:var(--text-dark);background:#fff;border-radius:4px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;text-decoration:none;transition:transform 50ms;display:flex;box-shadow:3px 3px #3d335740}.links-item:hover{transform:translate(1px,1px);box-shadow:2px 2px #3d335740}.links-item-icon{width:22px;height:22px;color:var(--window-border);flex-shrink:0;display:inline-flex}.links-item-label{font-size:15px}