@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--switch-bg:#2b2b2b;--switch-card:#3b3b3b;--switch-card-hover:#4a4a4a;--switch-highlight:#00c3e3;--switch-red:#e60012;--switch-text:#fff;--switch-text-muted:#a0a0a0;--radius-game:8px;--radius-modal:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--switch-bg);color:var(--switch-text);flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.switch-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:2rem 3rem 1rem;display:flex}.switch-user-avatar{background:var(--switch-card);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;overflow:hidden}.switch-user-avatar:hover,.switch-user-avatar:focus{border-color:var(--switch-highlight);outline:none;transform:scale(1.1)}.switch-header-right{color:var(--switch-text-muted);align-items:center;gap:1.5rem;font-weight:500;display:flex}.switch-main{flex-direction:column;flex-grow:1;justify-content:flex-start;padding:0 3rem;display:flex;overflow:hidden}.switch-game-title{text-align:left;align-items:center;gap:12px;height:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;display:flex}.games-carousel{scroll-snap-type:none;gap:1.5rem;margin-bottom:10px;padding:3rem 0 2rem;display:flex;overflow-x:auto}.games-grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;height:100%;padding:3rem 0 2rem;display:grid;overflow-y:auto}.game-block{border-radius:var(--radius-game);background:var(--switch-card);cursor:pointer;scroll-snap-align:start;border:4px solid #0000;outline:none;flex:0 0 220px;height:220px;transition:all .2s ease-in-out;position:relative}.game-block:hover,.game-block:focus,.game-block.active{border-color:var(--switch-highlight);z-index:10;transform:scale(1.05);box-shadow:0 10px 20px #0000004d}.game-cover{object-fit:cover;border-radius:4px;width:100%;height:100%}.game-placeholder{width:100%;height:100%;color:var(--switch-text-muted);text-align:center;justify-content:center;align-items:center;padding:1rem;font-weight:600;display:flex}.game-title-float{background:var(--switch-card);color:var(--switch-highlight);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--switch-border);z-index:30;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:600;transition:opacity .2s;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #00000080}.game-hover-actions{opacity:0;transition:opacity .2s}.game-block:hover .game-title-float,.game-block:focus .game-title-float,.game-block:hover .game-hover-actions,.game-block:focus .game-hover-actions{opacity:1}.switch-footer{background:var(--switch-bg);border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:center;gap:1.5rem;padding:1.5rem 2rem 2rem;display:flex}.system-btn-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.system-btn{background:var(--switch-card);width:56px;height:56px;color:var(--switch-text);cursor:pointer;border:3px solid #0000;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.system-btn:hover,.system-btn:focus,.system-btn.active{border-color:var(--switch-highlight);background:var(--switch-card-hover);transform:scale(1.1)}.system-btn-label{color:var(--switch-highlight);opacity:0;font-size:.8rem;font-weight:500;transition:opacity .2s}.system-btn-wrapper:hover .system-btn-label,.system-btn:focus+.system-btn-label{opacity:1}.switch-modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.switch-modal{background:var(--switch-bg);border-radius:var(--radius-modal);border:1px solid #ffffff1a;flex-direction:column;width:90%;max-width:800px;height:80vh;display:flex;overflow:hidden}.switch-modal-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.switch-modal-content{flex-grow:1;padding:1.5rem;overflow-y:auto}.close-btn{color:var(--switch-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:auto;padding:8px}.close-btn:hover{color:#fff;background:#ffffff1a}.storage-section{margin-bottom:2rem}.storage-label{justify-content:space-between;margin-bottom:8px;font-weight:500;display:flex}.storage-bar-bg{background:var(--switch-card);border-radius:6px;height:12px;overflow:hidden}.storage-bar-fill{border-radius:6px;height:100%}.fill-internal{background:#00c3e3}.fill-sd{background:#e60012}.fill-gdrive{background:#fa0}@media (width<=768px){.games-carousel{padding:2rem 0}.game-block{flex:0 0 60vw;max-width:220px;height:60vw;max-height:220px}.switch-footer{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;padding:1rem;overflow-x:auto}.system-btn{width:44px;height:44px}.switch-header{padding:1rem}.switch-header-right input,.switch-header-right span{display:none}.switch-main{padding:0 1rem}}.switch-input{background:var(--switch-card);color:#fff;border-radius:var(--radius-game);border:2px solid #0000;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;transition:all .2s}.switch-input:focus{border-color:var(--switch-highlight);background:var(--switch-card-hover);outline:none}.switch-btn{background:var(--switch-card);color:#fff;border-radius:var(--radius-game);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.switch-btn:hover,.switch-btn:focus{border-color:var(--switch-highlight);outline:none;transform:scale(1.02)}.switch-btn-primary{background:var(--switch-highlight);color:#000}.switch-btn-danger{background:var(--switch-red)}.badge-drive{color:#000;border:2px solid var(--switch-bg);z-index:5;background:#fa0;border-radius:12px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:-10px}.badge-internal{background:#00c3e3}
